Under Maintenance

please check later

×

Under Maintenance

please check later

×

Membuat efek Title Bar pada blog



sebelumnya saya minta maaf kepada para penggunjung atas jarangnya saya posting di blog dikarenakan ada sedikit hal-hal penting yang saya harus kerjakan, oke langsung saja saya tidak akan memperpanjang tutorialnya lasung ke isinya saja...! hheheheh


mungkin sebagai sudah banyak sahabat blogger mengetahui tetang efek pada tittle bar, tapi mungkin ada juga yang masih binggung bagai mana cara membuatnya..?
oke langsung saja tidak perlu terlalu dipikiri, karena ini sangat mudah untuk kita buat..!
saya mempunya beberapa macam efek title bar tinggal kamu pasang deh yang mana menutu kamu bagus, termaksud title bar yang saya gunakan..!

efek 1








<script type="text/javascript">
/* gubhugreyot - bloggerstars1 */
var message = new Array();
// Tulis teks di sini
message[0] = "gubhugreyot.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] = "";
// 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] = "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>








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] = "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>







cara pasangnya adalah letakkan code tersebut tepat diatas code </head> atau sebelum code <head> tapi kalau kamu merasa ribet kamu juga bisa tambahkan code tersebut ke gadgets blog kamu dan selesai

NB:
Teks dapat kamu ganti dengan sesukamu..!
happy blogging semoga berhasil

Komentar :

ada 0 comments ke “Membuat efek Title Bar pada blog”

Posting Komentar