Selasa, 22 Februari 2011

Cara Membuat Judul Blog Bergerak (Marquee)

Judul blog bergerak/berjalan merupakan sebuah hal yang biasa. Telah banyak blog yang menampilkan judul blognya berjalan. Salah satunya dapat anda lihat pada blog ini. Mungkin masih banyak sobat blog yang belum tau tentang artikel ini. Untuk lebih jelasnya mengenal judul blog, dapat anda lihat pada gbr di bawah ini.
Contah blog yg judul blognya berjalan
Oke..sobat blogger sudah tau kan judul blog yang mana. Mungkin itu hanya sekedar pengenalan saja kepada sobat blogger yang baru bergabung.
Untuk cara membuatnya itu ada banyak cara, tapi untuk kali ini saya hanya memberikan yang pertama dulu. Bila sobat blogger ingin mengganti gayanya, silahkan kunjungi lagi blog ini. Tenang saja, saya akan memberikan yang terbaik buat sobat blogger.
Oke kita langsung saja ke tahap-tahap pembuatannya yah!


1. Login ke blogger dengan Akun anda
2. Pilih Rancangan
3. Pada Elemen Laman, pilih Tambah Gadget
4. Kemudian pilih HTML/JavaScript
5. Letakkan kode script berikut
<script language="javascript">
var rev = "fwd";
function titlebar(val)
{
var msg = "Welcome to My Blog!";
var res = " ";
var speed = 100;
var pos = val;

msg = " |--- "+msg+" ---|";
var le = msg.length;
if(rev == "fwd"){
if(pos < le){
pos = pos+1;
scroll = msg.substr(0,pos);
document.title = scroll;
timer = window.setTimeout("titlebar("+pos+")",speed);
}
else{
rev = "bwd";
timer = window.setTimeout("titlebar("+pos+")",speed);
}
}
else{
if(pos > 0){
pos = pos-1;
var ale = le-pos;
scrol = msg.substr(ale,le);
document.title = scrol;
timer = window.setTimeout("titlebar("+pos+")",speed);
}
else{
rev = "fwd";
timer = window.setTimeout("titlebar("+pos+")",speed);
}
}
}

titlebar(0);
</script>
-Tulisan berwarna Biru Tebal di atas ganti dengan sesuka hati sobat.
-Tulisan 100 itu adalah kecepatan bergerak dari judul blog, silahkan anda ganti sesuai keinginan anda.
6. Jangan Lupa Save yah....

Selesai deh. Semoga bermanfaat.

Tidak ada komentar:

Posting Komentar