15 Juli, 2009

Membuat Rotasi Pesan Pada Title Bar

Membuat Rotasi Pesan Pada Title Bar. Pada tips kali ini, Tips dan Trik Blog 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 </head> tersebut.


&ltscript 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 pesan yang berwarna merah 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.

Kunjungi juga blog yang ini.

Tips Komputer
Tips Bisnis Internet
Tips Internet

Artikel Yang Berhubungan



10 komentar:

adedosol mengatakan...

Wah ini yg lg sy cari nih,thanks tutorialnya

tips blog mengatakan...

@ adedosol >> sama2 Mas

Decky Fitriadi mengatakan...

makasih atas triknya

aris mengatakan...

Mas, setelah di save, punya saya muncul pesan sbb: gimana solusinya?

We were unable to save your template

Please correct the error below, and submit your template again.

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The reference to entity "ltscript" must end with the ';' delimiter.

BUJANG SUSAH mengatakan...

blog serta segala tutornya bagus sekali.. teruskan bos...

justmegaz mengatakan...

Mas, makasih ya tips n' triknya..
langsung sy aplikasiin ke blog.

Deadone mengatakan...

saya juga sama ky bro aris
ada pesan ky gtu

mohon pencerahannya ~~
newbie dalam perblogeran

Ahmad Syafi'i mengatakan...

KEREN BLOG NYA.......

Cipluan mengatakan...
Komentar ini telah dihapus oleh penulis.
Cipluan mengatakan...

Wah ini gmana to ga bisa mas broo, muncul seperti mas broo Deadone

Poskan Komentar

Terima kasih atas komentarnya,..