Guest Book

Recent Post

Welcome To Ghulam Blogerz Hopefully This Blog Useful and What You See On This Blog Search

Senin, 13 Desember 2010

Cara Membuat Tittle Bar Effect

Senin, 13 Desember 2010 |
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....


maspeypah
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • StumbleUpon
  • Technorati
  • TwitThis

Related Posts



0 komentar:

Posting Komentar

Tutorial Blog

Panduan Membuat Blog di Blogspot

Cara Setting Blog Di blogger

Cara Mengganti Template di blogspot

Cara Post Artikel

cara membuat Cursor Bertabur Bintang

Membuat Pesan Selamat Datang Di blog

Membuat Pesan Selamat Datang Di Blog versi 2

Membuat Marquee ( Text Berjalan )

Membuat Marquee ( Text Berjalan ) versi 2

Memasang Icon Blog ( Favicon )

Membuat Buku Tamu Tersembunyi

Cara Membuat Daftar isi Blog

Memasang Widget I Love Indonesia

Cara membuat Banner di blog

cara pasang Bck top di blog

Cara pasang face book like button

cara memblokir/menghapus fungsi klik kanan di blog

Cara membuat widget flash message di blog

Cara Memasang Gadget Hamster di blog

Cara Membuat Jam di Blog

Cara Memasang Counter Di Blog

Cara Membuat Teks berkelip-kelip di blog

Membuat Back To Top Dengan Smoothscroll jQuery

Cara Membuat Tulisan berjalan secara bergantian di addres bar blog

Membuat Judul bergerak di addres bar blog

Cara membuat tulisan berjalan pada taskbar blog

Cara Membuat Tulisan berjalan dan ditarik kembali di addres bar blog

Cara Membuat Widget SMS Gratis di Blog

Script Unik untuk Menyambut Pengunjung di blog

Cara Membuat Text Mengelilingi cursor di blog

Cara Membuat Text Mengikuti cursor di blog

Tips Membuat gambar Berjatuhan (falling snow effect)

Menghilangkan Judul Blog Di Header

Membuat Link Read More Beserta Judul Postingnya

Memasang Widget Follow Tersembunyi

Membuat Gambar Bergerak Di Pojok Halaman Blog

Cara Membuat Tittle Bar Effect

Teks Roller

Cara Buat aquarium sendiri di blog

Script Unik untuk Menyambut Pengunjung di blog 2

Buat Judul Blog Keren

Cara Menghilangkan Link Berlangganan Entri Atom di Blog

Buat Tulisan Animasi sendiri

Membuat Link Tanpa Harus Di Klik Langsung Terbuka

Generator Tulisan

Generator Baner

Cara Memodifikasi Tulisan Pesan Di Cbox

Cara Mendapatkan Domain .com/.net/.org Gratis!

Cara Membuat Tombol Home, BackToTop, BackToDown, Reload

Membuat Kotak Pencari/search engine di My Blog

Cara Membuat Fungsi Scroll Pada Arsip Blog/Blog Archive Gadget

Cara Menghilangkan Border Image di Blog

Cara Membuat Shoutbox Versi Ajax

Membuka Link Di Windows Baru ( Popup Windows)

Panduan Pembuatan Read More (Lengkap)

Membuat Style Border (Bingkai Pada Blog)

Cara Menambahkan Tulisan Melayang

Arsip Blog

Label

 

Feed Burner

RSS Feed Berlangganan posting via RSS FEED

Atau berlangganan posting via email:


Pengikut

© Ghulam Ridho Design