Membuat Rotasi Pesan Pada Title Bar

Pada tips kali ini, saya akan mengetengahkan tips untuk membuat pesan yang muncul secara bergantian pada title bar pada browser yang digunakan. Dengan tips ini, kita akan dapat menampilkan pesan yang berganti-ganti sesuai dengan pengaturan pesan yang kita tentukan sebelumnya. Jika tertarik, silakan ikuti tipsnya berikut ini.

Langsung saja pada langkah-langkahnya, yaitu sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML.

Kedua, cari kode </head>

Ketiga, copy kode berikut ini di atas kode tersebut.

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

var message = new Array() // leave this as is

message[0] = "Selamat Datang Di Blog Saya";
message[1] = "Blog Tips dan Trik Blog";
message[2] = "Selamat Menikmati";
message[3] = "Saya Tunggu Kunjungan Berikutnya";


var reps = 1

var speed = 175

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='[D====] '+T+' [====D]'}
if(s==2){document.title='[=E===] '+T+' [===E=]'}
if(s==3){document.title='[==D==] '+T+' [==D==]'}
if(s==4){document.title='[===Y=] '+T+' [=Y===]'}
if(s==5){document.title='[====>] '+T+' [<====]'}
if(s==6){document.title='[===Y=] '+T+' [=Y===]'}
if(s==7){document.title='[==D==] '+T+' [==D==]'}
if(s==8){document.title='[=E===] '+T+' [===E=]'}
if(s==9){document.title='[D====] '+T+' [====D]'}
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>

Keterangan

Kita dapat mengganti message1,2, dan 3 dengan pesan sendiri.

Kita juga dapat menambahkan pesan lagi di bawah “message [3]” dengan pesan sendiri dan mengawalinya dengan “message[4]”, “message[5]”, dan seterusnya.

Untuk mengubah kecepatan rotasi antar pesan satu dengan yang lainnya, kita dapat mengubahnya pada “var speed”, semakin besar nilainya maka rotasinya semakin lambat dan sebaliknya.


Keempat, simpan template.

Kelima, refresh blog dan pastikan kita telah mendapati pesan-pesan yang bergantian pada title bar.

Keenam, selesai dan selamat mencoba pada blognya masing-masing.

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest