Search here

Type a word related to the post, then click the search button !

Memuat...
English
Bru masuk angin!

Arsip...

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

Cara Membuat Title Bar Effect -1

Dari berbagai effect title bar yang bisa kita buat, untuk kali ini kita akan coba dengan sebuah effect pada title bar dengan beberapa teks yang akan muncul secara bergiliran. Dengan kemampuannya untuk memunculkan teks secara bergilir, membuat kita bisa menampilkan teks yang berbeda-beda (variatif).

Cara membuat Title Bar Effect-1 :

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

Keterangan/Catatan :
  1. Gunakan Ctrl + F untuk memudahkan saat mencari KODE <head> atau </head>
  2. Title bar adalah bar teratas dari blog.
  3. KODE yang perlu dirubah :
    • message[0] s/d message[6] isi dengan teks yang sesuai dengan blog anda.
    • var reps = 2; angka 2 --> Jumlah pengulangan kemunculan teks.
    • var speed = 250; angka 250 --> variable kecepatan :semakin kecil semakin cepat

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 «

Bila tak pegal di tangan
silahkan tulis sebuah komentar!

gubhug reyot

 
GR | Edited by | gubhug reyot