Cara Mudah Membuat Title/Judul Berjalan Di Blog

Agar sebuah situs web dikunjungi atau memiliki banyak pengunjung, tentunya harus memuat konten dan informasi yang penting dan berkualitas. Selain informasi yang penting, tampilan situs tersebut juga harus menarik, agar pembaca tidak merasa bosan dan risih. Begitu pula dalam membuat sebuah blog, agar pengunjung kita banyak, selain informasi yang bermanfaat dan memang dibutuhkan, kita harus membuat blog tersebut menjadi indah untuk dipandang.

Banyak cara yang dilakukan pemilik situs web untuk membuat blognya menjadi indah, misalnya dengan menambahkan widget animasi, widget tanggal dan jam, membuat header yang keren, membuat menu dropdown (untuk mempermudah pencarian postingan melalui kategori tertentu), membuat tulisan bergerak atau berjalan, membuat favicon dan membuat title atau judul blog berjalan.

Nah, sekarang yang menjadi pembahasan adalah bagaimana cara membuat title atau judul blog berjalan. Dalam membuat atau mengedit title blog agar bisa berjalan, kita menggunakan kode html. Jadi ini tidak bisa sembarangan ya !! :) Lalu, bagaimana cara mendapatkan kode html tersebut ? Apa kita membuat nya sendiri ? Ya... teman - teman tidak perlu khawatir mengenai kode tersebut, karena saya yang memberikan kode tersebut.

Baik, langkah - langkah untuk membuat sebuah title blog berjalan dimulai dari login ke akun blog kita.

Setelah kita berada di dashboard blog, kita menuju menu Tema.

Karena kita akan menambahkan kode html, kita pilih Edit html.

Lalu, copy kode title bergerak dibawah :

<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>

Lalu letakkan (paste) kode di bagian seperti gambar dibawah. Sebenarnya kita menghapus beberapa kode html default template untuk titlenya, dan mengganti script diatas.

Dan untuk menyimpan perubahannya, kita pilih Simpan tema.

Lalu buka situs blog teman - teman untuk melihat hasilnya. Pasti titlenya berjalan.

Tapi itu adalah kode default, dimana judul blog yang terlihat adalah bacaan header blog kita. Misalnya kita memiliki blog dengan header ilmu bermanfaat, berarti bacaan title bergerak tersebut adalah ilmu bermanfaat.

Nah, kita bisa mengganti kata - kata tersebut sesuai keinginan. Coba perhatikan kode yang saya berikan tadi.

<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>

Perhatikan dua tanda kutip diatas. Kata-kata didalam tanda kutip tersebut (yang berwarna merah) bisa diganti sesuai keinginan kita. Misalnya kita akan membuat title berjalan "I Komang Tri Januariawan". Jadi, kita buat bacaan tersebut di tengah - tengah tanda kutip tadi.

Dan jadilah kode nya seperti dibawah :

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

<script language='JavaScript'>
var txt="I Komang Tri Januariawan - ";
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>

Jadi, hasil editan htmlnya seperti gambar dibawah.

Simpan kembali perubahan htmlnya. Dan untuk hasilnya, silahkan buka blog teman - teman. Seperti title blog saya.

Untuk memperindah tampilan sebuah situs web, tidak pernah lepas dari yang namanya kode html. Sehingga pengetahuan tentang kode - kode ini sangat penting, meskipun hanya sedikit. Saya bukanlah orang yang pintar html. Tapi saya belajar sedikit - sedikit. :) Jadi kita jangan kaget kalo harus berhadapan dengan kode html. Karena memang itu kunci memiliki situs web dengan tampilan yang indah dan menarik.

Dalam membuat title berjalan, saat mengcopy-paste kode htmlnya, kita sering dibingungkan oleh kode html template blog kita. Yap, memang ada beberapa perbedaan kode antara template satu dengan yang lain. Tips utama jika ingin menempelkan kode atau script title blog, tempelkan di bagian bawah dan dekat dengan kode "<head>", didekat kode "<title>". Pokoknya disekitar itu aja... 😊

Jadi itu informasi yang bisa saya berikan mengenai pembuatan title atau judul bergerak di blog, yang tentunya menggunakan kode html. Terima kasih karena telah berkunjung. Mohon maaf jika ada kekurangan dalam penyampaian saya. Sampai jumpa dilain postingan.