
Cara Membuat Animation Title Bar untuk Blog
Nak jadikan blog korang lebih menarik dan cantik tak? Jom kita buat title bar yang bergerak-gerak pada tab browser. Nak tau title bar macam mana, tengok tab blog saya yang bergerak-gerak kat atas sekali tulis macam ni “SeLaMat DatAng Ke BLog SaYa TeRiMa KaSiH”. Cara nak buat senang je.
Kemudian copy kod di bawah ke dalam ruangan HTML/Javascript. Korang ubah perkataan yang berwarna tu mengikut pilihan sendiri. Kemudian save dan view. Cantik tak???. Jangan lupa bagi komen kalau menjadi k..:-)
Pergi ke Dashboard > Layout > Add a Gadget > >HTML/Javascript
Kemudian copy kod di bawah ke dalam ruangan HTML/Javascript. Korang ubah perkataan yang berwarna tu mengikut pilihan sendiri. Kemudian save dan view. Cantik tak???. Jangan lupa bagi komen kalau menjadi k..:-)
<script type="text/javascript">
function tb8_makeArray(n){
this.length = n;
return this.length;
}
tb8_messages = new tb8_makeArray(5);
tb8_messages[0] = "SeLaMat DatAng Ke BLog SaYa TeRiMa KaSiH ";
tb8_messages[1] = "zuarxpdc.blogspot.com";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 100;
tb8_delay = 2000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
</script>
66 comments:
ni yang marquee text ke??xde jd pape pn..help..help..
bukan..yg ni title bar..tgk kt gmbr..cuba besarkan..masa mula-mula orang bukak blog kita, akan bergerak2 teks atas tu..
owh..dah..dah nmpak dah..tQ..tQ..
welcome..jadi x?
hehe...berkesan..tq bro:)
welcome..:-D
salam akhi...syukran...sya bru bljr buat blog...da jadi da (n_n)...
jadik2.. bagos la. hehe
aya..hg buat bagi cantik2..nanti aku p melawat rumah hg..haha
thanx bro..
it really works.
macam mana nak buang animation ni ea?
remove je html kt add a gadget tu
dh remove tp still ada
aik..pelik tu..remove yang lain kot..try check btl2
jd..ikin da wat thanks zuar
good2..huhu.jgn lupa share kt fb..hehe
jadi . tengss .
good2:-)
oh!!! terima kasih!!!
thanx bro..
welcome...thnks sudi singgah:l:
its work with successful..thanx zuar
welcome kin:-)
thanks zuar..jadi dah..hehehhee
BRO!!!
dah jadi..thx..
aku wat blog ni sebagai assigmnt..
dapt la jugak tambah markah..hahaha..
:D
Mr Fadir: Good2^_^
Pidot: haha..ok la..jgn lupa wat study group k..^_^
Salam. Yeah, berjaya! TQ ya?
:D
yeeaaa.. dah jadi. thanks ya!
tq bro.. huhu
thnks 4 da info...add me guys at fahmiberdiridisini.blogspot.com
Nice info n tutorial, Thank :)
bergerak tu sekali jer ker bro?
kalu buat sentiasa bergerak x leh ker?
mahfuzah: welcome^_^
fairy: welcome^_^
wan: welcome^_^
khairul: welcome^_^
syafiq: welcome^_^
pai:yup..sekali je^_^
maz....q mw tanya.....
dari perintah diatas....
pa za yang harus di edit.....
q sudah mencoba BERHASIL...
tapi gimana lw tulisannya berjalan terus slama blog tw masih di buka......
q jua mw tnya gy....
gimana cara mensetting tulisan blog di tittle bar tw jalan/gerak dan ada fotony.....
mohon di jawab y maz.......TRIM'S
MAZ MANA Z YANG HARUS DI EDIT DARI PERINTAH DIATAS...
Q DAH BERHASIL TAPI GIMANA CARA TULISANNYA BERJALAN/GERAK TERUS MENERUS....???
yang ni menjadi TQ
nape bende tu bergerak sekali je? pastu da x gerak da ?
:X menjadi, mekaseh :D
hai...terima kasih...cubaan yang menjadi
bagus2..bleh ajar mmber2 len plak nnti k..:-P
tq guy..=)
hee..jadi² ♥
ainzatiey: welcome zatiey..=)
areda: bgos2..good job=D
tq..dh menjadik :D
xjd pom .. tipu jerr
tq!! nie yg den cari2 hahaha ;)
adeq ika:welcome ^_^
salam..
mcmna nk repeat animation tu??? ada cara x?
yeay! da menjadik! tqvm! :D
okayyy. dah jadi dahhh. thanks bro :)
thanks a lOt !..
c0mey2 !..
:D
ta jd pape pn ..
yang tak jadi tu try la cari pe mslhnye k.huhu.simple je tu..^_^
terimo kasih banyok!
terima kasih ya...
niji: sama2 niji.:-)
salam..dah jd lah sy aply kat blog sy..tq..kom singgah blog sy http://puteriiskandar.blogspot.com
(^______O)
:D...thanx alot yer
info y sgt berguna n menjadi
ta boleh pon.....
ok dapat pown... tp skali gerak jew kew?
;;) like it.. TQ
Salam,
jadi...tq for the input =.=
xleyh nk tukar wrne pon?
tlg ajar sye,,saye baru buat blog ny
SALAM SAYA DAH CUBA TAK JADI. NAK KENA COPY YANG MANA SATU SEMUA SEKALI KOD TU KE?
terima kasih ilmu yang diberi..dah jadi dah
Post a Comment
Singgah je???Komen la sikit.:-D