Breaking

Tuesday, May 15, 2018

Cara Membuat Logo Header pada Blog Berputar

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


Berikut langkah cara membuat header pada blog bergerak berputar :

1. Login akun blogger Anda.
2. Pilih menu tab Tema, kemudian klik Edit HTML.
3. Cari kode </style>, letakkan kursor di area kode HTML gunakan Ctrl + F untuk mempercepat pencarian.
4. Kalau sudah ketemu kode tersebut, copy paste kode berikut tepat diatas kode </style>.
#header:hover {
-webkit-transition-duration: 3s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
5. Kalau kode diatas tidak berfungsi ganti kode 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 membuat header pada blog berputar. Sekarang header blog Anda bergerak berputar. Semoga bermanfaat.