iklan

penulusuran blog saya

Cara Membuat Efek Gambar Berputar di Blog

Cara Membuat Efek Gambar Berputar di Blog - Membuat tampilan gambar berputar 360 derajat saat cursor atau mouse diarahkan di atas gambar merupakan suatu cara untuk mempercantik tampilan blog. Dengan memberikan efek berputar pada gambar ketika mouse diletakan diatas gambar tersebut sangatlah menarik dan juga memperbesar ukuran gambar secara otomatis. Efek gambar berputar ini hanya untuk gambar dibagian posting atau artikel gambar lainnya kemungkinan tidak akan berputar seperti pada gambar postingan atau artikel.




okeh saatnya ke tkp :D


langkahnyya sebagai berikut :


1. Masuk ke Blogger.com

2. Klik Template => Edit HTML

3. Cari kode ]]></b:skin>

4. Copy kode CSS dibawah ini, lalu Paste diatas kode ]]></b:skin>

/*Image Rotate*/
.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.5) rotate(360deg) translate(0px);-moz-transform:scale(1.5) rotate(360deg) translate(0px);-webkit-transform:scale(1.5) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}

Catatan :
Semakin besar nilai dari kode berwarna Hijau, maka kecepatan berputas semakin lama.
Semakin besar nilai dari kode berwarna Biru, maka gambar akan semakin besar.

5. Klik Simpan Template

sekian dari saya, semoga artikel dari saya  bermanfaat untuk semua :D

Sign up here with your email address to receive updates from this blog in your inbox.

DONASI VIA PAYPAL
DONASI VIA E-wallet Bantu berikan donasi jika dirasa blog ini bermanfaat. Donasi akan digunakan untuk perkembangan blog saya. Saya rencana membeli domain untuk situs ini. Terima kasih :)

0 Response to "Cara Membuat Efek Gambar Berputar di Blog "

Post a Comment

a-ads