Cara Menciptakan Logo Atau Gambar Pada Header Blog Bergerak Disentuh Kursor



Maksud header bergerak disini adalah, ketika kursor menyentuh apapun pada bab header, baik teks judul dan deskripsi blog, maupun gambar yang terdapat pada header, maka mereka akan bergerak dengan pola tertentu. Conthnya menyerupai ini:

Sekarang coba dekatkan sekaligus tahan kursor mouse anda beberapa waktu pada kedua teladan dibawah ini. Setelah itu lihat apa yang terjadi :



 ketika kursor menyentuh apapun pada bab header Cara Membuat Logo atau gambar pada Header Blog bergerak disentuh Kursor



LETAKKAN KURSOR DISINI
Lihat Hasilnya




# Cara Membuatnya Pada Blog

Seperti biasa silahkan login dulu ke halaman dasbor Blogger anda. Setelah dasbor blog anda terbuka, lihat pada menu-menu yang terdapat di sebelah kiri. Tampilannya menyerupai ini:


Sekarang kliklah pada menu Tema, sehingga terbuka tampilan menyerupai gambar di bawah ini:


Nah menyerupai gambar diatas kliklah pada tombol Edit HTML, sehingga terbuka form edit HTML template anda menyerupai ini:


Nah disinilah semua script atau arahan yang membentuk template anda tersimpan, termasuk arahan untuk mengatur tampilan header blog anda. Sekarang carilah arahan menyerupai ini </style>

Jika anda kesulitan mencari arahan tersebut diantara ribuan arahan yang ada pada template blog anda, gunakan trik ini: Cara Cepat Mencari Kode pada Form Edit HTML Template.

Setelah anda temukan, sempurna diatasnya sisipkan arahan ini :

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

KETERANGAN:

Angka 3s yakni berapa kecepatan gerakannya
Angka (360deg), yakni berapa jauh sudut perputaran gerakannya
Karena itu anda sanggup gonta ganti kedua jenis angka tersebut sesuai harapan anda
Tapi semoga gerakannya tidak norak, rekomendasi saya gunakan 3s dan (20deg)

Setelah simpulan melakukannya, jangan lupa Simpan Tema anda menyerupai gambar di bawah ini :

 ketika kursor menyentuh apapun pada bab header Cara Membuat Logo atau gambar pada Header Blog bergerak disentuh Kursor

Lalu tunggu hingga prosesnya selesai. Setelah itu gres lihat perubahannya, apakah ketika kursor menyentuh header blog anda, ia sudah bergerak atau belum.