08.44
Ḁᵭᶆᵼᶇ - ӲמşґḭІ Мᵁḩḩᴧᶊᶖᵬᵬḯ
Assalamualaikum Wr. Wb. Lama Sekali Saya Tidak memposting Pada Website Ini , Pada Kesempatan Kali ini, Saya Akan memposting Cara Membuat Text Berjalan Di Bar Menu Langsung Aja Cekidot :
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 :
Untuk template klasik silahkan ikuti langkah-langkah berikut ini :
- Sign in di blogger dengan id sobat
- Klik menu Template
- klik menu Edit HTML
- Copy seluruh kode HTMl lalu paste pada program notepad kemudian save. Ini di maksudkan untuk berjaga-jaga apabila terjadi kesalahan dalam proses editting template, sobat masih mempunyai data untuk mengembalikannya ke semula
- Copy kode berikut ini lalu paste di atas kode
</head> - Klik tombol Save Template Changes
- Selesai.
<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>
Untuk template baru silahkan ikuti langkah-langkah berikut ini :
- Sign in di blogger dengan id sobat
- 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. Sekali lagi jangan lupa klik kotak kecil di samping tulisan Expand Widget Templates
- Tunggu beberapa saat sampai proses selesai
- Simpan kode berikut di bawah kode
</body>, kode ini letaknya berada paling bawah sebelum kode</html> - Klik tombol SAVE TEMPLATE
- Selesai
<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>
sedikit clue, pada kode diatas ada tulisan yang saya buat merah, 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.
Posted in:
Blogger
