Saturday, December 26, 2009

Nice Social Bookmarks Icon




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=&quot;<data:post.url/>&quot;;</script><script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
<!--Stumble-->
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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='&quot;http://technorati.com/faves?add=&quot; + 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='&quot;http://twitthis.com/twit?url=&quot; + 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='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + 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

2 comments:

Arju on January 8, 2010 at 1:55 AM said...

THank you. A more descriptive example is in http://arjudba.blogspot.com/2009/12/how-to-add-favicon-to-blogger-blogspot.html

drug addiction treatments on July 19, 2012 at 11:47 PM said...

Thanks for this easy steps to grab social bookmarking icons

Post a Comment

 

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