Info Toko Surya62: Cara Membuat Judul Bergerak

Monday, March 05, 2012

Cara Membuat Judul Bergerak

Sahabat Blogger yang berbahagia, kali ada pengalaman yang menarik untuk trik membuat agar judul blog bergerak atau berjalan ke kiri seperti contoh judul blog ini diatas (tapi maaf blog ini selalu berubah-ubah karena untuk pembelajaran di kelas). Konten ini sudah di relis oleh para mentor yang mendahuluinya, seperti dapat Anda saksikan dalam beberapa blog yang telah dibuat denagn keadaan yang saya maksudkan. Rahasianya cukup mudah untuk melakukan editi template bila Anda ingin melakukannya. Tetaplah bersama saya di Info Toko Surya62 untuk saling bertukar informasi mengais ilmu dan pengetahuan yang manfaat.

Adapun langkahnya cukup mudah dan praktis, seperti berikut ini :

Login ke Blogger;
Dari menu dashbord Anda, silahkan ke >> rancangan >> Edit Template;
Dari jendela edit template silahkan download template untuk membackupnya;
Centrang edit template widget (maaf ini tidak wajib)karena tag yang dimaksudkan biasanya berada di posisi atas setelah tag <head> dan sebelum tag <b:skin><![CDATA[/*;
Cari data template tag HTML berikut : <title><data:blog.pageName/></title>;
Jika ada kesulitan silahkan tekan CTRL + F dan ketikkan tag HTML tersebut;
Jika sudah ketemu gantikan tag HTML tersebut dengan tag HTML berikut ini :

<b:include data='blog' name='all-head-content'/><b:if cond='data:blog.pageType == "index"'><title><data:blog.title/></title><b:else/><title><data:blog.pageName/></title></b:if><script language='JavaScript'> var txt="<data:blog.pageTitle/>"; var kecepatan=80;var segarkan=null;function bergerak() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); segarkan=setTimeout(" bergerak()",kecepatan);} bergerak(); </script> <b:skin><![CDATA[/*

Tag HTML tercetak tebal atau tag HTML : <b:skin><![CDATA[/* sudah ada pada template Anda;
Jadi tempatkan tag yang dimaksud untuk menggantikan tag HTML <title><data:blog.pageName/></title>; tepat diatas tag <b:skin><![CDATA[/*;
Mungkin ada perbedaan dengan template Anda, silahkan untuk disesuaikan (bereksperimen);
Jika sudah digantikan, silahkan simpan template dan lihat perubahan template blog Anda;
Judul blog ANda akan bergerak dari arah kanan ke kiri;
Adapun kecepatannya Anda dapat menambah atau mengurangi pada tag var kecepatan=80;var, rubahlah nilai 80 menjadi selera Anda; semakin besar akan semakin cepat;
Selamat bereksperimen atas dasar jujur, tegas dan berani.

Demikian eksperimen kita hari ini semoga tulisan ini bermanfaat bagi kita sekalian dan saya mengucapkan selamat !!! bagi yang telah berhasil melakukannya, bagi yang gagal silahkan dicoba terus jangan jera untuk menimba/mengais ilmu.