Social Bookmarking Buttons For Blogger/Blogspot Blogs

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 + F.
5. Just after <data:post.body/>, paste the following code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/><center><span style='color: #7AA1C3; font-size: 12px; font-family: Verdana;);'><b>Share this article</b></span><br/>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL8vbx7EXfpNgHAdd5tIM-UUnTABqBCJff2shdc8tXWLCRbM6b0yAZFwqsi8A497Zhw5jAIxFkPGDbSY7fZbNbbQmWoS3hhPfUUjLNiEOK3QfnL5iGt5_PwdgV1RpxF6Qng_cWnjyDBGIx/s400/technorati.png '/></a>
<!--DIGG-->
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank'><img alt='Digg This' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghLJ7Y5hEHM1uTp_HovrBFzKHTngrG8Wk5a5245DC_c_7Fm4QZ0lwTydfDLNYmYHAC1u7nme3CjAi3hLjix_QRybGn6pFK0ZsJ8Hq8qPVJU5ADEX2yQekK7vklGCMCJwGoo82-BLoDLXh5/s400/digg.png '/></a>
<!--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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8nOe9SA7RzWaf1tcLU5kkaPewd7_bM6s8mEXCcbvM5t_yOqU07mU-__KdXEt7ld9nLy7MPwuSa24XOAn0abOSo5PAT2MEXA6HCW3RBNDhjk4DdLk6cvz03tKvQkHYOgMs6upmg6y_Gjqm/s400/stumbleupon.png'/></a>
<!--Reddit-->
<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhysqcpUHGyvMiMndxPy4tscd5OdmbrUeGGGM66U39p266239BUxyvJzNsclkTXo6sIehxykarOmcskjMGsBuoYMpYtU8tNzyQxX61RDfWpOm4cgDiqaX1HxiV44GrT8I-Z0id18kEZDMLj/s400/reddit.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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr3SSeUzK7FFuv3YyoYAIGqf9jMIRXkfevMkutWYvISONhBJVtNiIP6RwGycwQjvRZULEATH5so-t_-qoDGY7vvNIokGLJ5YEUXAc7et0S1srpju49HifLe9pEz0ioXhYTI_IILPvyF7zs/s400/facebook.png '/></a>
<!-- Twitter -->
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA_nWeqGPqwBBWk9suJ87KCvNQzFkNiGtQcAoY22YiJ4cTazb4Do1kG2Ux0V7cWQNdgO-QGYK5td-jkN2pBvdkQrGtRq4eUgrEA_KLvCwkAyC-ZXs_s3IT9jjJwqlBHIZ_xsnXDjPO1dRt/s400/twitter.png'/></a></center>
</b:if>

6. Now save your template and check your social bookmarking icons below your posts.

Posted in: Blogging,For Blogger,Social Bookmarking Icons,Tricks amp; Tips