√ Cara Menciptakan Logo Header Pada Blog Berputar

Logo pada header blog sanggup kita buat berputar dikala kursor didekatkan pada area header blog. Untuk mengganti tampilan header blog berputar dikala kusrsor didekatkan, kita hanya menambahkan sedikit kode/script pada template blog dan tidak akan kuat banyak pada loading blog Anda.

Berikut langkah cara menciptakan header pada blog bergerak berputar :

1. Login akun blogger Anda.
2. Pilih hidangan tab Tema, lalu klik Edit HTML.
3. Cari aba-aba </style>, letakkan kursor di area aba-aba HTML gunakan Ctrl + F untuk mempercepat pencarian.
4. Kalau sudah ketemu aba-aba tersebut, copy paste aba-aba berikut sempurna diatas aba-aba </style>.

#header:hover {
-webkit-transition-duration: 3s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}

5. Kalau aba-aba diatas tidak berfungsi ganti aba-aba dibawah ini :

#header-wrapper:hover {
-webkit-transition-duration: 3s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}

Keterangan :
Kode 3s : kecepatan header bergerak berputar.
Kode 360deg : seberapa jauh sudut perputaran geraknya.

6. Kemudian Simpan tema.

Nah, sekian cara menciptakan header pada blog berputar. Sekarang header blog Anda bergerak berputar. Semoga bermanfaat.

Sumber http://id-pemula.blogspot.com