Kali ini saya akan memberikan cara untu membuat Text berjalan Di Bar menu. Text di bar menu bisa di isi dengan ucapan selamat datang kepada pengujung blog kita atau di isi sesuai selera Sobat. Selain itu juga dapat mempercantik tampilan blog kita.
Nah ikuti langkah-langkah berikut untuk membuatnya :
1. Login di blogger dengan id sobat
2. Klik Tata Letak / Layout
3. klik Edit HTML
4. Klik Download Lenkap Template untuk jaga-jaga jika salah memasukan kode.
5. Copy kode berikut ini lalu paste di atas kode </head>
<script language='javascript'>
message = "Tulis text pertama yang ingin muncul disini ^" +
"Tulis text kedua disini ^" +
"Tulis text ketiga disini ^" +
"Tulis text keempat disini ^"
scrollSpeed = 130
lineDelay = 0
// Do not change the text below //
txt = ""
function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",pauze)
}
scrollText(0)
</script>
6. Klik Save Template
Untuk template baru silahkan ikuti langkah-langkah berikut ini :
1. Login di blogger dengan id sobat
2. Klik Tata letak / Layout
3. Klik Edit HTML
4. Klik Download Full Template / Download Lengkap Template, untuk berjaga-jaga apabila terjadi kesalahan dalam mengedit kode template.
5. Klik Expand Widget Templates untuk memberi tanda centang.
6. Tunggu beberapa saat sampai proses selesai
7. Simpan kode berikut di bawah kode # </body> , kode ini letaknya berada paling bawah sebelum kode</html>
<script language='javascript'>
message = "Tulis text pertama yang ingin muncul disini ^" +
"Tulis text kedua disini ^" +
"Tulis text ketiga disini ^" +
"Tulis text keempat disini ^"
scrollSpeed = 130
lineDelay = 0
// Do not change the text below //
txt = ""
function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",pauze)
}
scrollText(0)
</script>
8. Klik Save Template
Keterangan :
Kode Yang berwarna biru, nah tulisan tersebut harus sobat ganti dengan tulisan yang sobat inginkan.
Contoh : selamat datang di blog saya. atau apa saja yang menurut sobat layak untuk di tulis di situ.
Contoh yang saya berikan diatas memuat pesan atau text sebanyak empat tulisan, jika sobat ingin lebih banyak itu bisa dilakukan dengan menambah baris tulisan seperti kode sebelumnya. Untuk kode --> scrollSpeed = 130 . Angka "130" merupakan kecepatan dari text berjalan, semakin kecil nilainya semakin cepat text berjalan, dan semakin besar nilainya maka text akan semakin lambat. Silahkan sesuaikan dengan keinginan sobat.
Selamat mencoba dan semoga bermanfaat.,.,.
