Skip to main content

MEMBUAT TITLE BERGERAK SECARA RANDOM

Selamat sore semuanya, sore-sore gini baru dapat ide buat posting. Setelah lihat title blognya kazuki, aku jadi tertarik bikin title bergerak seperti gitu. Dan akhirnya setelah coba-coba akhirnya sukses juga bikin title seperti gitu. Title ini contohnya seperti di blogku ini. Title ini bukan bergerak seperti yang pernah aku posting dulu, tapi kali ini title bergerak muncul satu per satu secara random atau acak. Nah untuk membuatnya scriptnya cukup panjang lho...!!! hufft...!!!

oke langsung saja :
1. Login akun blog kalian
2. Masuk Rancangan >>> Edit HTML
3. cari kode <title><data:blog.pagetitle/></title> kemudian copy-paste script berikut tepat di bawah kode tersebut :

<script type='text/javascript'>
//<![CDATA[
function tb5_makeArray(n){
this.length = n;
return this.length;
}

tb5_messages = new tb5_makeArray(1);
tb5_messages[0] = "UBAY_NYZHAR";
tb5_rptType = 'infinite';
tb5_rptNbr = 5;
tb5_speed = 300;
tb5_delay = 2000;
var tb5_counter=1;
var tb5_currMsg=0;
var tb5_stsmsg="";
function tb5_shuffle(arr){
var k;
for (i=0; i<arr.length; i++){
k = Math.round(Math.random() * (arr.length - i - 1)) + i;
temp = arr[i];arr[i]=arr[k];arr[k]=temp;
}
return arr;
}
tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){
tb5_arr[i] = i;
tb5_sts[i] = "_";
}
tb5_arr = tb5_shuffle(tb5_arr);
function tb5_init(n){
var k;
if (n == tb5_arr.length){
if (tb5_currMsg == tb5_messages.length-1){
if ((tb5_rptType == 'finite') && (tb5_counter==tb5_rptNbr)){
clearTimeout(tb5_timerID);
return;
}
tb5_counter++;
tb5_currMsg=0;
}
else{
tb5_currMsg++;
}
n=0;
tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){
tb5_arr[i] = i;
tb5_sts[i] = "_";
}
tb5_arr = tb5_shuffle(tb5_arr);
tb5_sp=tb5_delay;
}
else{
tb5_sp=tb5_speed;
k = tb5_arr[n];
tb5_sts[k] = tb5_messages[tb5_currMsg].charAt(k);
tb5_stsmsg = "";
for (var i=0; i<tb5_sts.length; i++)
tb5_stsmsg += tb5_sts[i];
document.title = tb5_stsmsg;
n++;
}
tb5_timerID = setTimeout("tb5_init("+n+")", tb5_sp);
}
function tb5_randomizetitle(){
tb5_init(0);
}
tb5_randomizetitle();
//]]></script>

4. Simpan Template

:: KODE WARNA MERAH KALIAN GANTI SESUAI KEINGINAN ::

Comments

Popular posts from this blog

MEMBUAT LOADING PAGE SAAT MASUK BLOG

selamat dini hari saudara :) setelah lama sekali vakum dari dunia per-bloging-an (haha alay) akhirnya bisa bloging dan berbagi lagi dengan kawan-kawan sekalian nah, kali ini saya akan berbagi tentang caranya "Membuat Loading Page Saat Masuk Blog" nah, kalau lihat judulnya saja, lihat kata-katanya "loading" pastinya sudah tau dengan yang saya maksud. Kalau belum tau, dicoba aja, nanti pasti tau juga, contohnya bisa lihat saat kalian mengakses blog ini dan sedang loading pasti keliatan ada animasi loadingnya :D :P ok, langsung ke TKP saja kawan :) 1. Login Blogger 2. Masuk ke menu Template 3. Pilih Edit HTML 4. cari kode </head> lalu paste kode berikut tepat diatasnya :) <!-- Loading Page Script --> <style type='text/css'> /* add loading image */ body { background:#4B4B4B url( http://fc03.deviantart.net/fs71/f/2013/003/6/9/partart_loading_boredoom_6_by_g2k2007-d5q8zyt.gif ) no-repeat fixed center; } /* hide page div */ #