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>
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....
Sumber : http://kelolablog.blogspot.co.id/2011/02/cara-membuat-judul-blog-bergerak.html
0 komentar:
Posting Komentar