Pages

Followers

Cara Membuat Text Berjalan di Menu Bar

Cara Membuat Text Berjalan di Menu Bar

Saya di sini hanya akan membahas Cara Membuat Text Berjalan di Menu Bar untuk template baru. Silahkan ikuti langkah-langkah berikut ini :

1. Seperti biasa Anda Sign in dulu di blogger.

2. Kemudian Anda akan masuk ke dasbor.

3. Klik menu Tata Letak.

4. Klik menu Edit HTML.

5. Klik tulisan Download Full Template, lalu save data tersebut.
Ini untuk berjaga-jaga apabila terjadi kesalahan dalam mengedit kode template

6. Klik kotak kecil di samping tulisan Expand Widget Templates untuk memberi tanda centang. Sekali lagi jangan lupa klik kotak kecil disamping tulisan Expand Widget Template.

7. Tunggu beberapa saat sampai proses selesai.

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





9. Klik tombol Simpan Template.

10. Selesai


Pada kode diatas ada tulisan yang saya buat merah, nah tulisan tersebut bisa Anda ganti dengan tulisan yang Anda inginkan. Contoh : inilah blog saya, atau apa saja yang menurut Anda cocok untuk di tulis di situ. Contoh yang saya berikan diatas memuat pesan atau text sebanyak empat tulisan, jika Amda 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 Anda.

Mudah-mudahan bermanfaat untuk Anda.




Sumber : disini

0 comments:

Post a Comment

Template by:
Free Blog Templates