Tuesday, December 4, 2012

How To Add Sliding In-Out Social Sharing For Blogger V2

As in our live collection we cater a How To Add Sliding In-Out Social Sharing For Blogger and today we deprivation to portion many happening aforementioned widget meet with a little bit of move in this widget that it's a fast widget and it doesn't include the email subscription box and it's a totally immobile widget with 3D and steal loom meaning as you can see in the Lively Exhibit. It's also a totally processed CSS enabled widget with no javascript and no jQuery also it doesn't bang the opposite plugins with wee it firm to put it more present but you can easily set it in one indication just a simple block with reduplicate and attach. As we support the newest widget with shaper but for this widget we didn't fuck the minute to tidy author for it be'coz we impoverishment to share it with our visitors as presently as possible and i can't act to percentage it with my visitors. So, change it correct and savour with this authority hunt widget and after it your blog instrument visage a authority.

View Live Demo


ADD SLIDING IN-OUT  SOCIAL SHARING WIDGET V2

  • Login to Blogger > Dashborad
  • Click on Drop Down Menu and select Layout
  • Add a HTML/JavaScript Gadget
  • Paste below code in it.

<!-- 3D Social Buttons by www.bloggers-hero.blogspot.com -->
<style> .BH-flt-wdt { position:fixed; right:10px; top:36% ; } .BH-flt-wdt img { float:right; clear:right; margin:1px; -webkit-transition: all .0s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .WG-flt-wdt img:hover { -moz-transform: scale(1.2) rotate(6deg); -webkit-transform: scale(1.2) rotate(6deg);  -o-transform: scale(1.2) rotate(6deg); -ms-transform: scale(1.2) rotate(6deg); transform: scale(1.2) rotate(6deg);  } </style> <div class="BH-flt-wdt">
<style> .WG1 {  display: block;  width: 64px;  height: 64px;  background: url('http://4.bp.blogspot.com/-tmFhCpF9jAQ/ULB6MDtISAI/AAAAAAAADlI/57fyVnPv3fE/s1600/Facebook+Icon.png') bottom;  text-indent: -99999px; } .BH1:hover {         background: url('http://2.bp.blogspot.com/-dKfo9e7uygs/ULB6VgsmWcI/AAAAAAAADlQ/iOkt_5dPRZY/s1600/Facebook+Rollout+Image.png' ) bottom; height: 64px; } </style> <a class="BH1" href="http://www.facebook.com/bloggerhero" title='Like Us'></a>

<style> .BH2 {  display: block;  width: 64px;  height: 64px;  background: url('http://4.bp.blogspot.com/-R-HFiRWSpmM/ULB63OJFAZI/AAAAAAAADlw/79_GmtPQ9cY/s1600/Twitter+Icon.png') bottom;  text-indent: -99999px; } .BH2:hover {         background: url('http://4.bp.blogspot.com/-l1aT95vO2KU/ULB62ElEIxI/AAAAAAAADlo/7Fwa_ozepbQ/s1600/Twitter+Rollout+Image.png') bottom; height: 64px; } </style> <a class="BH2" href="http://www.twitter.com/jaa_09" title='Follow Us'></a>

<style> .BH3 {  display: block;  width: 64px;  height: 64px;  background: url('http://4.bp.blogspot.com/-ffAMWqbz3SQ/ULB60GVqbMI/AAAAAAAADlY/JHKMyVPFIV0/s1600/Feedburner+Icon.png') bottom;  text-indent: -99999px; } .BH3:hover {         background: url('http://4.bp.blogspot.com/-Lb-nkWZGxD8/ULB69jMbdUI/AAAAAAAADl4/oH4QGdxzZAg/s1600/Feedburner+Rollout+Image.png') bottom; height: 64px; } </style> <a class="BH3" href="http://feeds.feedburner.com/bloggerheroe" title='Subscribe Us'></a>

<style> .BH4 {  display: block;  width: 64px;  height: 64px;  background: url('http://4.bp.blogspot.com/-BqNLVrFQqbM/ULB61LbVqYI/AAAAAAAADlg/eMTVcExTKio/s1600/Google+Icon.png') bottom;  text-indent: -99999px; } .BH4:hover {         background: url('http://1.bp.blogspot.com/-WO_6Vh2ljVo/ULB7HP5FSRI/AAAAAAAADmA/Ozz-TpfEbUo/s1600/Google+Rollout+Image.png') bottom; height: 64px; } </style> <a class="BH4" href="https://plus.google.com/106957260261276964704" title='Add in Circle'></a>
</div>
<!-- 3D Social Buttons by www.bloggers-hero.blogspot.com -->
  • Now Save your Widget and You are done.

EASY WAY TO ADD THIS WIDGET 

  • Optionally use this Widget installer to add this  to your blogger blog.
  • If you want to fix this template on left side then replace this text right with left.

MAKE THIS CHANGES

  • Replace this http://www.facebook.com/bloggerhero with your Facebook Fan Page User name.
  • Replace this http://www.twitter.com/jaa_09 with your twitter user name.
  • Replace this http://feeds.feedburner.com/bloggerheroe with your RSS Subscription user name.
  • Replace this https://plus.google.com/106957260261276964704 with your Google+ User name. 
  • Now If  You Enjoy This Post! Please Take 5 Seconds To Share It.

131 comments:

◄ Newer Post Older Post ►
 

Copyright 2013 Sinhala MP3Create Blog Template by Farhan Share and Tuliskan