Jumat, 21 Agustus 2009

45. Text Berjalan di Bar menu

Membuat text berjalan yang ada pada bar menu seperti halnya pada blog milik saya ini (kalau blm saya rubah ya..)

Nah jika sobat sama-sama tertarik ingin membuat text berjalan tersebut, silahkan baca artikel ini sampai tuntas.

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  (pilih salah satu saja) lalu paste di atas kode <head>
<script type='text/javascript'>
//<![CDATA[

msg = "ZILIWU  ";
msg = "BLOG  " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",300);
}scrollMSG();
//]]>
</script>

 Atau 


<script language='JavaScript'>
var txt=".:: Selamat Datang www.ziliwu.blogspot.com ::.";
var kecepatan=300;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>



Atau
   Lihat script dgn meng klik button dibawah ini:



Keterangan:
Pada kode diatas ada tulisan yang saya buat Biru dan merah, nah tulisan tersebut bisa sobat ganti dengan tulisan yang sobat inginkan.Untuk tulisan berwarnabiru bisa Anda ganti dengan nama blog atau situs atau nama lain (suka-
sukalah mau dikasih nama apa aja …), trus yang warna merah bisa Anda ganti dengan nama
Anda sendiri atau nama samaran (ini juga suka-suka).
contoh : selamat datang di blog saya. atau apa saja yang menurut sobat layak untuk di tulis di situ. Untuk kode  ("scrollMSG()",300) . angka "300" 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.





Cara lainnya:

<script type="text/javascript">
//Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
function tb8_makeArray(n){
this.length = n;
return this.length;
}

tb8_messages = new tb8_makeArray(3);
tb8_messages[0] = "SELAMAT  DATANG  DI  http://ziliwu.blogspot.com/";
tb8_messages[1] = "Khusus bagi yg butuh tutorial blog dan pupuk ORGANIC";
tb8_messages[2] = "SELAMAT MENJELAJAH BLOG YG OK INI..";

tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 50;
tb8_delay = 1000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
//edit by http://www.ziliwu.blogspot.com
</script>

Perhatikan dengan seksama kode diatas.

makeArray(3) adalah jumlah banyaknya baris teks yang ditampilkan, seperti contoh diatas akan menampilkan tiga baris yaitu dari teks di tb8_messages[0] sampai dengan tb8_messages[2] (0,1,2 = 3) dan bisa ditambahkan sendiri sesuai dengan keinginan.
tb8_rptNbr = 5 adalah nilai pengulangan tampilan teks , secepat apa teks itu tampil dari teks satu dengan teks berikutnya dapat Anda atur disini.
tb8_speed = 50 adalah kecepatan dalam menampilkan teks, monggoh diatur dewe
tb8_delay = 1000 adalah waktu tunda, jadi kalau semua teks sudah ditampilkan semua maka akan kembali menampilkan dari awal lagi, ya...h kira-kira begitu dech.



Cara pasangnya seperti berikut:

  • Login ke menu Dashboard bolgger
  • Klik Perancangan
  • Tambah Gadget 
  • Html/Javascript 
  • copy kode diatas dan paste kedalamnya
  • Ups....jangan lupa ganti yg warna kuning dgn kalimat yg anda suka.
  • selesai .

Selamat mencoba !!!

3 komentar:

  1. "K. . .
    Udh saya coba tapi nggak bisa juga. . .
    Gimana dunkz. . .
    Padahal udah dicoba berulang - ulang. . .
    Help Okz ^_^. . ."

    BalasHapus
  2. Wah keren sob, ane save dulu ya abru ane coba

    BalasHapus
  3. "K thank's y. . .
    Ud bsa kok he5. . .
    Salut deh am k". . .
    Knjungi blog me y k. . .
    ^_^. . ."

    BalasHapus

Kembali ke atas

Kembali ke atas