Jumat, 15 Juni 2012

Cara membuat tulisan bergerak di headher blog


Tulisan berjalan di atas Navbar blog. Tulisan ini memang berjalan atau bergerak di atas navbar tepatnya di menu atas header. Atau lebih tepatnya di menu paling atas sebelah kiri dari sebuah browser yang kita buat surfing blog. Begini aja, lebih jelasnya, trik ini akan membuat tulisan yang kita pasangi script akan berada di atas navbar. Kalo pengin jelas langsung langsung aja tak kasih contohnya, coba kalian liat di atas page blog 1001tawa.blogspot.com yang sedang kamu liat ini .. ada to tulisan bergerak dari samping kanan ke kiri, nah itu dia yang aku maksud, .. langsung aja tak kasih dikit bocoran tutornya, soale aku mau panjang lebar ngejelasinnya juga susah, ketimbang buat mikir, mendingan buat nulis tutor plus petunjuknya agar kalian semua makin mahir ngeblog.




Langsung aja menuju Edit HTML
Cari kode : <b:skin><![CDATA[/*
Letakkan kode dibawah persis di atas 

<script language='JavaScript'>
var txt=&quot;. . : : Welcome to My Blog Please Join Us at Here : : . .&quot;;
var kecepatan=60;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();
</script>

Catatan kaki : Welcome to My Blog Please Join Us at Here
Bisa kalian ganti sesuka kalian ..


Masih ada lagi dan ini masih sama dengan yang diatas .. 
tapi bentuk dan model dari gerakan tulisan berbeda .. 
kalau yang ini bergerak satu persatu dari kiri ke kanan 

Caranya : 
Klik Rancangan
Klik Tambah Gadget
Cari menu Tambah Halaman HTML / JavaScript

<script language="javascript" type="text/javascript">
<!--
/*
http://1001tawa.blogspot.com 
*/
var message=document.title;
var message=message+' | '+'^=^ selamat datang di blog ini';
var message=message+" ";
i="0";
var temptitle="";
var speed="150";

function titler(){
if (!document.all&&!document.getElementById)
return
document.title=temptitle+message.charAt(i);
temptitle=temptitle+message.charAt(i);
i++;
if(i==message.length)
{
i="0";
temptitle="";
}
setTimeout("titler()",speed)
}

window.onload=titler
-->
</script>


Catatan  :
Untuk tulisan begini : Welcome to my blog  

Kecepatan : Terserah yang anda mau :D
Bisa diganti sesuai keinginan 

Tidak ada komentar: