HOW TO ADD ROTATING SOCIAL BUTTONS TO BLOGGER
This is most popular six social follower button widget.It looks like 3D shape and hover rotating style.Nowadays bloggers should produce some different styles to get more visitors.So this plugin is very useful to attract visitors.Then the bottom of this widget is feedcount ,shows the suscribers count.Therefore the simple step for installing this widget is given below and live demo also.LIVE DEMO
INSTALLATION METHOD
- First go to your blogger dashboard and select layout tab.
- Then click add gadget and select HTML JAVA SCRIPT gadget.
- Now copy and paste below code on your selected gadget.
<style> #social a:hover { background-color: transparent;opacity:0.7; } #social 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; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center> <div id="social"><a title="Grab Our Rss Feed" href="http://feeds.feedburner.com/bloggerwhist" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_iU6x9F4gma7HRFz_nLAKPjteB2fliRxRHdXCj0ixz-4j2eQaSZVLjhu3SKdSpAkM3thTYdvh3EdUmiPcTQXFx_QFXtw0uP0Me3sw-WNmC_Q6pYch9BIT1d099JdlxFCHVlFkvAYOoU5n/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Get Free Updates Via Email" href="http://feedburner.google.com/fb/a/mailverify?uri=bloggerwhist" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyZJVFdLKxxv_NW17OjMwhyphenhyphenq6CFFBxm0982j87psdRc3UkBDT_hS1OM9UiAhLIrpCTY-IOLoN6GZv-iBfo52JpLtNAgIs0QQgvCVm85IraKVpq6PUYRRjn4d185zeJ9Uq-t0GdGp9FAMDK/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Like Our Facebook Page" href="https://www.facebook.com/bloggerwhist" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqxtB7p_wWKtpJQJiiimnnvTI8k0EbC_KNWyHKxC2N7_Eb1MhGVdHDVHnshjUUJLwHWvOaXqdXS4Thr_-jnL6xMAa8WzfzCFcOKpMXZcn54gpwmX8o2yW8z4SFc8yPoBotNWBud24nEzfF/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Follow Our Updates On Twitter" href="http://twitter.com/bloggerwhist" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLa-OOzk_5za4e1XIn9K7hpP3ME7Zk-LTnb-A2_UX-Na6qlsvowR_UcCxt__W4kwJv6Jg6X5wrBFSmWfu9MVOikDbExrzUnuXPE4CUqGFuMH0W3-lvNagvfycUt-InULMy7hK6mAmhEkQu/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a title="Follow Us On Google+" rel="nofollow" href="https://plus.google.com/102697983032376988266" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-i2S8TIwXI-N8Yy5bTZKINytDjYEO3tdEjrXVPpKlCb1Krj2RF_HjOvT5tk_3DkPtVkuviAtru6Bii7m9MnkUR4BDCn_AJjnLVoHvjWZhn_cu818ddolsZPcxsIphy9sYnvO6qYeSTWjs/s1600/GOOGLE-PLUS-48x48.png"/></a><a title="Follow Our Pins" rel="nofollow" href="http://pinterest.com/chandrutech" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixA_On6C9sCOHETsYROrau63vB09jA_Eddx93i7H5TftCkoESao85YwN0p-rUz9iNR893s6R8K9q5uc3LSKHizoZW5Jp2NcO2TIzanXa_NRYsZBbU-uMb_aFeOaQwfYE6h3bpzyaGYSbfr/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a></div> <br/> <a href="http://feeds.feedburner.com/bloggerwhist" target="_blank"><img alt="Beautiful Blogger Widgets" src="http://feeds.feedburner.com/~fc/beautifulbloggerwidgets?bg=ff9933&fg=000000&anim=1" style="border:0" /></a> </center>
DO THE FOLLOWING REPLACEMENTS
- Replace bloggerwhist with your feed burner URL.(RSS Feed)
- Replace bloggerwhist with your feed burner URL.(E-mail alert)
- Replace bloggerwhist with your facebook page URL.(Facebook)
- Replace bloggerwhist with your twitter page URL.(Twitter)
- Replace 102697983032376988266 with your google plus page URL.(Google plus)
- Replace bloggerwhist with your feed burner URL.(Feed counter)
- Now save your gadget.
- Done.
Tweet
0 comments:
Post a Comment