Cara Membuat Gambar Header Berputar

Cara Membuat Gambar Header Berputar - Kali ini saya masih akan membuat artikel yang berhubungan dengan Tutorial Blogger. Blog yang memnpunyai tampilan yang bagus seringkali menambah nilai tambah dimata para visitor. Artikel yang saya post ini memang berhubungan dengan tampilan blog yaitu Cara Membuat Gambar Header Berputar. Sebelum  itu coba kalian arahkan kursor mouse kalian pada gambar header blog saya.

apa yang terjadi setelah kalian mengarahkan kursor mouse disitu ?

a. Gambar menghilang

b. Gambar berputar

c. Gambar terbang

d. Gambar terganti

silahkan kalian jawab sendiri di kotak komentar (padahal sdah terlihat jelas di judul postingan ini -___-) wkkwk.

ok skarang kita serius, Membuat Gambar Header Berputar sangat mudah, kalian hanya perlu menambahkan beberapa kode saja di template. Oiaa hampir lupa kalian harus mempunyai gambar di header kalian. Cara Agar Cepat Terindeks

1. Masuk ke blogger > template > lalu edit html

2. Cari kode ]]></b:skin> (gunakan ctrl+f untuk mempermudah pencarian)

3. Setelah itu letakan kode dibawan ini diatas kode ]]></b:skin>

#header a img:hover { -moz-transform: scale(1) rotate(-360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(-360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1) rotate(-360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(-360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(-360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -ms-transition: all 450ms ease-in-out;-o-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; }

4. Coba kalian perhatikan gambar diabawah

     Kalian bisa mempercepat atau memperlambat putaran gambar, caranya yaitu dengan mengganti semua          angka yang di tunjukan dengan panah pada gambar di atas.

     Jika di ganti dengan angka di atas 450 maka putaran gambar akan lebih lambat, sebaliknya jika diganti dengan angka dibawah 450 maka putaran gambar akan lebih cepat

5. Langkah terakhir yaitu save dan lihat hasilnya :)

>>TOLONG JANGAN DIKLIK<<

Jika masih ada hal yang belum dimengerti silahkan berkomentar

apabila artikel ini membantu anda silahkan klik G+ dan Like atau share artikel ini ke Facebook :)

Posted by Unknown on Sunday 31 August 2014 - Rating: 4.5

Title : Cara Membuat Gambar Header Berputar
Description : Cara Membuat Gambar Header Berputar - Kali ini saya masih akan membuat artikel yang berhubungan dengan  Tutorial Blogger . Blog yang memnpu...

Tweet