Aug 6, 2011

Membuat Blog Title (Judul Blog) Berjalan Pada Tab Page


Ketika melihat-lihat blog orang, ternyata banyak yang aneh-aneh, akraktif dan menarik. Salah satu yang membuat kepincut adalah tampilan blog title-nya yang bisa berjalan, seperti pada blog ini. Demi memenuhi keinginan tersebut, aku coba searching disana-sini, eh... gak ketemu juga. Akhirnya terpaksa nyontek script template blog orang. Dan tauknya, ternyata gampang juga cara membuatnya. Mau tauk caranya?

Ok, ikuti aja langkah-langkah berikut :

  • Seperti biasa, dari halaman Dashboard, klik Tata Letak dan pilih Edit HTML:
  • Lalu kamu kopi kode berikut :
    <script language='JavaScript'>
    var txt=":::<data:blog.pageTitle/>::: ";
    var kecepatan=200;var segarkan=null;function bergerak() { document.title=txt;
    txt=txt.substring(1,txt.length)+txt.charAt(0);
    segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
    </script>
  • Letakkan script tersebut di bawah kode :
    <title><data:blog.pageTitle/></title>

    yang letaknya berada di bawah <head> (script paling atas).
  • Kamu bisa mengganti ::: dengan <> atau dengan karakter lainnya.
  • Lakukan Pratinjau (preview) sebelum menyimpannya.

Nah, selesai dah. Tapi kalo kamu mau sekalian membuat Shortcut Icon (Favicon), kopikan kode script ini :
<link href='URL foto/logo' rel='shortcut icon' type='image/x-icon'/>

Letakkan kode tersebut di bawah penutup script yang pertama kamu kopikan (di bawah </script>), dan gantilah URL foto/logo dengan alamat URL foto atau logo yang kamu inginkan.

Bagi kamu yang sudah membuat Shortcut Icon (Lihat Mengganti Shortcut Icon Blogger Dengan Foto Sendiri), pindahkan letak kode Shortcut Icon tersebut ke tempat di bawah penutup script yang pertama, seperti yang sudah disebutkan di atas. Jadi letaknya tidak lagi berada di bawah ]]></b:skin>

Nah, gampang kan? Selamat mencoba...

AKTUAL NEWS ONLINE

Author & Editor

Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet appellantur usu, mnesarchum referrentur id vim.

0 comments:

Post a Comment

Komen yang bijak sangat di nantikan...! Terimakasih..