If You Have Knowledge, let others light Their candles At It. Margaret Fuller
To Know What You Know And What You Do Not Know, That is True Knowledge -Confucius

Friday, 30 May 2014

Vertical Floating Share Widget On Your Blog


Hello Friends, Today I am gonna Tell You how to add Vertical Floating Share Widget On Your Blog. Just like in my blog. It looks great and it also helps to get more traffic because social networking sites are very useful for making a blog popular.

By Adding This Widget to your blog it will gather more traffic. First Priority in blogging should be social networking sites and this widget give every option to sharing on most popular social networking sites.

Steps To Add This Widget on Your Blog


1. Go to Template.
2. First Make A backup for your template.
3. Then Click Edit HTML.
4. Press Ctrl + F and in search box Put this :
5. If it looks like above picture double click in between >...< as shown in above image.
6. Copy The Code of Any Style you like down below and paste it after/before the code that is already there.


#Style 1

<b:if cond='data:blog.pageType == "item"'> <a href='http://www.techiterian.com'><img alt='Floating Vertical Bar With Share Buttons widget by techiterian' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a> <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_floating_style" style="background: #98A2A7; border: 1px solid #000000;top:120px;left:50px;"> <div class="addthis_counter_style"><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a> <a class="addthis_button_tweet" tw:count="vertical"></a> <a class="addthis_button_google_plusone" g:plusone:size="tall"></a> <a class="addthis_counter"></a></div> </div> <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4e7d75dd1a411e95"></script></b:if>

#Style 2

<b:if cond='data:blog.pageType == "item"'> <a href='http://www.techiterian.com'><img alt='Floating Vertical Bar With Share Buttons widget by techiterian' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a> <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_floating_style" style="background: #98A2A7; border: 1px solid #000000;top:120px;left:50px;"> <div class="addthis_32x32_style"><a class="addthis_button_preferred_1"></a> <a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a> <a class="addthis_button_compact"></a></div> </div> <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4e7d75dd1a411e95"></script>
<!-- AddThis Button END --></b:if>

Thanks For Reading. Kindly Share This.



Floating Vertical Bar With Share Buttons widget by techiterian

No comments:

Post a Comment

Designed By Seo Blogger Templates