ADD SOCIAL BOOKMARK IMAGES IN BLOGGER | Adding Social Bookmarking Buttons | Blog Tips TO FREE SUBMIT URL

Follow LatestSongColle on Twitter

ADD SOCIAL BOOKMARK IMAGES IN BLOGGER | Adding Social Bookmarking Buttons | Blog Tips:free seo tips and tricks,optimize your blog,get free traffic ,increase number of visitors,link building,backlinks,pagerank tips,tips for new bloggers,earn money tips,meta tag tip and tool,adsense tips,increase google traffic,on page seo,off page seo,white hat and black hat seo
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.

Download Link