Waduh pusing mau diawali dari mana yah, sebenernya ini ada request dari sobat Iqbal waktu chat di Blog Kang Rohman beberapa waktu lalu. Maaf brot saya baru posting, karena ada kesibukan tersendiri. Sebenernya hal seperti ini sudah banyak dibahas di beberapa blog sobat saya yang lain seperti sobat eRGe dan sobat YoYok, maaf bro tanpa mengurangi rasa hormat saya bikin kumpulan Kode "JUDUL BLOG BERGERAK"
Sobat jangan bosan yah jika postingan ini panjang, dan kemungkinan sudah banyak yang bahas. Maaf saya hanya blogger pemula yang suka mencoba.
Baiklah sobat ga usah panjang lebar ngomongnya nanti malah bikin panjang postingan. Ada 3 "JUDUL BLOG BERGERAK" yang akan saya bahas :
PERTAMA
Judul Blog bergerak mendatar biasa seperti halnya penggunaan Marquee, Inilah Kodenya :
<script language='JavaScript'>
var txt="||---BELAJAR DALAM BLOG---||";
var kecepatan=300;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
Caranya :
- Masuk ke blogger sobat --> Tata Letak --> Edit HTML --> Expand Widget Template --> taruh kode tersebut diatas persis dibawah <head>
- Ganti Kode warna merah dengan Kalimat "JUDUL BLOG" sobat dan text warna Hijau dengan kecepatan gerakan text, semakin kecil nilainya semakin cepat gerakannya. Contoh lihat disini.
KEDUA
Judul Text bergantian namanya seperti punya saya dan punya sobat YoYok inilah kodenya:
<script language="JavaScript">
Cara Pemasangan :
<!--
/*****JUDUL BERJALAN By. Kanzenk*****/
function tb5_makeArray(n){
this.length = n;
return this.length;
}
tb5_messages = new tb5_makeArray(6);
tb5_messages[0] = "Assalamualaikum...";
tb5_messages[1] = "Selamat Datang SOBAT";
tb5_messages[2] = "Di KANZENK BLOG";
tb5_messages[3] = "Jangan Lupa KOMENTAR";
tb5_messages[4] = "Terima Kasih Atas Kunjungannya";
tb5_messages[5] = "Wassalamualaikum";
tb5_rptType = 'infinite';
tb5_rptNbr = 10;
tb5_speed = 50;
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>
- Silahkan sobat masukan dalam widget, caranya seperti menambahkan widget HTML/Java Script. Untuk text berwarna Merah adalah Jumlah Pesan yang akan ditampilkan dalam judul, sedang text yang berwarna hijau adalah Tulisan "JUDUL BLOG" sobat.
KETIGA
Judul Text bergerak disebelah samping kanan dan kiri "JUDUL UTAMA" seperti Judul milik sobat eRGe. Cara Menaruh silahkan taruh di widget seperti yang Kedua, dan inilah kodenya :
<script language="JavaScript">
Ubahlah Kode yang berwarna merah dengan "JUDUL BLOG SOBAT".
<!--
//
//Scrolling Status Bar
putmsg="==welcome==";
letchar2="+==o0o==+";
letchar1="+==o0o==+";ultimo1=letchar1.length-1;
ultimo2=letchar2.length-1;
ultimo2=letchar2.length-1;
tiempo=setTimeout("stat_scroll()",.1);
function stat_scroll()
{
aux1=letchar1.charAt(ultimo1-1);
letchar1=aux1+letchar1.substring(0,ultimo1-1);
aux2=letchar2.charAt(0);
letchar2=letchar2.substring(1,ultimo2+1)+aux2;
window.status="(" + letchar2 + putmsg + letchar1 + ")";
tiempo=setTimeout("stat_scroll()",.1);
return true;
}
// -->
</script>
<script language="JavaScript">
<!--
//
putmsg="[KANZENK BLOG]";
letchar2="+==o0o==+";
letchar1="+==o0o==+";
ultimo2=letchar2.length-4;
ultimo2=letchar2.length-4;
tiempo=setTimeout("tit_scroll()",.1);
function tit_scroll()
{
aux1=letchar1.charAt(ultimo1-1);
letchar1=aux1+letchar1.substring(0,ultimo1-1);
aux2=letchar2.charAt(0);
letchar2=letchar2.substring(1,ultimo2+1)+aux2;
document.title="" + letchar2 + putmsg + letchar1 + "";
tiempo=setTimeout("tit_scroll()",.1);
return true;
}
// -->
</script>
Aduh, ternyata cape juga yah nulis segini panjangnya..semoga ini dapat bermanfaat buat sobat semua.
Promote Your Web Here
05 June 2009
Browse » Home »
BLOG TRICK
» Membuat Judul Blog Bergerak (Kumpulan)
Browse » Home »
BLOG TRICK
» Membuat Judul Blog Bergerak (Kumpulan)
Membuat Judul Blog Bergerak (Kumpulan)
Subscribe to:
Post Comments (Atom)
Hebat tuh... ngkong juga mau belajar nih....
Mantab Artikel nya brother .. sangat bermamfaat neh dan membantu .. ayoo brot jangan sungkan2 tuk share ilmunya .. selain pahala kita makin pinter
keep share n sukses slalu brot ... salam
wah artikel yang lugas menarik jg sih penerapannya
keep sharing mas......sukses selalu...
Oyi,,, mantaabbb pit.. keep it yaw,,, sukses selalu
huuuih...artikelnya manthab brothr...jangn bosan tuk berbagi ya.....sukses....
Great job...nicxe post Bro
woke.. keren tips nya.. patut di coba coba nih..."ehhhh buat blog jangan coba coba!! pilih yang bener cap kayu butek" huahahahaha
terimakasih udah lam gw cari nih...
gan btw yg ketiga g bisa yach??
ckakaka...
mas tak contek ya trims sukses selalu
emang moi.........
@all : thanks...semua kode dah di test sama saya dan ternyata alhamdulillah bisa diterapkan kok...maaf buat bro yang anonymous persepsi anda salah...tuh kode ke-3 sudah di pakai banyak blog top juga kok...hehe...
makasih ya atas ilmunya,,,
lagi belajar nech,,,lumayan dpt tambahan..
boz ane coba di blog ane yee..thank boz..mampir2 ye boz sambil liat punya ane oce..thank boz taz trik2nya..