Saturday, December 26, 2009
Nice Social Bookmarks Icon
by Syarhan
| Posted at: 2:40 AM |
Tag:
nice social bookmarks
|
Many bloggers have put social bookmarks in their blogs. For the blogger who haven't use it, please follow the easy steps below. This social bookmarks will be located below your post. Through the steps below you'll be able to bookmark your post easily...
Step 1: You must sign to blogger. You go to Layout and take the Edit HTML.
Step 2: You tick at the Expand Widget Template.
Step 3: Find this <data:post.body/> tag
Step 4: Paste this code after the <data:post.body/> tag
<!--nice social bookmarks icons start here-->
<b:if cond='data:blog.pageType == "item"'>
<!--Digg-->
<script type='text/javascript'>digg_url="<data:post.url/>";</script><script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
<!--Stumble-->
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='http://i625.photobucket.com/albums/tt337/syafzpic/syazavatar/stumbleupon_32.png'/></a>
<!--Delicious-->
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='http://i625.photobucket.com/albums/tt337/syafzpic/syazavatar/delicious_32.png'/></a>
<!--Technorati-->
<a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='http://i625.photobucket.com/albums/tt337/syafzpic/syazavatar/technorati_32.png'/></a>
<!--Twitter-->
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='http://i625.photobucket.com/albums/tt337/syafzpic/syazavatar/twitter_32.png'/></a>
<!--Facebook-->
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='http://i625.photobucket.com/albums/tt337/syafzpic/syazavatar/facebook_32.png'/></a>
</b:if>
<!--nice social bookmarks icons end-->
Step 4: Save your template
Subscribe to:
Post Comments (Atom)
2 comments:
THank you. A more descriptive example is in http://arjudba.blogspot.com/2009/12/how-to-add-favicon-to-blogger-blogspot.html
Thanks for this easy steps to grab social bookmarking icons
Post a Comment