Shearing Widget is one of the favorite widgets of mine. Its share your post on different social media like, Google+, Facebook, Twitter, Pinterest, Delicious, Digg, Stumble, Reddit and also RSS which cause more traffic and keep your visitors up to date from your new posts. This sharing widget have an beautiful hover effect which also make a good impression on your new visitors. Now without wasting the lets know how to add this in blogger under your every post.
Add This In Blogger
- Go to Blogger > Template
- First download the backup of your template
- Click on Edit HTML
- Now search for this code <b:if cond='data:blog.pageType == "item"'>
- Tip: Use ctrl+f to search the above code
- Now paste the following code below it.
<div class="post-footer">
<div class="sharebuttons" style="margin-bottom: 4px;">
<br />
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1" href="http://www.blogger.com/null"></a>
<a class="addthis_button_preferred_2" href="http://www.blogger.com/null"></a>
<a class="addthis_button_preferred_3" href="http://www.blogger.com/null"></a>
<a class="addthis_button_preferred_4" href="http://www.blogger.com/null"></a>
<a class="addthis_button_preferred_6" href="http://www.blogger.com/null"></a>
<a class="addthis_button_preferred_7" href="http://www.blogger.com/null"></a>
<a class="addthis_button_preferred_8" href="http://www.blogger.com/null"></a>
<a class="addthis_button_preferred_9" href="http://www.blogger.com/null"></a>
<a class="addthis_button_preferred_10" href="http://www.blogger.com/null"></a>
<a class="addthis_button_preferred_11" href="http://www.blogger.com/null"></a>
<a class="addthis_button_preferred_5" href="http://www.blogger.com/null"></a>
<a class="addthis_button_pdfmyurl" href="http://www.blogger.com/null"></a>
<a class="addthis_button_compact" href="http://www.blogger.com/null"></a>
<a class="addthis_counter addthis_bubble_style" href="http://www.blogger.com/null"></a>
<br />
<br /></div>
<script src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f2e307924d40b98" type="text/javascript"></script><br />
<div id="_atssh" style="height: 1px; position: absolute; visibility: hidden; width: 1px; z-index: 100000;">
<iframe id="_atssh65" style="border: 0px none; height: 1px; left: 0px; position: absolute; top: 0px; width: 1px; z-index: 100000;" title="AddThis utility frame"></iframe></div>
<script src="http://ct1.addthis.com/static/r07/core106.js" type="text/javascript"></script>
</div>
<div class="post-footer-line post-footer-line-2">
</div>
<div class="post-footer-line post-footer-line-3">
<span class="post-location">
</span>
</div>
</div>