welcome

Minggu, 13 Maret 2011

Cara Membuat Tittle Bar Effect


Sedikit berbeda dengan effect title bar sebelumnya,Tittle Bar Effect 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 Tittle Bar Effect :



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>
 atau sobat bisa meletakkannya di html/javascript
Efek 1 :
<script type="text/javascript">
/* gubhugreyot - bloggerstars1 */
var message = new Array();
// Tulis teks di sini
message[0] = "ridhocommunity.bogspot.com";
message[1] = "Title Bar Effect 1";
message[2] = "Tutorial Blogger";
message[3] = "Selamat Datang";
message[4] = "Selamat Menikmati Sajian Kami";
message[5] = "Terima Kasih";
message[6] = "GGGGGGGG";
// Atur pengulangan teks dan kecepatan di sini
var reps = 2;
var speed = 250; // Set the overall speed (larger number = slower action).
// jangan rubah KODE di bawah
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 > 8) { s = 1;}
// you can fiddle with the patterns here...
if (s == 1) { document.title = '|============GR| '+T+' == |GR|'; }
if (s == 2) { document.title = '|========= GR| '+T+' == |GR|'; }
if (s == 3) { document.title = '|======= GR| '+T+' == |GR|'; }
if (s == 4) { document.title = '|===== GR| '+T+' == |GR|'; }
if (s == 5) { document.title = '|=== GR| '+T+' == |GR|'; }
if (s == 6) { document.title = '|= GR| '+T+' == |GR|'; }
if (s == 7) { document.title = '|GR| '+T+' == |GR|'; }
if (s == 8) { document.title = '|GR| '+T+' == |GR|'; }
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>


Efek 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] = "Ghulam Blogerz == Selamat Datang == Selamat Menikmati Sajian Kami === ridhocommunity.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>

Efek 3:
<script type="text/javascript">
/* bloggerstars1 - Gubhugreyot */
var txt=" Bhinneka Tunggal Ika === Mekipun Berbeda-beda Tetapi Tetap Satu Jua === ";
//Speed bisa diatur --> semakin kecil nilai var speed, maka kecepatan semakin tinggi
var speed=200;
var BGS_GR=null;
function move() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("move()",speed);}move();
</script>

Efek 4:
<script type="text/javascript">
/* 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] = "ridhocommunity.blogspot.com";
BGS1_GRmessages[1] = "Tutorial Blogger";
BGS1_GRmessages[2] = "Cheat Ninja saga;
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>

3. KLIK Simpan/ Simpan Template

4. Buka blog untuk melihat hasilnya.

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....

Tidak ada komentar:

Posting Komentar