Peeling Stickers Social Media Widget For Blogger

In this post  im  gonna  explain  how to add peeling
social   sharing  buttons  for  your blog. This is just
widget.  you can  add  it  to  your blog easily. I just
using Css  with  HTML.

 1. Log in to blogger  Design > Page Element.

2. Click Add Gadget and select 'HTML/Javascript

3.Now Paste Below code.

<style>
p#socialicons img {    -moz-transition: all 0.2s ease-in-out;    -webkit-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;}
p#socialicons img:hover {    -moz-transform: rotate(70deg);    -webkit-transform: rotate(70deg);    -o-transform: rotate(70deg);    -ms-transform: rotate(70deg);    transform: rotate(70deg);}
p#socialicons1 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;}
p#socialicons1 img:hover {    -moz-transform: rotate(360deg);    -webkit-transform: rotate(360deg);    -o-transform: rotate(360deg);    -ms-transform: rotate(360deg);    transform: rotate(360deg);}
p#socialicons2 img {    -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;}
p#socialicons2 img:hover {    -moz-transform: rotate(-360deg);    -webkit-transform: rotate(-360deg);    -o-transform: rotate(-360deg);    -ms-transform: rotate(-360deg);    transform: rotate(-360deg);}</style>

<center><p id="socialicons">   
<a href="http://www.facebook.com/Username" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjId5CWlgzx5THV1vEwph4_6IBT520KPG0SsboaSP4CnhsmmY_XYxGSV_iDEtI2qEV7860N26QR_9wQl8VS3uTLst-FTSAZ8G-Z8pdwi6CimsHKCvF_SO9DaJOjINQVvSvHtZpvs1l5jj0/s1600/bloggertrix-facebook.png" /></a>   
<a href="http://www.twitter.com/Username" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJDdOtEsPbLrKygt7WB4TTcWDUmtCdB7ttRW7ZWKN4JIb4SBZFKP2w7Xp9GYFO2CuF1MzMkfpdjQvESn2xuj8qHxl0tQl5JeLFKnfIVBuKd-7HurDtDiZJJAkBdROme4EjxyLuCl3xv2c/s1600/bloggertrix-rss.png" /></a>   
<a href="https://www.stumbleupon.com/Username" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr6IKAc2ziBgqehdv0BD5VMyz_xRUZvBX2K77pyWfuxHmSUwT3F9LYdlTNsjnQkGtFQ8PHySr95G2lHZh2Aajh5yZgHpPpRkEUfYkOAQ5TDT66xsow7E5MA0PCYMiz4mZg2JyWm5194DA/s1600/bloggertrix-stumbleupon.png" /></a>   
<a href="http://feeds.feedburner.com/Username/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8RDb2WkR7-opa087ADuIdnhtTyx7_5RfF8qyGwqxTCQjG-8oCn7GFuwuijgQBMc9PhUtnrdXpU_cY_S4go7LNOrRvGPPpcKNOcGjBLipPPB3vWaWUNIoghB-ioxIA3f8F0G7SwPeNn5g/s1600/bloggertrix-twitter.png" /></a></p>
</center>

After paste above code
* Replace Username with your facebook username
*Replace  Username  with your  twitter Username
*Replace  Username with Google plus id
*Replace  Username with feedburner username

4. Now save your HTML/Javascript'.

    You are done...