Widget Facebook Bisa Muter

Post kali ini saya akan berbagi tips membuat Widget Facebook Bisa Muter. Bingung dengan judul di atas, oke langsung saja ke demonya. Itu blog teman saya yang sudah mempraktekkan tips ini. Langsung saja deh ke tata caranya.

Pertama buka akun blogger kalian.

Masuk ke Rancangan

Pilih Edit HTML lalu centang tombol "Expand Template Widget"
Cari kode

]]></b:skin>

Lalu copy paste kode CSS dibawah ini tepat diatas kode tersebut.

.infotips_facebook:hover{opacity:0;background:none}
.infotips_facebook{-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out}
.infotips_facebook,.infotips_facebook{-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out}
.infotips_facebook:hover{-ms-transform:rotate(370deg);-webkit-transform:rotate(370deg);-o-transform:rotate(370deg);-moz-transform:rotate(370deg)}

Lalu "Simpan Template"

Langkah terakhir copy kedua kode dibawah ini ke "Rancangan -> Elemen Laman -> Tambah Gadget -> HTML/ Javascript"
Pertama

<div style="bottom: 175px; position: absolute;">
<div style="background: url('http://icons.iconarchive.com/icons/yootheme/social-bookmark/128/social-facebook-box-white-icon.png')no-repeat; height: 160px; margin-left: 25px; margin-top: 20px;">
</div>
</div>

Kedua

<a href="http://facebook.com/ramadhanfnw19" target="_blank" title="Add FBku" rel="facebookku">
<img alt="Add Me" class="infotips_facebook" style="background:url('http://icons.iconarchive.com/icons/yootheme/social-bookmark/128/social-facebook-box-blue-icon.png');" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSnHXnS3IdtJXapy-QE5WhquHwnv7E7xbEiYdjbKEUtVEQgQcJXMwtYxRPz8jxCOG3bjfZtUj2zrH_I3Tk03yCS9lFRWcGh3wlHGgvyPEg0Tin_EBaax2L_qX6To7c9R9uITm33x5D4sX3/s1600/ladida-jebakan.gif" width="128" height="128"/></a>
<center><a href='http://infotips-rama.blogspot.com'>Sumber</a></center>

NB: Copy kedua kode itu dalam tempat berbeda (Double) dan ganti teks berwarna biru dengan URL facebook kalian.
Oke, done. silahkan lihat hasilnya.
GOOD LUCK


Terinspirasi oleh teman saya