Topics :
Home » » Cara Membuat Menu Bar Teks Berjalan di Blog

Cara Membuat Menu Bar Teks Berjalan di Blog


Ungkit - Cara membuat menu bar atau tulisan berjala untuk ditampilkan di Blog. Menu bar ini berfungsi juga untuk mempercantik tampilan Blog.Langsung saja simak langkah-langkah berikut ini:


Untuk TEMPLATE KLASIK/LAMA :

Sign in di blogger dengan id sobat

Klik menu Template

klik menu Edit HTML

Centang Widget Templates ...biar Aman

Lalu cari kode </head>

Dan 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> 


Klik tombol Save Template Changes

Selesai.



Untuk TEMPLATE BARU :

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>


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


Klik tombol SAVE TEMPLATE

Selesai

Atention: 
Pada tulisan Tulis text kedua disini, gantilah dengan tulisan yang anda mau.
Untuk ukuran kode --> scrollSpeed = 130
130 bisa dipercepat atau diperlambat ...bebas mau Anda ganti kecepatan Tulisan berjalannya.

Selamat Mencoba dan Semoga Berhasil


Sumber : http://gariscerdas.com/

3 komentar :

  1. terimakasih banyak sob, sangat membantu sekali tutorialnya..

    http://landongobatherbal.com/obat-herbal-aterosklerosis/

    BalasHapus
  2. Numpang Promo ya Bos
    Welcome
    POKERVITA
    DAFTAR POKER
    POKER TERPERCAYA
    POKER TERBAIK
    POKER TERNYAMAN
    POKER TERBAIK
    POKER BANYAK BONUS
    Contact Us Person :
    LIVECHAT P`0`K`E`R`V`1`T`A .com
    BBM : D.8.E.B.7.E.6.B
    Salam Sejahtera untuk kita semua ^^

    BalasHapus