Membuat Text Berjalan Di Bar Menu Blog kayanya salah satu trik blogger yang patut dicoba. berikut akan dijelaskan caranya. Karena template blogger terbagi menjadi dua yaitu template klasik dan template baru, maka untuk cara membuat text berjalan tersebutpun akan berbeda, oleh karenanya pembahasannya pun akan saya bagi menjadi dua bagian. Akan tetapi perlu saya sampaikan, contoh yang akan saya berikan kali ini hasilnya tidak persis seperti pada blog ini yaitu text berjalan dari arah kanan kekiri, akan tetapi saya akan memberi contoh text berjalan dari kiri ke arah kanan serta ada jeda waktu antara tulisan yang petama dengan yang kedua dan juga tulisan berikutnya.
Untuk template klasik silahkan ikuti langkah-langkah berikut ini :- Sign in di blogger dengan id sobat
- Klik menu Template
- klik menu Edit HTML
- Copy kode berikut ini lalu paste di atas kode </head>
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>
- Klik tombol Save Template Changes dan silahkan lihat hasilnya.
- Sign in di blogger.
- Klik menu Layout.
- Klik menu Edit HTML.
- Klik tulisan Download Full Template, lalu save data tersebut.
Ini untuk berjaga-jaga apabila terjadi kesalahan dalam mengedit kode template. - Klik kotak kecil di samping tulisan Expand Widget Templates untuk
memberi tanda centang. - tunggu beberapa saat sampai proses selesai
- Simpan kode berikut di bawah kode </body> , kode ini letaknya berada paling bawah sebelum kode </html>
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>
- Klik tombol SAVE TEMPLATE
- Selesai
Klik link dibawah ini untuk informasi terbaru
{ 0 komentar... read them below or add one }
Posting Komentar