Add Social Bookmarking Buttons/Icons Widget Below Posts - Blogger
An easy way to let your readers bookmark your posts or pages is to Add Social Bookmarking Widget Below Every Post. I have already written an artticle on Add Share / Bookmarking Icon Below Every Post. Blogger gives some sharing buttons for our blog but they are not good enough for our blog. By this way your readers will bookmark your posts or pages and they will be your regular readers. You have to spread your blog in this big world by bookmarking your blog. There are many social bookmarking sites for example Facebook, Twitter, Delicious, MySpace, Google. Below are the steps to add Social Bookmarking buttons / icons below every post.
1. Go to Blogger and login to your account.
2. Go to Design, Edit HTML.
3. Tick the box of expand widget templates.
4. Now find <data:post.body/> by pressing Ctrl + F4.
5. Just after <data:post.body/>, paste the following code.
1. Go to Blogger and login to your account.
2. Go to Design, Edit HTML.
3. Tick the box of expand widget templates.
4. Now find <data:post.body/> by pressing Ctrl + F4.
5. Just after <data:post.body/>, paste the following code.
<b:if cond='data:blog.pageType == "item"'>
<br/><center><span style='color: #7AA1C3; font-size: 12px; font-family: Verdana;);'><b>Share this article</b></span><br/>
<a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmBWg34lJN84iAq2Vj0X6bmJVL4znIT8Oh4EbB76RWQUecUpz6yb-Ru_QEB5WUqr6c1wyZO2cGP5CXwW0MBlvyG0ypHrXA_ZmruwVUzQbISHoxN5iZKcY6-xB-qByD1IzbRzG_fJov-M9k/s400/technorati.png '/></a>
<!--DIGG-->
<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Digg This' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSVxSWHEcBwj_Ybx2IZ2hQN26jLbToNlnfEF6VzdWUrl9fUfQW6lVdRC75XYi3XwHHuRzuf7m2zdXNM76qlL0Imh_vB0Bum2P6NWmFMUCkAh7sk9Cf6XGOFNYZMy7-lHinaMCf_HAsL6SE/s400/digg.png '/></a>
<!--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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7oJqXUIPx3OJH_QlPbHZ9Oy9ZT7a-jBSkX5G2_Chr21qv64sVFsX24EBf3FrbIvCAvyEbpdgH9bhyphenhyphenj0jUKO88ThwKEqUq25ZQA3rIo5_1EvJCx7pCvg-IAl-mI_lnyUBZ7PlrsKluSqXN/s400/stumbleupon.png'/></a>
<!--Reddit-->
<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtQphzw2E65clC7-aw7VYUBF2N6AqeMd7vOA5_BjumVOSh730vTsxcl0K4QLhmGc0yQUUnrk8N_9-dnTwboAo9rw3loxePQigYPSP9G7AJV8Ns-V8MmxmxlLNfmCwryvFNNkqbDytCAu8o/s400/reddit.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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5JsmvXVlvsu6PJqAMCCdbpczZMcZcrxiftrOufPq3kCm0elIvrhsmQTlE5LlvYGedXoi7eGNjBW_RnKAOWR1voY9QN7Ky1B7Hc_Yvdc67GS0TeE_dL2kMt7pAo6_qHpwETGZ-tXfmjv_H/s400/facebook.png '/></a>
<!-- Twitter -->
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnCFfbyIDS9tKoZdoTQpmhOYFb6Lx9C-E70metTwBC0HPt88lGLAMuA0awh4net9ci0fwh3hM1uVnIp4Gw0KLmed92rUHqER85cb8hoDjHu46EN8zWiIVYbwuWMulnZT5MS1Hfx5sUSzme/s400/twitter.png'/></a></center>
</b:if>
6. Now save your template and check your social bookmarking icons below your posts.
If you have any question related to this topic then let me know by commenting me below. And don't forget to Share / Bookmark This Article.