Friday 11 October 2013

Awesome Rotating 360 social sharing Widget

Today this is Awesome is going down in blogging filed today I give you awesome social sharing widget .


Live Demo
widgets


Adding to WordPress

  • Go To Your dashboard, Then Click On Appearance and then Navigate To Editor.
  • Now on The Right Side you can a list of template files, move your mouse to footer.php and then click on that
  • As Soon the page loads completely, Press CTRL+F and Find </body>
  •  Now be careful and paste the below code just about it !
  • Hit on Update File, Now Visit Your WordPress Blog ! You can see it located on The Bottom Left

Adding to Blogger/Blogspot

  • Go to Blogger Dashboard > Template
  • Take a backup of your template.
  • Now find for below code in your template </body>
  • Add below piece of code just above/before of above code.

You can add any side of your blog just copy this code and paste

<style>
 #tb911rotate a:hover {background-color: transparent;opacity:0.7;} #tb911rotate img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #tb911rotate img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <a rel="dofollow" title="blogger widgets" href="http://theblogger911.blogspot.com" target="_blank"><img border="0" src="http://bitly.com/24workpng1" style="margin-right:0px;" alt="widgets"/></a>
<center><div id="tb911rotate"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="http://feeds.feedburner.com/myhelper" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZcZBXTYa7VrHUqSPrf90Xq1YAfYu2BqD1_3qbzAS5cnYXSoB1NO-yp7GcO7sf82d_IJg3qlUhhsbR12RDh5qdylLxhRlcJ7VWxPSAjQ9NCi86mX0Ht-Ip98_dQMzCnSyFQCnySCuuvt57/s1600/rss.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="http://www.facebook.com/ThePowerHouseBlog" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHoLmjsecctZK-wQcXUNHHgdSMJuFW1YJ_H8Ya41CDA4FCTgfPN1UiMhDspQGHmpmecrSc68gm1BcOP5_SpBe5KcVnAXlVDbtbYvAFkwrkeZNfbEkc0SpSBs4bSbNiA8g1j07uIHbKYU8s/s1600/facebook.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="http://twitter.com/abincb123" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW5A8Tpiz2D3RQUj4GemJn73q8uhxL18a1C4TSgh231C8gckdn3iVn_J5cpp-fzN4n_2y8glNzaf2qtqW1Y3Bx4DDQyiFD8LAau-CJSCMtD1D1pqbmCP9VK2RwjOZeulXtAjsSznoKmmN-/s1600/twitter.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Youtube" href="http://www.youtube.com/WWE" target="_blank"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw8uJ1b9WBNr0PvM1vAhOyufPNf_t0ZsDOwVf1Rlc4fuCJMVHkFcX_c91aPDZa1DOxuSAlEdb57cypI91hFuO_7qbHgVRoaq1aqY1vcnINLqiJoqsQjZ3sMNch-MWKy5kiBHE8wnoSbuVo/s1600/youtube.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <a title="Follow Us On Google+" rel="nofollow" href="https://plus.google.com/110fg19747747029912A4823/" target="_blank"> <img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFm28H7wV5xSrItSA4Rf37IAYwI2YEcF7ffrPujGN02syyUtIRB6i9tn2duV1hMjkhrYLsjpE7_2EIzxfVseXXqLLxPqHivDaAMyxr3_kZ0FeXoHlfgmQ0oVql8CzssfXBGq__nkqR-sD0/s1600/googleplus.png"/> </a> <!--End Google+ Icon--> </div><br/> </center>            </div>

Finally change the Facebook Google Plus YouTube twitter


2 comments :

  1. I completely agree with your tips on awesome rotating social sharing widget. Thanks for sharing.
    website design

    ReplyDelete

Icon Icon Icon Follow Me on Google Plus Follow Me on Pinterest

Copyright 2013 All Rights Reserved / Privacy Policy / Sitemap / Contact Us

Template by / Hunt We / Powered by / God