.jpg)
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).
Update » Selasa PON, January, 31, 2012
Cara membuat Title Bar Effect-1 :
- Login ke Blogger.
- Halaman Dasbor (Dasboard).
- Klik Rancangan (Design).
- Klik Edit HTML.
- Klik Download Template Lengkap (Download Full Template) » Proses Backup template.
- Simpan file template di folder PC.
- Cari kode <head> atau </head>.
- Copy dan paste-kan javascript di bawah kode <head> atau di atas kode </head>
- 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 :
- Gunakan Ctrl + F untuk memudahkan saat mencari KODE <head> atau </head>
- Title bar adalah bar teratas dari blog.
- 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 «
silahkan tulis sebuah komentar!
gubhug reyot