posted by: daroef
Sedikit berbeda dengan effect title bar sebelumnya, effect title bar-4 sedikit lebih atraktif karena setiap huruf akan dimunculkan seperti bentuk tembakan pistol. Kecepatan tembak akan semakin cepat saat sisa huruf dalam magazine semakin berkurang.
Karena jarak tembakan sangat berpengaruh terhadap panjang teks, maka apabila anda ingin menampilkan teks cukup panjang pada title bar, nilai yang tertera pada KODE BGS1_GRdistance = 45; harus anda perbesar sesuai panjang teksnya.
Cara membuat effect title bar-4 :
1. Lakukan pengamanan template terlebih dahulu dengan cara :
Login ke Blogger --> KLIK Tata letak --> KLIK Edit HTML -->
KLIK Download Template Lengkap --> Simpan di Folder PC
2. Tetaplah di Edit HTML.
Karena jarak tembakan sangat berpengaruh terhadap panjang teks, maka apabila anda ingin menampilkan teks cukup panjang pada title bar, nilai yang tertera pada KODE BGS1_GRdistance = 45; harus anda perbesar sesuai panjang teksnya.
Cara membuat effect title bar-4 :
1. Lakukan pengamanan template terlebih dahulu dengan cara :
Login ke Blogger --> KLIK Tata letak --> KLIK Edit HTML -->
KLIK Download Template Lengkap --> Simpan di Folder PC
2. Tetaplah di Edit HTML.
- Cari KODE : <head> atau </head>
- Letakkan KODE berikut di bawah KODE <head> atau di atas KODE </head>
<script type="text/javascript">
//<![CDATA[
/* bloggerstars1 - gubhugreyot - Title Bar Effect-4-shooter*/
function BGS1_GRmakeArray(n){
this.length = n;
return this.length;
}
//rubah teks pada BGS1_GRmessages [0] s/d [3]
//untuk menambah jumlah teks, tambahkan kode baru seperti di atas [4], dst
BGS1_GRmessages = new BGS1_GRmakeArray(3);
BGS1_GRmessages[0] = "gubhugreyot.blogspot.com";
BGS1_GRmessages[1] = "bloggerstuars.blogspot.com == bloggerstars1";
BGS1_GRmessages[2] = "Tutorial Blogger == Title Bar Effect-4";
BGS1_GRrptType = 'infinite';
BGS1_GRrptNbr = 5;
//semakin besar nilai speed, tembakan semakin lambat
BGS1_GRspeed = 1;
//perbesar distance bila teks lebih panjang
BGS1_GRdistance = 45;
//delay tiap teks. Semakin besar semakin lama
BGS1_GRdelay = 500;
var BGS1_GRletter = 0;
var BGS1_GRcounter=1;
var BGS1_GRcurrMsg = 0;
var BGS1_GRorgSpaces = BGS1_GRdistance;
var BGS1_GRnbrSpaces = BGS1_GRorgSpaces;
var BGS1_GRshootTimer = null;
function BGS1_GRshoottitle(){
var sp=BGS1_GRspeed;
var tmp=BGS1_GRmessages[BGS1_GRcurrMsg].substring(0,BGS1_GRletter);
for (var i=0; i<BGS1_GRnbrSpaces; i++)
tmp += "-";
tmp+=BGS1_GRmessages[BGS1_GRcurrMsg].charAt(BGS1_GRletter);
for (var i=0; i < BGS1_GRorgSpaces-BGS1_GRnbrSpaces; i++)
tmp+="-";
tmp += ">=GR";
document.title=tmp;
BGS1_GRnbrSpaces--;
if (BGS1_GRnbrSpaces == 0){
BGS1_GRletter++;
BGS1_GRorgSpaces -= 1;
BGS1_GRnbrSpaces=BGS1_GRorgSpaces;
if (BGS1_GRletter > BGS1_GRmessages[BGS1_GRcurrMsg].length){
if (BGS1_GRcurrMsg == BGS1_GRmessages.length-1){
if ((BGS1_GRrptType == 'finite') && (BGS1_GRcounter==BGS1_GRrptNbr)){
clearTimeout(BGS1_GRshootTimer);
return;
}
BGS1_GRcounter++;
BGS1_GRcurrMsg=0;
}
else{
BGS1_GRcurrMsg++;
}
BGS1_GRletter=0;
BGS1_GRnbrSpaces = BGS1_GRorgSpaces = BGS1_GRdistance;
sp=BGS1_GRdelay;
}
}
BGS1_GRshootTimer = setTimeout("BGS1_GRshoottitle()",sp);
}
BGS1_GRshoottitle();
//]]>
</script>
//<![CDATA[
/* bloggerstars1 - gubhugreyot - Title Bar Effect-4-shooter*/
function BGS1_GRmakeArray(n){
this.length = n;
return this.length;
}
//rubah teks pada BGS1_GRmessages [0] s/d [3]
//untuk menambah jumlah teks, tambahkan kode baru seperti di atas [4], dst
BGS1_GRmessages = new BGS1_GRmakeArray(3);
BGS1_GRmessages[0] = "gubhugreyot.blogspot.com";
BGS1_GRmessages[1] = "bloggerstuars.blogspot.com == bloggerstars1";
BGS1_GRmessages[2] = "Tutorial Blogger == Title Bar Effect-4";
BGS1_GRrptType = 'infinite';
BGS1_GRrptNbr = 5;
//semakin besar nilai speed, tembakan semakin lambat
BGS1_GRspeed = 1;
//perbesar distance bila teks lebih panjang
BGS1_GRdistance = 45;
//delay tiap teks. Semakin besar semakin lama
BGS1_GRdelay = 500;
var BGS1_GRletter = 0;
var BGS1_GRcounter=1;
var BGS1_GRcurrMsg = 0;
var BGS1_GRorgSpaces = BGS1_GRdistance;
var BGS1_GRnbrSpaces = BGS1_GRorgSpaces;
var BGS1_GRshootTimer = null;
function BGS1_GRshoottitle(){
var sp=BGS1_GRspeed;
var tmp=BGS1_GRmessages[BGS1_GRcurrMsg].substring(0,BGS1_GRletter);
for (var i=0; i<BGS1_GRnbrSpaces; i++)
tmp += "-";
tmp+=BGS1_GRmessages[BGS1_GRcurrMsg].charAt(BGS1_GRletter);
for (var i=0; i < BGS1_GRorgSpaces-BGS1_GRnbrSpaces; i++)
tmp+="-";
tmp += ">=GR";
document.title=tmp;
BGS1_GRnbrSpaces--;
if (BGS1_GRnbrSpaces == 0){
BGS1_GRletter++;
BGS1_GRorgSpaces -= 1;
BGS1_GRnbrSpaces=BGS1_GRorgSpaces;
if (BGS1_GRletter > BGS1_GRmessages[BGS1_GRcurrMsg].length){
if (BGS1_GRcurrMsg == BGS1_GRmessages.length-1){
if ((BGS1_GRrptType == 'finite') && (BGS1_GRcounter==BGS1_GRrptNbr)){
clearTimeout(BGS1_GRshootTimer);
return;
}
BGS1_GRcounter++;
BGS1_GRcurrMsg=0;
}
else{
BGS1_GRcurrMsg++;
}
BGS1_GRletter=0;
BGS1_GRnbrSpaces = BGS1_GRorgSpaces = BGS1_GRdistance;
sp=BGS1_GRdelay;
}
}
BGS1_GRshootTimer = setTimeout("BGS1_GRshoottitle()",sp);
}
BGS1_GRshoottitle();
//]]>
</script>
Catatan :
1. Gunakan Ctrl + F untuk memudahkan saat mencari KODE <head> atau </head>
2. Title bar adalah bar teratas dari blog.
3. KODE dengan warna oranye silahkan untuk dirubah sesuai dengan kebutuhan blog.
1. Gunakan Ctrl + F untuk memudahkan saat mencari KODE <head> atau </head>
2. Title bar adalah bar teratas dari blog.
3. KODE dengan warna oranye silahkan untuk dirubah sesuai dengan kebutuhan blog.
tutorila ini di dapat dari blog guhug reyot
0 boleh koment:
Posting Komentar