Cara membuat tittle header bergerak

Hai all...bertemu kembali ke tutorial berikutnya...maap la ye sebab hari ini lambat bagi tutorial^^.Koz ane lagi sibuk cari dolar...hehehe ....amin.
Okey,langsung aje untuk yang sudah tahu sangat bagus, dan bagi yang belum tahu tentang membuat title header bergerak langsung aja disimak kali ini ada 2 versi yang boleh di ikuti. Berikut langgkah-langkahnya:-

Versi 1

1. Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates
2. Cari code ini <header>
3. Copy dan paste code di bawah ini sebelum code di atas(2) 

<script type='text/javascript'>
//<![CDATA[
msg = "SELAMAT DATANG DI BLOG KAMI";
msg = "Disini  Ada Semua" + 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()",200);
}>
scrollMSG();
//]]>
</script>

Pada code berwarna merah dapat diubah/ganti sesuai keinginan
Save dan lihat hasilnya...

Versi 2

1. Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates
2. Cari code di bawah <title><data:blog.pageTitle/></title>
3. Dan gantikan code di bawah ini pada code di atas(Langkah 2)

<script language="JavaScript">
var txt=" SELAMAT DATANG DI BLOG KAMI ";
var espera=100;var refresco=null;function rotulo_title() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);}rotulo_title();
</script>

Pada code berwarna merah dapat diubah sesuai keinginan

Save dan lihat hasilnya...

Selamat mencoba semoga bermanfaat……

Artikel Terkait: