Tutorial Cara Buat Title Header Bergerak

 

Hai all...bertemu kembali ke tutorial berikutnya...maap la ye sebab hari ini lambat bagi tutorial^^.Koz tengah buzy siapkan web orang(cari duit lebih)...

Okey,kepada yang dah tahu kegunaan tittle header baguslah,dan pada yang tak tahu title header ialah tajuk blog korang yang berada di atas sekali sebelah lambang blogger(seperti gambar di atas)...Cara-cara nak buat mudah sahaja,ade 2 versi yang boleh di ikuti,ikuti langkah-langkahnya:-

Versi 1

Langkah 1

Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates

Langkah 2

Cari code ini

<HEADER>

atau ini

<header>

Langkah 3

Copy dan paste code di bawah ini sebelum code di atas(Langkah 2)

<script type='text/javascript'>
//<![CDATA[

msg = " AyatKorangAtauTajukBlog";
msg = "AyatKorangAtauTajukBlog" + 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>

Langkah 4

Pada code berwarna merah ubah/ganti pada ayat/tajuk blog kesukaan korang

Save dan lihat hasilnya...

Versi 2

Langkah 1

Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates

Langkah 2

Cari code di bawah

<title><data:blog.pageTitle/></title>

Langkah 3

Dan gantikan code di bawah ini pada code di atas(Langkah 2)

<script language="JavaScript">

var txt=" AyatKorangAtauTajukBlog ";

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>

Langkah 4

Pada code berwarna merah ubah/ganti pada ayat/tajuk blog kesukaan korang

Save dan lihat hasilnya...

Camat mencuba...