At last, Damzaky got a pagerank

I don't know why, never update post, never blogwalking, never exchange link, never get a lot visitor, a forever alone blog, no comments, no like, not +, no tweet, but at last this november, exacly when my birthday month is coming, my blog got a pagerank. I don't know when this google pagerank update, but very thanks to my teachers. Ok "new pagerank, new spirit!", maybe i'll updating this blog every i've free time....

Pure CSS tooltip without javascript

Pure CSS tooltip is a tooltip or a more info about anything that hovered. Tooltip is very useful for more information about a link or anything that is hovered. Maybe in HTML there are already a tooltip, but that tooltip can't be customized. Now i'll share about how to make a tooltip with pure CSS and without javascript or Jquery.

How to create tooltip with CSS without javascript

It's simply, i just put a pseudo :after to a link element.

1. Open and login to blogger.com, select your blog
2. Click template tab in left sidebar, then backup your template
3. Edit HTML proceed, then search (CTRL+F) for this code: ]]></b:skin>
4. If you have found that code, before that code, paste this code:
   
   a.tltp{position: relative;}a.tltp:after{content:attr(alt);display:none;margin-left:10px;color:#000;background: #fff;border:1px solid #ccc; border-radius: 3px;padding:3px;width:300px;position:absolute;font-family:'Arial',sans-serif;line-height:1.5;letter-spacing:1px;text-transform: lowercase;font-weight: normal;font-size:13px;font-variant:normal;text-align: justify; font-style:normal;}/*CSS tooltip by Damar Zaky http://damzaky.blogspot.com*/a.tltp:hover:after{display:inline;}
5. Then save template

How to make the link with tooltip

For make a tooltip, in any link just put class='tltp' and alt='THE CONTENT OF TOOLTIP' or like this:

<a href='http://blablablac.com' class='tltp' alt='THE CONTENT OF TOOLTIP'>Link</a>

Demo

Link
Just that!

Creating my own about page

I learning about CSS, then i understand and i want to try to creating a about page with CSS, then i finish and the about page has been released now!, Here's the link:

http://damarzaky.blogspot.com/

Note:

The template of that about page is 100% created by me, created with only CSS and without javascript OK....