Cara Membuat Judul Blog Bergerak Di Title Browser

Tutorial kali ini membahas bagaimana judul pada title browser di blog kita bergerak seperti layaknya script marquee. Tujuaannya adalah mempercantik blog kita agar lebih terlihat indah dan berbeda dari blog yang lainnya. Caranya membuat judul blog bergerak sangat gampang sekali, seperti biasa kita hanya meletakkan beberapa kode baris skrip sederhana pada source html template blogspot kita.

Berikut caranya membuat judul Blog Bergerak pada title browser.

1. Pertama-tama silahkan login ke akun blogger kamu.

2. Kemudian masuk ke menu template dan pilih edit html

3. Cari kode seperti dibawah ini :

 <title><data:blog.pageTitle/></title>

Lalu ganti dengan kode di bawah ini. Gunakan ctrl find untuk memudahkan pencarian.

<b:include data='blog' name='all-head-content'/>

<script language='JavaScript'>

var txt="<data:blog.pageTitle/>";

var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt(0);

segarkan=setTimeout("bergerak()",kecepatan);}bergerak();

</script>

Hasilnya akan terlihat seperti gambar di bawah ini :

Jika di template kamu sudah ada kode <b:include data='blog' name='all-head-content'/> maka kamu cukup mereplace kode <title><data:blog.pageTitle/></title> saja dengan kode script di atas. Setelah kode script diletakkan, simpan perubahan pada file html, kemudian coba buka blog kamu dan perhatikan title yang ada pada browser.

Mudah bukan cara membuat judul blog bergerak pada title di browser. Jangan lupa perhatikan kode script pada bagian var kecepatan yang diatur pada angka 100, semakin besar nilai angka pada var kecepatan maka semakin lambat pergerakan yang terjadi pada title browser, begitu juga sebaliknya, semakin kecil angkanya maka pergerakan akan semakin cepat. kamu bisa menggantinya dengan angka yang kamu inginkan, hitung-hitung sambil melakukan latihan.

Sebelum melakukan langkah-langkah membuat judul blog bergerak, ada baiknya kamu melakukan backup terlebih dahulu file html template kamu, sehingga jika terjadi kesalahan kamu tinggal mempaste file backup kamu pada halaman edit html template kamu. Cara backup file html cukup gampang, letakkan kursor kamu pada halaman html lalu tekan ctrl A untuk melakukan blok pada seluruh html kemudian tekan ctrl C untuk mengcopy semua isi html dan langkah terakhir paste kode html template kamu yang barusan kamu copy ke notepad. Jangan lupa untuk menyimpan backup kamu. agar sewaktu-waktu dapat kamu gunakan kembali. Cara backup file html ini dapat kamu lakukan setiap kamu ingin melakukan perubahan pada file html template.

Artikel Menarik Lainnya

• Tips Membuat Blog Populer
• Cara Membuat Teks Berjalan Menggunakan Kode Marquee
• Cara Mempercantik Blog Dengan Warna Background Otomatis
• Membuat link pada blog berbentuk tombol button
• Cara Membuat Judul Blog Bergerak Di Title Browser
• Cara Install Aplikasi Android Di Komputer
• Cara Memperbaiki Power Supply
• Cara Memperbaiki Monitor LCD
• Cara Memperbaiki Hardisk Rusak
• Cara Memperbaiki MotherBoard Laptop
• Panduan Lengkap merakit, Merawat Serta Memperbaiki Komputer
• Panduan Lengkap Memperbaiki Monitor LCD Bergaris
• EbookTeknisi Laptop
• Panduan Lengkap Mastering Bios
• Trik Rahasia Meningkatkan Rank Alexa Super Cepat
• Cara Membangun Blog Bagi Pemula
• Tips membuat toko online
• Cara membuat Widget social subscription Box
• Cara Mengcapture Halaman Web Menjadi Gambar
• Cara Merampingkan Alexa