Cara membuat Text Berjalan di Bar menu pada Blog

Posted by

Untuk template klasik silahkan ikuti langkah-langkah berikut ini : 

  1. Sign in di blogger dengan id sobat

  2. Klik menu Template

  3. klik menu Edit HTML

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

  5. Copy kode berikut ini lalu paste di atas kode </head>



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



  7. Klik tombol Save Template Changes

  8. Selesai.



Untuk template baru silahkan ikuti langkah-langkah berikut ini : 

  1. Sign in di blogger dengan id sobat

  2. Klik menu Layout

  3. Klik menu Edit HTML

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

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

  6. Tunggu beberapa saat sampai proses selesai

  7. Simpan kode berikut di bawah kode </body> , kode ini letaknya berada paling bawah sebelum kode</html>



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

  10. Selesai



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.
Semoga bermanfaat.
Sumber : kolom-tutorial.blogspot.com


Blog, Updated at: 00.22

Update

    Sering Dibaca