Title Bar Effect 2 » Tambahkan Title Bar Effect di blogger -

waroho
Seperti halnya Title Bar Effect 1, Title Bar Effect 2 bisa dimanfaatkan untuk menampilkan kata sambutan, menu blog atau teks lain yang berkaitan dengan materi yang disuguhkan dalam blog.

Cara membuat Title Bar Effect 2 :

  1. Login ke Blogger.
  2. Halaman Dasbor (Dasboard).
  3. Klik Rancangan (Design).
  4. Klik Edit HTML.
  5. Klik Download Template Lengkap (Download Full Template) » Proses Backup template.
  6. Simpan file template di folder PC.
  7. Cari kode <head> atau </head>.
  8. Copy dan paste-kan javascript di bawah kode <head> atau di atas kode </head>
  9. Klik Simpan Template (Save Template).


Javascript title bar effect-2:
<script type="text/javascript">
//bloggerstars1 - gubhugreyot //
function BGS_GRmakeArray(n){
this.length = n;
return this.length;
}
BGS_GRmessages = new BGS_GRmakeArray(1);
BGS_GRmessages[0] = "gubhugreyot == Selamat Datang == Selamat Menikmati Sajian Kami === gubhugreyot.blogspot.com";
BGS_GRbln = 50;
BGS_GRrptType = 'infinite';
BGS_GRrptNbr = 5;
BGS_GRspeed = 100;
var BGS_GRcurrMsg=0;
var BGS_GRkraj=BGS_GRmessages[BGS_GRcurrMsg].length;
var BGS_GRsts="";
var BGS_GRtimer = null;
var BGS_GRstsmsg="";
for (var i=0;i<BGS_GRbln;i++)
BGS_GRstsmsg="_"+BGS_GRstsmsg;
BGS_GRstsmsg += BGS_GRmessages[BGS_GRcurrMsg];
var BGS_GRpocetak = BGS_GRstsmsg.length-1;
var BGS_GRocapareno = 0;
var BGS_GRcounter=1;
function BGS_GRscrolltitle(){
if (BGS_GRpocetak >= 0){
BGS_GRsts = BGS_GRstsmsg.substring(BGS_GRpocetak,BGS_GRstsmsg.length);
BGS_GRpocetak--;
}
else{
if (BGS_GRocapareno == BGS_GRmessages[BGS_GRcurrMsg].length){
if (BGS_GRcurrMsg == BGS_GRmessages.length-1){
if ((BGS_GRrptType == 'finite') && (BGS_GRcounter==BGS_GRrptNbr)){
clearTimeout(BGS_GRtimer);
return;
}
BGS_GRcurrMsg=0;
BGS_GRcounter++;
}
else{
BGS_GRcurrMsg++;
}
BGS_GRstsmsg="";
for (var i=0;i<BGS_GRbln;i++)
BGS_GRstsmsg="_"+BGS_GRstsmsg;
BGS_GRstsmsg += BGS_GRmessages[BGS_GRcurrMsg];
BGS_GRpocetak = BGS_GRstsmsg.length-1;
BGS_GRocapareno = 0;
}
else{
BGS_GRstsmsg=BGS_GRsts;
BGS_GRsts = " "+BGS_GRstsmsg.substring(0,BGS_GRstsmsg.length-1);
BGS_GRocapareno++;
}
}
document.title = BGS_GRsts;
BGS_GRtimer = setTimeout("BGS_GRscrolltitle()", BGS_GRspeed);
}
BGS_GRscrolltitle();
</script>

Keterangan/Catatan :
  1. Gunakan Ctrl + F untuk memudahkan saat mencari KODE <head> atau </head>
  2. Title bar adalah bar teratas dari blog.
  3. Ganti teks dengan warna oranye dengan teks yang ingin di tampilkan.
  4. BGS_GRspeed = 100; --> angka 100 merupakan variabel kecepatan. Semakin kecil semakin cepat.
  5. Javascript ini kompatible untuk semua browser.

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :




Update » Selasa PON, January, 31, 2012

» Happy Blogging - gubhugreyot «

Ads Section

#buttons=(Accept !) #days=(20)

Situs web kami menggunakan cookie untuk meningkatkan pengalaman Anda browsing disini. Learn More
Accept !