Membuat effect pada titlebar

Halow semua…. Wah, udah lama nih aku ngga nge-blog lagi. Hm… mungkin berbulan-bulan kale ya aku ngga nge-post lagi artikel baru. Yah… maklum lah, lagi sibuk ngurusin sekolah (kaya yg bner aja sekolahnya.hhaha…) . tapi setelah sekian lama aku ngga nge-post akhirnya sekarang ada juga waktu buat aku ngetik-ngetik. Nah, sekarang aku mau ngetik artikel tentang apa ya..?? eump… ini aja deh. Aku mau ngasi tau kalian semua para pembaca tentang gimana caranya bikin effect titlebar berubah-ubah tulisannya kaya yang ada di blog ini (liat aja titlebar-nya, unik kan  . oke seperti biasa, langsung aja aku kasi tau langkah-langkahnya .


Pertama, yang harus kamu lakukan adalah… niat, santai, rileks,tapi sambil konsen jg.
Kedua, baca baik-baik tiap langkahnya . hheuheu…

1.Login ke blogger kamu, masuk ke pengaturan layout/tata letak .
2.Klik addPageElement/tambah elemen, pilih pada elemen dasar, Javascript
3.Atau kamu juga bisa timpa elemen javascript yang sebelumnya sudah kamu buat, tinggal klik ‘edit’ .
4.Kalo kamu baru buat maka lakukan langkah 2 kemudian kosongkan untuk ‘Judul’ dan isi konten dengan kode berikut. Kalo kamu mau timpa elemen yang sudah ada, tinggal klik ‘edit’ kemudian tambahkan konten dengan kode berikut.
5.Copy-paste kode berikut pada bagian konten :
<script type=”text/javascript”>
//TITLEBAR EFFECT
var message = new Array() // leave this as is

message[0] = "tulisan pertama";
message[1] = "tulisan kedua";
message[2] = "tulisan ketiga";
message[3] = "tulisan keempat";
message[4] = "tulisan kelima";

var reps = 2

var speed = 100

var p=message.length;
var T="";
var C=0;
var mC=0;
var s=0;
var sT=null;
if(reps<1)reps=1;
function doTheThing(){
T=message[mC];
A();}
function A(){
s++
if(s>9){s=1}

if(s==1){document.title='|||--- '+T+' ---|||'}
if(s==2){document.title='|-||-- '+T+' --||-|'}
if(s==3){document.title='|--||- '+T+' -||--|'}
if(s==4){document.title='|---|| '+T+' ||---|'}
if(s==5){document.title='|--|-| '+T+' |-|--|'}
if(s==6){document.title='|-|--| '+T+' |--|-|'}
if(s==7){document.title='||---| '+T+' |---||'}
if(s==8){document.title='||--|- '+T+' -|--||'}
if(s==9){document.title='||-|-- '+T+' --|-||'}
if(C<(8*reps)){
sT=setTimeout("A()",speed);
C++
}else{
C=0;
s=0;
mC++
if(mC>p-1)mC=0;
sT=null;
doTheThing();}}
doTheThing();
</script>
6.Ganti tulisan yang dicetak tebal dengan tulisan kamu sendiri yang nantinya akan tampil pada titlebar secara bergantian.
7.Klik Save/Simpan .

Udah deh tinggal coba kamu liat hasilnya. Nah, segitu dulu ah. Lain kali aku post lagi cara ngutak-ngatik blog pake javascript yang lainnya. Oke, thx 4 ur attention, bye bye…

Artikel yang berhubungan