Stylish Pop Out Candy Effect Social Sharing Widget For Blogger

Pop Up Social sharing widget for bloggers is always recommended for many and by many. This social sharing widget is something special because of its pop up effect to social sharing buttons. You might have seen many social sharing widgets for blogger. Adding this stylish pop up to social sharing icons in blogger is quite awesome. And I do recommend this to use in your blogger.  Previously I have made a article on cloud like vertical navigation widget for blogger and also cloud like label widget for blogger. This original post is published by spiceupyourblog.com thanks for giving us such nice code.

Pop out candy effect to social sharing buttons in blogger
Pop out candy effect to social sharing buttons

Live Demo For Candy Soical Sharing Widget Is Below


 

 

  1. Login into Blogger
  2. Select your blog if you have many
  3. Then migrate to LAYOUT –> Click on “Add A Gadget
  4. You get a windows open then find for HTML / JAVASCRIPT and click “+” button
  5. Then copy the below code and paste it there and make your editing.
  6. Also note you need not to mention any name of the widget.
  7. Then click on save.
  8. You may now visit your blog and have fun.

 

<! – – Candy Pop Up Social Sharing Code By www.bloggerbulk.com – – >
<!–Rss Feed–>
<a class=”bloggerbulk-popout” rel=”nofollow” href=”RSS-FEED-URL-HERE” target=”_blank”><img src=”http://i.imgur.com/7lsUogp.png” /></a>
<!–Email–>
<a class=”bloggerbulk-popout” rel=”nofollow” href=”EMAIL-URL-HERE” target=”_blank”><img src=”http://i.imgur.com/oJeNikj.png” /></a>
<!– Google Plus–>
<a class=”bloggerbulk-popout” rel=”nofollow” href=”GOOGLE-PLUS-URL-HERE” target=”_blank”><img src=”http://i.imgur.com/F70aY6r.png” /></a>
<!–Facebook–>
<a class=”bloggerbulk-popout” rel=”nofollow” href=”FACEBOOK-URL-HERE” target=”_blank”> <img src=”http://i.imgur.com/g4KQ38R.png” /></a>
<!–Twitter–>
<a class=”bloggerbulk-popout” rel=”nofollow” href=”TWITTER-URL-HERE” target=”_blank”> <img src=”http://i.imgur.com/rRbcRlQ.png” /></a>
<!–LinkedIn–>
<a class=”bloggerbulk-popout” rel=”nofollow” href=”LINKEDIN-URL-HERE” target=”_blank”><img src=”http://i.imgur.com/dofbMIX.png” /></a>
<!–YouTube–>
<a class=”bloggerbulk-popout” rel=”nofollow” href=”YOUTUBE-URL-HERE” target=”_blank”><img src=”http://i.imgur.com/OukhzWK.png” /></a>
<!–Skype–>
<a class=”bloggerbulk-popout” rel=”nofollow” href=”SKYPE-URL-HERE” target=”_blank”><img src=”http://i.imgur.com/8c35IfD.png” /></a>
<style>
.bloggerbulk-popout{height:48px; width:48px; margin:10px; float:left; display:inline-block; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s}
.bloggerbulk-popout img{border-radius:50%; margin:8px; width:100%; box-shadow:0px 0px 4px 1px rgba(0,0,0,0.8); -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s}
.bloggerbulk-popout img:hover{margin:0px; box-shadow:6px 6px 4px 4px rgba(0,0,0,0.3)}
</style>

Article By Tharun

Hey! Tharun here. A Blogger makes blogging on wordpress tips, blogger tricks, SEO tricks, Android Apps, He love to share what he knows. Meet him at Facebook, Twitter. Get free Wordpress Installation Service Contact Here.

Leave a Reply