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.

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFwGjqdaAVomZSA8leVV08lYd6DCOZreoDUB7FGwggv5svohioGM-XlmS1x7YchUSbpVtfpkQs2k6zvyZm2CYNxXkJ_wtfOvFwtxgBW2G4IXoiNRdm1AoonlNuWBm9fQCSKEQARgbEquyW/s1600/Facebook+Icon.png') bottom; text-indent: -99999px; } .BH1:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiArwWC5nUVwUUB2eGgRXLZ_HLYjXVyKrS6w5igMYistjnSIOhlTOpoAbziWa7e_SBg1bwy4Pv8tNGtE-eU_N-WpC51gWbgo3tvIkZyXFKAz53pRdo0XQjdeBNiBhTsNmInrOBbNniUKu4w/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5WVWU9BHMIk_VGB-ZA0kA_1Fv9ukGONvu9rXZ69aEX3ff8iqGpMlZEopMUUY8D7WY3VK3yJKNxmx2upmSaWx4RfBfLROzhPO_HGiuPo7tKVVN6XeNRZwlunuxNNKp-qJE-eUTFHw53tcI/s1600/Twitter+Icon.png') bottom; text-indent: -99999px; } .BH2:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha06vlckx41XjlMsJWwKXw2oogtKuhRBwBHL5Xi9sj8dyQNNKXOpNE_GCp2v9esyCKdXZoAomGtphXnkNo_aha_OJVOmITd8z3VTsv9o3qB54vWyDrVz8UwlFWFpkIFObdywgLkz_FdLWI/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV1IChN2eX9y3Dh1N_1Oz_Vfznmv60K8FATgqp6fvFLM9J_kVxWGfjYTNqBfJ2rKLmkdGlQEKkGA3AGZYXKey3CdQoIIFVm61Bl-Ke4jhCkOQMnkewiHZfkrpzSB6XmMLizd7WwHNBSM-s/s1600/Feedburner+Icon.png') bottom; text-indent: -99999px; } .BH3:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVxGiTrYqrAQM_6KufKtkG8UcQ5nlzUocIFizxc3ebcND0MQFeWeunBGHwgOIGpdvntLwz0xO5JWevQGV1iomt9eIg-e6dD8uMHFcD17nKko30cK7Vxqn2O0sshBQC9rPDTtXIJMDvzq8n/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUFyiP_oHy9TS5kzQ7eRkOkQgumBQgQFd3SN_KzlsfluC9K5cL-jwYw-FpBdOLEYXR0BsRFeD3C2FD4GIDOX_bFRouKSWYI14nzZF9In6sXJx3xCOlHl_rwxhGaFZnMzU5ZxxX3q6XhXFo/s1600/Google+Icon.png') bottom; text-indent: -99999px; } .BH4:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcRDF7z-piUpAkrcMpKYW87W3hedLobAdUKEUkIr2HNYDW67s1VLO4dZLIRJh3GZT-Pjf9jZL5Q4t8loLr6rHYo3vpvSGiYLwfBNSqaqGbUKElc-DrIGr6sHJM8OtU6QlATdyanO5F5hha/s1600/Google+Rollout+Image.png') bottom; height: 64px; } </style> <a class="BH4" href="https://plus.google.com/106957260261276964704" title='Add in Circle'></a>
</div>

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.

Note:- Hello There!Happy for reading the article and don't forget share this article on your social network.Thanks You ^_^

share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Admin ID-Netblog, Published at 11:08 PM and have 0 comments

Writed by : Admin ID-Netblog

My friend was reading the article onHow To Add Sliding In-Out Social Sharing For Blogger V2. Admin, buddy permitted copying and pasting or disseminate this article, but do not forget to put the source link below.

<a href="https://bloggerheroe.blogspot.com/2012/12/how-to-add-sliding-in-out-social.html" target="_blank">How To Add Sliding In-Out Social Sharing For Blogger V2</a>