Adding Social Bookmarking Buttons | Blog Tips

Adding Social Bookmarking Buttons
Today I am going to expose the tips on how to add social bookmarking button in your post. Before that, shortly I will describe What is Social Bookmarking? Why is it needed? Social Bookmarking is online service of bookmarking where you can store and manage your bookmarks. You can watch your bookmarks from everywhere and you can share it with world. The main purpose of social bookmarking is to give opportunity to the readers to submit your post to popular social bookmarking sites and let people know. It will increase your blog traffic and SEO factors. For details search in the Google. Now here is the Blogger Tips to add social bookmarking button in your post.




How To Add Social Bookmarking Buttons To Blogger Posts

1. Login to Blogger.com

2. From Dashboard choose Layout then Edit HTML

3. check on Expand Widget Templates button.

4. Find out the <data:post.body/> tag. Now add the following code after this red code.

<div style='clear:both; '>
<div style='width:60px; float:left;'>
<script type='text/javascript'>
digg_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<div style='width:60px; float:left;'>
<script badgetype='square' src='http://d.yimg.com/ds/badge2.js' type='text/javascript'><data:post.url/></script>
</div>
<div style='width:65px; float:left;'>
<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://s310.photobucket.com/albums/kk426/magznetwork/socialbig/stumble.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<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://s310.photobucket.com/albums/kk426/magznetwork/socialbig/delicious.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/technorati.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/twitter.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<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://s310.photobucket.com/albums/kk426/magznetwork/socialbig/facebook.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>


5. After adding code it looks like below.
<data:post.body/>
above code here


I hope you love this hack. Now share and bookmark it with the following social bookmarking button.

Comments Post a Comment

afendie - April 15, 2009

how to add sharethis like bookmark and share to blogspot

Russel - April 15, 2009

Hey afendie,
To see how to add share this or bookmark button.Visit the following link. I have described it here.

http://makeblogpopular.blogspot.com/2009/04/how-to-add-share-this-or-bookmark.html

If you need any more blogger tips then just keep a comment. Thanks for your feedback.

V.D. Red - June 13, 2009

HOLY SHIT, your code actually works!!!!! Thanks

www.stopreproducing.com

Leave a Comment