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 JUDUL BLOG BERGERAK MENULIS

Mungkin sebagian dari para blogger sudah tau seperti apa cara untuk memodifikasi title atau judul blog. Misalnya bisa diut berjalan, menulis secara berurutan, menulis secara acak (random) dan lain sebgainya. Nah, beberapa waktu yang lalu saya juga sudah pernah menulis bagaimana cara untuk membuat title blog bergerak seolah-olah menulis secara acak, kalau mau lihat silahkan lihat di  Membuat Title Bergerak Random . Dan kali ini saya akan berbagi tentang bagaimana memodifikasi title blog untuk bergerah seolah menulis secara berurutan dari kiri ke kanan kemudian menampilkan URL blog kalian sejenak dan kembali lagi menulis title berurutan, dan begitu seterusnya. Contohnya bisa kalian lihat pada title blog saya saja, lumayan kan untuk seorang yang baru belajar seperti saya :) Oke, langsung saja ke TKP para sahabat blogger :) 1. Login akun blogger seperti biasa 2. Masuk ke menu template >> edit HTML 3. Cari kode </head> , untuk lebih mudahnya gunakan tombol ...

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 */ #...