3 Script Agar Gambar Blog Berputar dan Membesar

Script Agar Gambar Blog Berputar dan Membesar - Setelah beberapa saat menelusuri rumah mbah Google mencari jawaban atas rasa penasaranku tentang cara membuat gambar biar bisa berputar akhirnya membuahkan hasil. Setelah dipraktekkan pada halaman blog personal saya ternyata berhasil, tanpa banyak baca mantra langsung saja saya akan menjelaskan bagaimana script agar gambar pada blog bisa berputar dan membesar. Langsung saja kita menuju TKP dan ikuti tutorial berikut ini

1. Pertama Log in ke blogger
2. Kedua Klik Design atau Rancangan, kemudian pilih edit html
3. Centang Expand Widget Template
4. Cari kode ]]></b:skin> copy paste kode berikut di atasnya

#putaran:hover{-o-transform: scale(1.2) rotate(360deg) translate(0px);-moz-transform: scale(1.2) rotate(360deg) translate(0px);-webkit-transform: scale(1.2) rotate(360deg) translate(0px);-o-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;}
#putaran{-o-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;}

 5. Kemudian Masuk Kebagian rancangan, tambah gadget HTMLjavascript paste kode berikut

<div id="putaran"><center><a href="http://bukankpk.blogspot.com/" target="_blank"title="Gambar Berputar Menuju Halaman KPK"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZJ9zqnT0kac1TBe2qABcD6hytErg-z9hztjWLPZGP70VKdmMDMeC_i_whqWfpopfsYhPgT7GPv60JhM5YxeIyYtEzF79VixXdqltOTTglhR_xn7PB68kTPiKN_ARQdfUV82809Sn1wx7W/s200/Bukan+KPK.png" style="border: 0px;" /></a></center></div>

 6. Simpan perubahan dan lihat hasilnya. Selamat mencoba semoga berhasil

Komentar →