the best social sharing widget for bloggers

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.

It look perfectly on every blogger blog and website. If someone want to add this widget in his/her blog or website then you should must follow some of the below given steps to complete your job. By adding this widget in your blogger blog >>

follow the

below steps.

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

1. Go To Blogger.com

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

3. Now copy the below given code and past into the gadget.


<br /> <style> .PBT-Share img { width:42px; -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); } </style><br /> <center> <div class="PBT-Share"> <a href="https://www.facebook.com/aboudihajs" target="_blank"><img src="https://lh6.googleusercontent.com/-kYkF6HwaXEg/Uj69pHNzLYI/AAAAAAAAKuc/hXbCxrYtK-Q/s128/Facebook-icon%2520%25282%2529.png" /></a><br /> <a href="https://twitter.com/captihaj" target="_blank"><img src="https://lh6.googleusercontent.com/-7OlcEkv4NPg/Uj69qEE7e-I/AAAAAAAAKuw/jY9zpoJnLxM/s128/Twitter-2-icon.png" /></a><br /> <a href="https://plus.google.com/104384690076661173234" target="_blank"><img src="https://lh6.googleusercontent.com/-H5vXBqBR0Vk/Uj69pRtmhuI/AAAAAAAAKuo/igtLIb1l3w8/s128/Google-plus-icon%2520%25281%2529.png" /></a><br /> <a href="http://feeds.feedburner.com/probloggertricks/fGet" target="_blank"><img src="https://lh6.googleusercontent.com/-tN3zxaITkoo/Uj69pbMeyJI/AAAAAAAAKug/qhrU5s7pVSs/s128/RSS-icon%2520%25281%2529.png" /></a><br /> </div>

Make All These Customization

You must change the following url before going to save the gadget. You must change these urls.

change that url  https://www.facebook.com/aboudihajs > with your facebook fan page
change that url  https://twitter.com/captihaj    > with you twitter link
change that url  https://plus.google.com/104384690076661173234 > with your googleplus link
change that url  http://feeds.feedburner.com/probloggertricks/fGet > with your blog feedburner