Today i,m going to share a social widget which is used in spiceupyourblog.com . It is a beautiful widget with hover effect and when your cursor point on it, it rotates 360 degree and create a beautiful essence on your readers mind. This widget is created by the admin of spiceupyourblog.com . I just try to create a widget like that . Social widget is always the first choice of blogger because it bright your online presense and make you popular among peoples. Now watch the demo of the social widget below
 |
| Social widget for blogger |
Without these widgets your blog not shine on the right way because these widgets are the main widgets So, wanna add this follow my steps.
Installation:
- Goto blogger dashboard
- now Goto layout tab
- add a gadget and select html/javascript
- Now paste below codes in the html/javascript box
<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> <div id="social"><a title="Grab Our Rss Feed" href="http://feeds.feedburner.com/haseebnetwork" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkQoUy-mQcl-reF3OPXq0vm5GBmGBFdtCxyo0Z5fBsDdmJLQ6-V1dyXrCnu9bJJBPXJuqbmA9eLUbNWHdPaaeJPJgBpwx1awsacTX5YmH4tW-ZAtrT-KVG6tc8db0emqOBe0qs54FNYl20/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"></a><a rel="nofollow" title="Get Free Updates Via Email" href="lovelykid.haseeb@gmail.com" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEpLPNCzuIw_SUvrU-MqpK3pbq1VXcHoG9mhxRrDFG9FhGiwogjdvTSb1MR40RXv8vl-43AgM787G224y2LQqZ3zWJzXvX6n6P8DdApC-JTAbBseRdW2TIWJHSHDdfggKzot-5PwCKib7o/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/undefeatablewarrior" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYKsKD2aRyN4x8JvdVxVMzpYqsLxeCNaqX7Byr7s_HVfwNIB4kdOfoy0oyYmxrS_qIQRznKTsVo4pzpV_SJWDD_yjVbZXZJT4qoGedbfS9wMehNI3jzf5GbsQJ2Z6hJtCclpGIMsJD0gPR/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"></a><a rel="nofollow" title="Follow Our Updates On Twitter" href="http://www.twitter.com/carelexxmalik" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUJQrtoj0YRwPKoRM5LitquCJ0SVVWCpLP8b1Ds1Bz9oaT1lmmTgOb6tDodb-Q9fKYKYBQ2-8rL7IZUSPm00tLEFkJYz0NPl_mjJ0yzZYEIA2yDX-6cDHxOC9cEp8kngnGE8pYSaeMVJ6j/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"></a><a title="Follow Us On Google+" rel="nofollow" href="https://plus.google.com/" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjalXAv3ybFfFnesJ30Xa0gLw5jyRR23JJT_-371j6ORw2ZtVooqYOY1EiXeWm70UZF87vJmuhxa2P4GimPRLlFS-YD2CRsVRptODxeKTV1jazpyxVVIfsXMURDlOdBZBJLxr9rc9Y8p3BJ/s1600/GOOGLE-PLUS-48x48.png"></a><a title="Follow Our Pins" rel="nofollow" href="http://pinterest.com/carelexxmalik" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3i1ffA17IKZf5A6evmRrsIJS0qbjqwD1P0qwMJEQn_AMSHWdGv2KJtXANFa-abPRVcceyXaTkUbcR-Zn8zKAZumhUV2YURxmj3a0_lbqU0bqz_dcWjq2SZClwhNPlMyZ0ZtzES9yO0y5a/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest"></a></div>
- Now change all the links with your social links
- Then save it and its done
If you enjoy our widgets then please take a minute to share them with your friends and thank you for visiting our blog keep visiting daily and find new widgets.
Share this
