Cara Membuat Teks Berjalan di Atas Header Blog

Ini contoh teks berjalan di atas header dari kanan ke kiri

Apa itu teks yang berjalan diatas header? Anda tinggal lihat contohnya pada gambar diatas. Yang menjadi pertanyaan penting, tentu bagaimana cara membuatnya.

Jika anda tertarik ingin menerapkannya pada blog anda, silahkan ikuti beberapa langkah dibawah ini:

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 seperti ini:

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

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

Nah disinilah semua script atau kode yang membentuk template anda tersimpan, termasuk kode untuk mengatur tampilan header blog anda. Sekarang carilah kode seperti ini:

<div id='header-wrapper'>

ATAU

<div id='header-wrpr'>

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

Setelah anda temukan, tepat diatasnya sisipkan kode ini:

<div style='background:#F4FA58;padding:7px'>

<marquee direction='left' scrollamount='5'>

Ini contoh teks berjalan di atas header dari kanan ke kiri

</marquee>

</div>

Tampilan kongkritnya pada form edit HTML template akan tampak seperti ini:

Cara Membuat Teks Berjalan di Atas Header Blog

KETERANGAN:
Jangan lupa teks: "Ini contoh teks berjalan di atas header dari kanan ke kiri" ganti sesuai keinginan anda. Kalimat itu saya gunakan hanya sebagai contoh.

Setelah selesai melakukannya, jangan lupa klik Simpan Tema seperti gambar di atas. Lalu tunggu sampai prosesnya selesai. Setelah itu baru lihat diatas header blog anda, apakah teks yang anda masukan sudah muncul diatas header dan sekaligus sudah berjalan atau belum. Jika belum, periksa lagi kode yang anda masukan, apakah sudah benar seperti langkah diatas.