Jumat, 15 Juni 2012

Cara menghias blog dengan tulisan bergerak

Blogging memang hobi yg mengasikan,selain bisa sharing ilmu pengetahuan, bloging juga merupakan sarana ekspresi seni,salah satunya seni menghias blog (hehe maksa....).
kali ini saya ingin share cara membuat tulisan berjalan atau bergerak pada tab blog kita
seperti contoh gambar di bawah ini

dalam hitungan detik akan berubah seperti ketikan sms
 bagaimanakah caranya?????
sangat mudah yaitu
1.login pada akun blog anda
2.pilih menu Rancangan kemudian pilih Elemen laman
3.pilih tambah gadget
4.kemudian tambahkan HTML/Java script
5.copy kode html di bawah ini

<script>function tb8_makeArray(n){this.length = n;return this.length;}tb8_messages = new tb8_makeArray(7);
tb8_messages[0] = "Assalamualaikum wr.wb.";
tb8_messages[1] = "Selamat datang di web saya";
tb8_messages[2] = "gilangmahendra.blogspot.com";
tb8_messages[3] = "Ikuti blog saya";
tb8_messages[4] = "dan berikan komentar anda";
tb8_messages[5] = "Terima kasih ^_^";
tb8_messages[6] = ".....";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 70;
tb8_delay = 1000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
</script>


6.ganti tulisan dalam tanda kutip yang berwarna kuning
7.simpan dan lihat hasilnya

skian tutorial dari saya semoga bermanfaat

3 komentar:

Photobucket