Rabu, 07 November 2012

Script Agar Gambar Blog Berputar dan Membesar

Script Agar Gambar Blog Berputar dan MembesarSetelah 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="http://2.bp.blogspot.com/-RX4v6CUDWDw/UJccZReYCAI/AAAAAAAAAU4/2PzsFwTHrdI/s200/Bukan+KPK.png" style="border: 0px;" /></a></center></div>
 6. Simpan perubahan dan lihat hasilnya. Selamat mencoba semoga berhasil

3 Pesan:

Cendekiawan IT mengatakan...

ternyata kode CSS nya cuma dikit, makasih gan tips trik nya ini... keren dah pokoknya

Yusup mengatakan...

kode2nya dikit jadi kayaknya gampang dipraktekkan,,

Makasih sob dah sharing, salam kenal :)

Akang Budi mengatakan...

thanks sob

Posting Komentar

◄ Posting Baru Posting Lama ►
 

Copyright © 2012. Coretan Sunthree - All Rights Reserved, Monitored By Blog Copy B-Seo Versi 3 by Bamz