Floating Social Share bar with icons for Blogger

Floating Social share bar with icons for BloggerFloating social share and bookmarking bars makes a blogs post sharing easier and these widget's also make blog fancy looking. though floating share bar with icons is pretty rare. So I wanted to make a floating social share and bookmarking bar with icon and here it is I am publishing. This share widget contains share a post on Facebook, Twitter, Google plus, Linkedin, Pinterest, Stumble upon, Evernote, Delicious, Digg, Reddit, Tumblr, send by email, yahoo bookmarks also includes back to top and shows 7 service primary. All icons are beautiful rounded corner stranded sized don't bother eyes, uses a script by Share42 what perfectly optimized and got easy caching ability in web browser, icons don't make extra pressure on web server cause it uses CSS sprite formula what reduce HTTP request on server. This sharing widget will not appear on homepage, shows only on posts.

Floating Social Share bar with icons for Blogger


Preview-
Floating Social share bar

Live demo-(Click Here)

Codes for copy-

<!--crawlist.net share starts--><b:if cond='data:blog.pageType == &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><div class="share42init" data-top1="300" data-top2="35" data-margin="-50" data-path="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTl3N476_3EKXz-_bPACfebJylOVcVMjNE1pWM5D9eQiivSy1mF5J1dPsO_V80lKVXny539NMCY3GUvMAja1gG6PL5JLS-Cg7xbN77U5X3_6ZDylZuTCWXLPpiY49ITicEIhdVCE8t-H2_/s1600/icons.png"></div><script type="text/javascript" src="http://yourjavascript.com/4341187151/ks-floatbar.js"></script> </b:if></b:if><!--crawlist.net share ends-->

How to add it in Blogger:

Back up your template (Optional step)
  • Log in to your blogger, select your blog, 
  • Select 'Template' tab option, click 'backup/restore' from upper right corner. 
  • Download full template and save it on your computer's Harddrive
Installing (Mandatory step)
  • From 'Template' tab, select 'Edit HTML' 
  • And find (using Ctrl+F or Cmd+F) into code snippet this line-

<b:includable id='post' var='post'>

  • And paste codes under <b:includable id='post' var='post'> And 'Save template'. 
  • Preview your blogger blog and see this sharing widget's work in live.
Template Compatibility
This floating Social media sharing bar with icons widget is compatible with almost all stranded templates but unique  designed templates or highly coded templates will not accept this.

So what you think about this widget don't forget to mention, Stay subscriber more cool sharing widget will release soon. Chill....

0 comments: