Add verticle social bookmarking widget for blogger

Adding social bookmarking widget to blogger is an wonderful idea where you can drag more visitors/readers to your blog by means of social networking users. Earlier we have discussed about social bookmarking widget for blogger. There is no need to work hard to add this widget, it’s a simple code with javascript easily embedded and compatible with all types of browsers. Instead of adding HTML codes its better to add javascript  codes where you can easily load your pages when compare with the HTML codes. This widget is coded with javascript by stylish and effective for blogger readers, let’s begin the tutorial to add this widget.

How to add all in vertical social bookmarking widget for blogger?

Sign into your blogger account
Click on “EDIT HTML” tab link (Before you do execute this method of adding, backup you blog template if anything goes wrong can reuse it again)
Tick the box of “Expand widget Templates”
Now search for the below code..

<data:post.body/>

After finding the above code copy the below code and paste after the code after to it.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b>Share this post :</b><br/>
<div class='spacer' style='border-top:solid 0px #DEDEDE;'/>
<table bgcolor='#ffffff' border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'>
<tr>

<td height='24' width='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM2H81p8SNvtjnAuk8EDKgfCDkxIdFNj7gxRnW2A0mleTPEQr_aaiQJ280-Fo13NQKPxbJ26IWEJusCzct3Iw2nFwOvwCdRx7q4U9w0ffHbpXTqL5fohDvCmOjhT6y3baM7NDneXaY4ms/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.facebook.com/sharer.php?&amp;u=&quot; + data:post.url' target='_blank'>Share on Facebook</a>
</td>
</tr>

<tr>
<td height='24'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw9dYImOeWl50Ku4UpjLaPuzxnLUmRjSSmlRHnuRneJzqFevAnEGVkbxDdnkPdDKoVklKCvuXMVKNeOMcWpUSIZj0J4DknDzNO_G0jIrgb-wT2drmRDVM-IJQsdVVRU8vUHOevtf3GR5A/'/></td>
<td height='24'><a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'>Share on Twitter</a>
</td>

</tr>
<tr>
<td height='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSDb4RMlOXyes5K-Ip1-oN60r0-IDYzb40fRg0WPFHlRtnL-99y9LiZShFiBb8TMUWrezexnsAUY2iYPP6Wq5dy87-dIJRqJ4-lDhRjjf08sNvjLAVInXXtFAaXuURF2NEMdfh6lGe68M/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.stumbleupon.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on StumbleUpon</a></td>

</tr>
<tr>
<td height='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc-inFNBnjZhGankFFP9icX3IxBPHb9gZXiVjkdPsk3G3g9ZJYPqewy3seGfvI_ILdr1J5strrmzzph0NBXQtGEwWKZSSo9KFPyYKQHLfKBPbyCdDhyV2fNdRS7wMyL4yEecLXIpl_Dd0/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://del.icio.us/post?v=4&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Delicious</a></td>

</tr>
<tr>
<td height='24'><img border='0' height='16' src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjARgiA_7wtoOOmAJZhqADaGjpXxd8ME8Dc2DuAPuwQOsUoWiSUL_sG2hTZruS-X0zPtjH0HiTatuNtgxK7TCMeqTECL-EzAOiSr0ZK9LaKwDHV61GYDfTTaLqpn3PUBnW_7D2fS-ACYEo/' width='16'/></td>
<td height='24'><a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Reddit</a>

</td>
</tr>
</table></td>
<td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'>
<tr>
<td height='24' width='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9yMfMi9rV0f2Te9HdnycRmMP6c-a0GBakGAn6bHw33H5X4TfwoCzp3nG64fOKsHKQUCdOueLvYWcsDSsJbVWbWJ8_LAr1bfYEQp9v027OQKSUTFbt16rT3WGoa506QePJDCj4IRelzaE/' width='16'/></td>

<td height='24'><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Digg</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfn4wJk5TPXtF10wwMuFy6bCWvp3xgxBv3qCYsqeiRXSE6DEFbht4jUKPnFfT8ok_R9IYyZjM874zXUBSbOtSWiQ0nb6IS3RhmQlugYn2asG3aW0ic6qVIWXtQ96qo8vjaHquu-qZWISE/' width='16'/></td>

<td height='24'><a expr:href='&quot;http://www.simpy.com/simpy/LinkAdd.do?href=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on simpy</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtZ1hKwnAuX0ipHwE_aVGNmyA4v6mvhx1kZgzi55ptDJSjQFlECogSxoICZhSnhPeBs7MsG3O5iy2FpVuGCcWI6RDf62DnxISEIUBUESJwQksrYcxlCJ33ZDAF8GM0BWBjoJKXXnlhfMc/' width='16'/></td>

<td height='24'><a expr:href='&quot;http://technorati.com/signup/?f=favorites&amp;Url=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on Technorati</a></td>
</tr>
<tr>
<td height='24'><img alt='furl' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqVMLvIUC9uegFn4Z6pmGbscYnYtJ50YtGpRuG__9lLLtu5xKoWb3l9YCxb4ZTUBCGXcUOaGqG4QV4Sp1qW5o5fydSLxLOzhB5H_6ocrRtCmmzkoXtk3_nLOdy6CLqDfclfcOb-R34xUA/' width='16'/></td>

<td height='24'><a expr:href='&quot;http://www.furl.net/storeIt.jsp?&amp;u=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on furl</a>
</td>
</tr>
<tr>
<td height='24'><img alt='Feeds RSS' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh-iiftAriqLjW3XkLz3aYyeCyuy_QCSP_6F6hK8chu9_G9PgjMC1aCSAArkxBCL8ZezEDeBKteAFmQzw0cppXaw8JeVVI7XbM_d3bovzxsvDgxDXLON8i678Q56CtLRJsxbu-YZJ4UQ8/' width='16'/></td>

<td height='24'><a href='http://feeds.feedburner.com/blogtariff' target='_blank'>Subscribe to Feeds RSS</a>
</td>
</tr>
</table></td>
</tr>
</table>
</b:if>

Customization:-

Replace “Blogtariff” with your blog feed Address
Now “Save the template” and preview your blog template to check the experiment.

Acknowledgment:-

If you’re facing any type of difficult by adding the above code, bring to us we try for you and we always respect your views and suggestions.