Wednesday, January 27, 2010

Cute Bookmarking style under posts


Get this cute bookmarking share style with titlepopup under your blog posts now for free. Just follow the instruction given and you will see the cute result below your blog posts...






Step #1
- Go to Layout > Edit HTML

Step #2
- Before you made any adjustment of your blog please save your blog template first!

Step #3
- tick on the Expand Widget Templates

Step #4
- Use Ctrl+F shortcut key and search for this ]]></b:skin> tag:

Step #5
- Paste this code above the  tag:



/* Bookmark with titlepopup by syafzpic.com */
#titlepopup{
position:absolute;
border:none;
background:#323232;/*titlepopup background color*/
padding:2px 5px;
color:#f2f2f2;/*titlepopup font color*/
z-index: 20;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 5px;
-moz-opacity: .87;
display:none;}   
.syafzpicc{opacity:0.45;}
.syafzpicc:hover{opacity:1;}

 



Step #6
- Once again, use Ctrl+F and search for this code:
<data:post.body/>

Step #7
- Paste this code below right after the <data:post.body/> code:




Step #8
- Save your template and done!

0 comments:

Post a Comment

 

Blogger Tips and Style Copyright © 2009 Community is Designed by Free Blogger Template