Pada Pagi yang Cerah ini Wahyu akan Share Info Tricks Blog Yang Berjudul Cara Buat Gambar di Posting Berputar.. Hati-hati jangan sampai pusing ngeliatnya ya,, hehehe... Cara Buatnya cukup mudah kok.. Langsung aja deh Ikutin caranya.. biar gk geregetan... hehehe.....
Langsung ke Tahap Pertama...
1. Login Blogger ( DiSini )
2. Pilih dan klik ( Rancangan )
3. Pilih dan klik ( Edit HTML )
4. Cari kode ( ]]></b:skin> ) dengan menggunakan ( CTRL+F )
5. Letakan Kode Berikut Tepat Di Atas Kode ( ]]></b:skin> )
Langsung ke Tahap Pertama...
1. Login Blogger ( DiSini )
2. Pilih dan klik ( Rancangan )
3. Pilih dan klik ( Edit HTML )
4. Cari kode ( ]]></b:skin> ) dengan menggunakan ( CTRL+F )
5. Letakan Kode Berikut Tepat Di Atas Kode ( ]]></b:skin> )
.post img{-o-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;}6. ( Simpan Template ) dan lihat hasilnya,, Demo: Sorot Gambar di Bawah ini...
.post img: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;}
Catatan: Kode yang diatas hanya membuat gambar-gambar yang ada di dalam postingan blog berputar ketika di sorot mouse...Selesai.. Terima Kasih and jangan lupa komentar ya,, hehe... -____-
Sebaiknya Jangan di ubah-ubah lagi kodenya...
Anda baru saja membaca artikel yang berkategori Tricks Blog
dengan judul Cara Buat Gambar di Posting Berputar. Anda bisa bookmark halaman ini dengan URL http://abc-xp.blogspot.com/2011/10/cara-buat-gambar-di-posting-berputar.html. Terima kasih!
Ditulis oleh:
Unknown - Saturday, October 22, 2011
keren gan....
ReplyDelete@lintaslirik.blogspot.com Klo keren,, silakan di coba...
ReplyDeleteLink back sukses gan,, thx atas kerjasamanya
ReplyDelete@Rama88 ya sama",, thx juga ya...
ReplyDeleteudh Anna coba mas brow, liat ja di blog Anna
ReplyDelete@Wanita Pesona bagus kan sob,, thx..
ReplyDeleteWow kereenn... gan!
ReplyDeleteThx udh berbagi.
@Hacc ya,, sama"... -___-
ReplyDeleteheheheh,, ajip
ReplyDeleteonHover Effect
@Dayz Hidayat kalo ajib dicoba ya..
ReplyDelete:D
mantab nih,, bisa langsung dicoba.. hehe
ReplyDelete@Share Our Knowledge ya sob,, silakan dicoba...
ReplyDeleteOOOOh.. Kang Wahyu... pantesan aq kunjungin Blognya agan yang Wuhyao.blogspot koq lagi maintenance teruzzz..dah pindah sini toh.... seneng biza ketemu kembali disini gan...aq follow jg dech
ReplyDeletetutorial yang ni aq terapin koq jadi gak bisa fungsi y d blog q...apa yg salah... mhn pencerahan.... thx
ReplyDeleteHufff...ampe subuh utek2 truzz akhernya Sukzez thx gan,gambarq bisa muter skrg....
ReplyDelete@AkuBukanbangThoyib iya gan,, ane bikin akun blogger yg baru,, soalnya akun blogger ane yg lama gk bisa dibuka (galat) teruzz... makasih sob...
ReplyDelete@(Aku Bukan) Bang Thoyib coba cari (.post img) yg lama, biasanya ada di semua template,, klo dah ktemu ganti dengan semua kode diatas...
ReplyDelete@(Aku Bukan) Bang Thoyib beri waktu untuk istirahat sob...
ReplyDeletewaaaa.. ini yg perlu saya coba ... :)
ReplyDeletethank's for share ..
@Shinobi Caemk sama" gan...
ReplyDeletemantap nih tutornya,,,ijin gunain gan,,,salam kenal dari http://blogku--inspirasiku.blogspot.com
ReplyDeletenice share gan
ReplyDeletemantap
ReplyDelete