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 |
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.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 100 itu adalah kecepatan bergerak dari judul blog, silahkan anda ganti sesuai keinginan anda.
6. Jangan Lupa Save yah....<li><a href='http://Nikomahendrablog.blogspot.com'>TIPS</a></li>
0 komentar:
Posting Komentar