social widget like spiceupyourblog.com

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
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

Related Posts

Previous
Next Post »