Friday, November 20, 2009

Home » » Cara Membuat Animation Title Bar untuk Blog

Cara Membuat Animation Title Bar untuk Blog

Share

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.

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:

Zack said...

ni yang marquee text ke??xde jd pape pn..help..help..

zuar said...

bukan..yg ni title bar..tgk kt gmbr..cuba besarkan..masa mula-mula orang bukak blog kita, akan bergerak2 teks atas tu..

Zack said...

owh..dah..dah nmpak dah..tQ..tQ..

zuar said...

welcome..jadi x?

HuMbLesLaVe said...

hehe...berkesan..tq bro:)

zuar said...

welcome..:-D

~Pena alsaibun~ said...

salam akhi...syukran...sya bru bljr buat blog...da jadi da (n_n)...

NamaSayaAya said...

jadik2.. bagos la. hehe

zuar said...

aya..hg buat bagi cantik2..nanti aku p melawat rumah hg..haha

rex said...

thanx bro..
it really works.

Imanzai @ anak makayah said...

macam mana nak buang animation ni ea?

zuar said...

remove je html kt add a gadget tu

Imanzai @ anak makayah said...

dh remove tp still ada

zuar said...

aik..pelik tu..remove yang lain kot..try check btl2

.: aNotHer SidE of Me:. said...

jd..ikin da wat thanks zuar

zuar said...

good2..huhu.jgn lupa share kt fb..hehe

princess FADIELA said...

jadi . tengss .

zuar said...

good2:-)

cik Syafiqah said...

oh!!! terima kasih!!!

Rahmad Nadzri said...

thanx bro..

zuar said...

welcome...thnks sudi singgah:l:

ikeen said...

its work with successful..thanx zuar

zuar said...

welcome kin:-)

Mr.FaDiR said...

thanks zuar..jadi dah..hehehhee

pidot said...

BRO!!!

dah jadi..thx..
aku wat blog ni sebagai assigmnt..
dapt la jugak tambah markah..hahaha..
:D

zuar said...

Mr Fadir: Good2^_^

Pidot: haha..ok la..jgn lupa wat study group k..^_^

Ⓜⓐⓗⓕⓤⓩⓐⓗ Ⓗⓤⓢⓝⓐ Ⓩⓤⓛⓚⓘⓕⓛⓘ said...

Salam. Yeah, berjaya! TQ ya?
:D

fAiRy PrInCesS said...

yeeaaa.. dah jadi. thanks ya!

w@n said...

tq bro.. huhu

Muhammad Khairul Fahmi said...

thnks 4 da info...add me guys at fahmiberdiridisini.blogspot.com

Mohd Syafiq said...

Nice info n tutorial, Thank :)

PAI 2 IPG KDRI SJKC said...

bergerak tu sekali jer ker bro?
kalu buat sentiasa bergerak x leh ker?

zuar said...

mahfuzah: welcome^_^

fairy: welcome^_^

wan: welcome^_^

khairul: welcome^_^

syafiq: welcome^_^

pai:yup..sekali je^_^

Tecnichi Informasi said...

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

Tecnichi Informasi said...

MAZ MANA Z YANG HARUS DI EDIT DARI PERINTAH DIATAS...


Q DAH BERHASIL TAPI GIMANA CARA TULISANNYA BERJALAN/GERAK TERUS MENERUS....???

anuar said...

yang ni menjadi TQ

ZulFadli said...

nape bende tu bergerak sekali je? pastu da x gerak da ?

Niena Aziz said...

:X menjadi, mekaseh :D

zafaran herbs said...

hai...terima kasih...cubaan yang menjadi

zuar said...

bagus2..bleh ajar mmber2 len plak nnti k..:-P

aiNzaTiey said...

tq guy..=)

♪ ArEdA ♪ said...

hee..jadi² ♥

zuar said...

ainzatiey: welcome zatiey..=)

areda: bgos2..good job=D

crystaleye said...

tq..dh menjadik :D

gaDiS maNJe said...

xjd pom .. tipu jerr

adeQ Ika said...

tq!! nie yg den cari2 hahaha ;)

zuar said...

adeq ika:welcome ^_^

Chopsticks' Menu Dish said...

salam..
mcmna nk repeat animation tu??? ada cara x?

Aremiey said...

yeay! da menjadik! tqvm! :D

myraa dawsonn :) said...

okayyy. dah jadi dahhh. thanks bro :)

cool_rinie said...

thanks a lOt !..
c0mey2 !..
:D

nana ayrien said...

ta jd pape pn ..

zuar said...

yang tak jadi tu try la cari pe mslhnye k.huhu.simple je tu..^_^

maWar mErah said...

terimo kasih banyok!

niji said...

terima kasih ya...

zuar said...

niji: sama2 niji.:-)

puteriiskandar said...

salam..dah jd lah sy aply kat blog sy..tq..kom singgah blog sy http://puteriiskandar.blogspot.com
(^______O)

♥ Cik Adinda ♥ said...

:D...thanx alot yer
info y sgt berguna n menjadi

dhia wardah said...

ta boleh pon.....

Mo mo kz said...

ok dapat pown... tp skali gerak jew kew?

onie gonzalez said...

;;) like it.. TQ

MisZ_AsZa said...

Salam,

jadi...tq for the input =.=

suria melati said...

xleyh nk tukar wrne pon?

HapPy tEengEr said...

tlg ajar sye,,saye baru buat blog ny

LUAHAN RASA TERPUJI said...

SALAM SAYA DAH CUBA TAK JADI. NAK KENA COPY YANG MANA SATU SEMUA SEKALI KOD TU KE?

fmh2wow2s said...

terima kasih ilmu yang diberi..dah jadi dah

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

Singgah je???Komen la sikit.:-D

Related Posts Plugin for WordPress, Blogger...

Artikel Sensasi

Blog Archive