Peeling Stickers Social Media Widget Untuk Blogger

Demo

1. Login ke blogger --> Elemen Halaman Desain.

2. Klik Tambah Gadget dan pilih 'HTML / Javascript'

3. Copas kode dibawah ini :

 <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/Previl_TM" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTOV4Ee6pC_pnsYa3BbY_UcO80PhCaAz3ooOcPbzjbJvZXz1ePha3ywfhvqXrLwTEqC2GXvoTyJNstmGkjvt65TPzEvCPi09XLpRKQRO2BvxzD8EiSTsh6vKbov6EVMRVbHnYfj3KFQ-XZ/s1600/bloggertrix-facebook.png" /></a>    
<a href="http://www.twitter.com/Previl_TM" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifcOCoJGmX77GdoVe96zCDBl2k_rduWtjhi3F_mzwzmDBD0zDTReIpaKR9_9MtsHKBlCu56qdqXqVQj4C2qLkZ4vFlA7GbI9YS__UOLptydX5fyptUEa4-nCbm4tGSPzObbVC29zpfmQmw/s1600/bloggertrix-twitter.png" /></a>    
<a href="https://www.stumbleupon.com/Username" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjwmgeAI0zRjRM5AjCwu0_8gDrh-oTI3ph3Ty3fTEARn9kJL8fVEb2UCC2MKXyx9ilCsdcEl4anjrH1AkvLLDs8xMfNirbSSkPDo8hpdrLBBS8NTClCVSU9Xq3BHV-QENNH8nKquEpQY9e/s1600/bloggertrix-stumbleupon.png" /></a>    
<a href="http://feeds.feedburner.com/Previl_TM/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdF7iya9loI9ajtDw8RX1if_zS2_AhrwvG6q7fxHsFWJMocqnBqAwWJffEga4epkeq79k4k41jQaVHjpxJYwby5tbQM4tud3K2NiGUKBsGXitPz1ybNjW4iH30sk7FlEqgC5o7WorWMH7v/s1600/bloggertrix-rss.png" /></a></p></center> 

Setelah menyisipkan kode di atas, Lalu

* Ganti Previl_TM dengan nama pengguna facebook Anda
* Ganti Previl_TM dengan twitter Username
* Ganti Username dengan Google id sobat
* Ganti Previl_TM dengan feedburner nama

4. Kemudian Simpan...

Selamat Mencoba...

About the Author

Written by Admin

Previl_TM is a modern, template is very suitable for a template of your blog,and features a very cool and nice so from me, Predator Evil TM