Wednesday, 23 October 2013

Tagged under: ,

Fancy Social Sharing Blogger Widget of 2013

Social Sharing widget play important role in increasing blog traffic, as well as increase the visibility of posts rank in SERP. The more we share posts on different social sharing website the higher we will get position in SERP. If you are our regular reader then you might know that earlier we have shared bundles of best collections of blogger social media widgets. All our precious widgets are well appreciated and liked by blogspot users. Today we have yet another splendid fancy social media widget for blogger which was created with great effort by our editorial team. So if you want to bring awesomeness in your blogger blog then you must check out this best fancy blogger widget. So in today article we will show you, The best and fancy social sharing blogger widget of 2013.

How This Widget Is Prepared

This was new PBT release social media widget created solely in CSS and HTML. We have stylized its design like 3D designing. On mouse hover it will change the positioning by rotating which will perfectly attract the visitors. So we have used simple Css HTML coding, nothing to worry this widget will never compel your blog on loading time. We always avoid java script to create every new social sharing blogger widget.

Live Demo :

Fancy social media widget with Hover Effect installation on Blogger Blog:

1. Go To

2. Go To Layout >>> Add Gadget >> HTML / JavaScript

3. Now copy the below given code and past into the gadget.
.PBT-Share img {
-webkit-transform: rotate(10deg);
     -moz-transform: rotate(10deg);
       -o-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
          transform: rotate(10deg);
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
.PBT-Share img:hover {
-webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
       -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
<div class="PBT-Share">
<a href="" target="_blank"><img src="" /></a>
<a href="" target="_blank"><img src="" /></a>
<a href="" target="_blank"><img src="" /></a>
<a href="" target="_blank"><img src="" /></a>

Make All These Customization

You must change the following url before going to save the gadget. You must change these urls.
  • Replace the Yallow color url with your facebook fan page.
  • Replace the Red color url with your twitter link.
  • Replace the Blue color url with your Google Plus page.
  • Replace the Purple color url with your feedburner url.

You Might Like:  Social Sharing Buttons Widget for Blogger Below Post Title

Need Help

This is all about Fancy Social sharing Blogger Widget of 2013. We hope you find this tutorial very helpful. If someone want to explore more social sharing widget then kindly visit our gadget inventory. If you someone face any problem in implementation then kindly do let us know in comment section reply will soon back. thanks.


  1. Bro, You are doing great job for all bloggers who want to start blogging career. thumbs up dude :)

  2. Cool Social Sharing widget

  3. Global Analytics shows that the every 1 out of 5 person using social media and hence it has become a powerful platform for bloggers as they do not have to worry about the audience for their blog so i think that social media widget is compulsory and your widget completely matches with high standard.


About ProBloggerTricks

Founded in 2013, Pro Blogger Tricks is the ultimate resource for bloggers and marketers. Looking for ways to make money online? Need blogging tips, SEO tips and other business and marketing related content? Probably, the best source of information about monetizing a blog ....Read More

Copyrights @ 2014, Pro Blogger Tricks - Designed By Templateism