Monday, May 2, 2011

Tutorial Gerakkan Title Blog


Title blog secara default adalah dalam keadaan statik. Anda boleh tukarkan title blog anda dengan mudah dan juga anda boleh membuatkan ianya bergerak dari kanan ke kiri.




Tutorial untuk buatkan title blog bergerak adalah seperti berikut.


1. Dari dashboard > Design > Add a gadget > Html/Javascript

2. Copy dan paste code berikut dalam ruangan HTML/Javascript


<script language=javascript>
msg = "Title Blog Anda";

msg = "..." + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</script>



Note: Tukarkan 'Title Blog Anda' dengan apa sahaja yang anda mahu.

3. Save dan lihat hasilnya.:)


Update:
Mahu lebih banyak gerakan untuk title blog ini.? rujuk entri http://tutorialuntukblog.blogspot.com/2011/05/title-bar-maker.html


Suka tutorial ini.?

123 comments:

Cik Galaticos Cipot on May 2, 2011 at 7:45 PM said...

xjd pon

y u y u Z u l a i k h a on May 2, 2011 at 7:46 PM said...

tak jadi pun awakk :(

unwanted on May 2, 2011 at 7:47 PM said...

sory².. tertinggal code tadi..
dah boleh cuba semula..:)

Achik on May 2, 2011 at 7:49 PM said...

tak jadik pon

Achik on May 2, 2011 at 7:51 PM said...

jadik ponnn...thnxxxx

unwanted on May 2, 2011 at 7:51 PM said...

Achik,
cuba letak code semula,
kod tadi ada tertinggal skit.:)

.::: Princess MOMOY :::. on May 2, 2011 at 8:14 PM said...

dah jadi. tengkiu bro
Katak Puru boleh dimakan???"
Japan Made Cafe a.k.a Cosplay Restaurant"

aziyati on May 2, 2011 at 8:15 PM said...

thankyouu ;]

CarkeyInject on May 2, 2011 at 8:20 PM said...

@unwanted

gambar kau yg ni :
http://i.imgur.com/7hCpY.gif

dalam blog kau ada tak tutorial nak buat gambar tu, jadi bergerak-gerak ? macam mana ek :)
aku ingatkan video tadi hehe

unwanted on May 2, 2011 at 8:26 PM said...

CarkeyInject,
Yang gambar tu aku guna software la.
Camstasia Studio.:)

DeeBa on May 2, 2011 at 8:29 PM said...

thnks da jd..! :D

SiS NaD on May 2, 2011 at 9:04 PM said...

SaLaM...

Woa!~ DaH LaMa SiS CaRi TuToRiaL pasaL TiTLe BGeRaK... THaNKS YaR!~ (^_____^)V

ckLah on May 2, 2011 at 9:04 PM said...

Terima kasih. Cantik tengok tajuk blog sendiri bergerak....

Alinn Alinn on May 2, 2011 at 9:12 PM said...

copy kod tu kat mna ? tawu la kat html tapi kat kod ape ? ke copy je kod yg awak bgi then maen letak je kat mna2 pon boley ?
tlg inform kat shoutbox sye :)

Alinn Alinn on May 2, 2011 at 9:19 PM said...

erm lagi satu kan , mcam mana erk nk buat pic cmneh
https://lh3.googleusercontent.com/-Q8pYVBrSXFY/TYmtxMCt9uI/AAAAAAAAATo/hSrStSsWyEA/s1600/aliatuto.png

sme la mcm nk ambek dari fb tu , cmne erk ?

RedVixen on May 2, 2011 at 9:59 PM said...

tengkiu!!! :)

orenaqua on May 2, 2011 at 10:03 PM said...

thanks... another knowledge 'bout html...

Ana Jannah on May 2, 2011 at 10:15 PM said...

sya telah berjaya...gembira!!! tq bnyk2...:)

QWERTYUIOP on May 2, 2011 at 10:19 PM said...

tenkiu.... :)

hana_aniz on May 2, 2011 at 10:27 PM said...

trimas! =)

unwanted on May 2, 2011 at 10:37 PM said...

Alinn Alinn
rujuk sini kalau tak paham mana hendak letak code tu.
http://tutorialuntukblog.blogspot.com/2010/02/bagaimana-letak-kod-htmljavascript.html

yang koemn kedua tu, software photoscape.
rujuk link ni
http://www.photoscape.org/ps/main/download.php

Aisya Zailan on May 2, 2011 at 11:10 PM said...

first try buat tak jadi , second try pun tak jadi , third try terus jadi , THANKSSSSSSSSSS :)))

sygana on May 3, 2011 at 12:56 AM said...

terima kasih..saya dah berjaya

syarafina on May 3, 2011 at 1:34 AM said...

it's done! tq..=)

:: Dee Apit :: on May 3, 2011 at 5:55 PM said...

jadi ja..^_^

MiZz ShINcHaN on May 3, 2011 at 7:54 PM said...

yay... dh jd... thx. dh lme cr... :)

-syarniey- on May 3, 2011 at 11:31 PM said...

lau bleh, xnak buat gerakan title blog cmnie (dr kanan ke kiri) . nak buat cam kite ngah naip title uh.

TaYa_aLdO on May 5, 2011 at 2:12 AM said...

this is nice! thank u!

Offical Herryna Blogs on May 5, 2011 at 5:01 PM said...

salam...knp sy buat x jadi ek...?blh tgk contoh x..?

fatin on May 5, 2011 at 8:41 PM said...

tq2..

khaleeda idzehar on May 6, 2011 at 7:59 AM said...

xleh pown..

My Love on May 6, 2011 at 9:24 PM said...

dua kli wat bru leh..tq

Cik aPpLe on May 8, 2011 at 11:59 PM said...

YES ! jdi ! terime kasih sangat ! XD

DomoDomoTypeWriter on May 9, 2011 at 8:08 PM said...

nape die tulis,title blog anda ?

~~freakin' epi life+love~~ .... on May 10, 2011 at 10:57 AM said...

Tq!!! da wat da...

norainni zainol on May 11, 2011 at 7:45 PM said...

xjadi pun.

ceR ciTeR .... on May 14, 2011 at 5:00 PM said...

tq ...^^

shahira amira on May 15, 2011 at 12:18 PM said...

tq taw ! aishiteru

PKG Chenor on May 15, 2011 at 2:43 PM said...

erm,,,mamana cara nk remove tulisan bergerak tu ye??

♥ Nur Izzatie Fetty ♥ on May 15, 2011 at 2:47 PM said...

mekasih lo

Nina Fadzlyna on May 16, 2011 at 4:18 PM said...

dah buat,.
terima kasih!

I'm Black Blue Starz.. on May 16, 2011 at 7:39 PM said...

dah try buat..menjadi tapi pesal de cam #10008 kat tepi tajuk blog tu time tajuk tu bergerak? boleh hilang x #1008 tu?

I'm Black Blue Starz.. on May 16, 2011 at 7:39 PM said...

bkn #1008 tapi &#10084

I'm Black Blue Starz.. on May 16, 2011 at 7:42 PM said...

ok takpe..dah aturkan sendiri..n laz2 menjadi..yeepppiii!!!

nellyQyuhyun on May 18, 2011 at 3:56 PM said...

title dah gerak tapi tetap kluar 'title blog anda'
x bleh tulis title blog,,cmne ekk,,ade sape2 leh tolong????

Wanaa Nana on May 19, 2011 at 9:54 AM said...

sudah jadi... terima kasih... ^.^

atie hilmi on May 20, 2011 at 6:54 AM said...

jadik suda.. thanx yee.. hee~

faraa on May 20, 2011 at 9:30 AM said...

tak bolee uad pn . help me please !

nono rara on May 24, 2011 at 9:51 PM said...

AWESOME :) great .thanks sudi kongsi ilmu

Solehah_SS97 on May 26, 2011 at 11:20 PM said...

sudah jadi..tima kasih

hasznee hasan on May 30, 2011 at 1:51 AM said...

jadi daa.... ^^ TQ!~~~

Epy Ain on May 30, 2011 at 6:23 PM said...

thanks !!

Violet Roses on May 31, 2011 at 8:44 PM said...

thnks..

hajar on June 2, 2011 at 2:15 PM said...

semalam try x menjadi..tapi hari ni..menjadi.. thnk!!

ღ sEnYUm s0km0 ღ on June 5, 2011 at 12:27 PM said...

senang jeaa kan

bowop on June 6, 2011 at 5:17 PM said...

ter baek maakkk !

Polkadots Chumel on June 6, 2011 at 9:22 PM said...

Thanxxx :))

miss mocha on June 7, 2011 at 12:15 AM said...

x jdy ,, mcm mne neyh ? da bwad da mcm disuwoh

JR on June 7, 2011 at 9:03 PM said...

Shiukkk..! TQ TQ..tpi kn aku fikir tadi tajuk blog ku..hehe..

salam williams on June 9, 2011 at 5:02 PM said...

sya tak thu nk buat la dear...

nisa on June 10, 2011 at 1:57 AM said...

nak tnya , mcm mana nk tkr kn perkataan tu nk jd perkataan lain ?

nisa_pringles on June 10, 2011 at 5:27 PM said...

yeay ! dh jd dh . thanks so much XD

arayualan dan ibnas on June 12, 2011 at 10:24 AM said...

done..tq ya..hee

sayang die on June 14, 2011 at 10:04 PM said...

jd2... tq !

Ain Aien on June 18, 2011 at 1:36 PM said...

susah la nk wat..x phm..

insan biasa on July 22, 2011 at 11:51 PM said...

i did it..thnks a lot k..nice tutorial:-)

Tiramisu Ouzel (0951013P) on July 31, 2011 at 6:28 AM said...

TQ..JADI

caroline_akima92 on August 4, 2011 at 12:03 AM said...

thanx yep..sangat2 berguna!

MyZone~theUn4given on August 6, 2011 at 12:32 AM said...

thanx..:)

kewin on August 20, 2011 at 10:24 PM said...

nak minta tolong ni...klu nak ubah kepada Post title mcm mana..?? tak nak tunjuk Blog title...

Terima kasih

TopenG PuteH on August 22, 2011 at 3:58 PM said...

thanks

nG3k3L _ gurL on August 30, 2011 at 7:58 PM said...

hei..nk tanya..macAM MANe nak letak lagu..urm..??

Bie'z on September 5, 2011 at 4:34 PM said...

hait! arigato gozaimas

kokonut on September 10, 2011 at 12:31 AM said...

nice ... so nice ...sob sob T_T

bila hati kata cinta | sayang | rindu on September 11, 2011 at 11:20 PM said...

thanks!! da jadi ngee:)

ezaidatul akmar on September 23, 2011 at 12:50 AM said...

xde pon ,, bile dh tekn add gadget ,, xde pon pkataan html/ javascript ""

permata ku on October 2, 2011 at 10:42 PM said...

salam...thanx a lot 4 toturial sngat b'guna,b'kesan...saiya suka.....

catchie comel on October 15, 2011 at 1:38 PM said...

macam mana nak letak chat kat blog ?

meet c kecikk struy . :] on October 17, 2011 at 9:42 PM said...

enda jadi laa . blh ajar dgn lebih lanjut ka ?

Syafiqah ? on October 24, 2011 at 9:18 AM said...

jadi !! thanxxx sgt2

artehra on October 30, 2011 at 7:58 AM said...

10q :) dh jadik!

Aisyah Adawiyah on November 17, 2011 at 10:11 PM said...

dh jadik

It's Sunshine Day on November 18, 2011 at 11:43 AM said...

da jadi ,tq ^_^

~ayzone~ on November 25, 2011 at 3:50 PM said...

thanks...

Anonymous said...

mcm mane nak letak title blog, tapi takyah gerak?

Ammar Zulkarnain on December 6, 2011 at 9:23 PM said...

Alhamdulillah jadi.. :) Ibtisaam Daaiman.. :D

una98_cool on December 9, 2011 at 11:21 PM said...

cam ne nk tkr "title blog anda" ?

Ann Adryn Abdullah on December 13, 2011 at 7:27 PM said...

knp brgerak pd tab shj???

Ann Adryn Abdullah on December 13, 2011 at 7:28 PM said...

ok... dh jd dh... tenx...

anis eikin on December 14, 2011 at 12:43 AM said...

mcm mana nak tuka tittle??waaa :(

Nurina on December 14, 2011 at 11:55 AM said...

yEA!! Jd... thanks..and don't forget to follow my blog.. http://nurinasicomot.blogspot.com

Anonymous said...

SIP BANGET

Aqeyla Beby Musyiee on December 15, 2011 at 12:12 PM said...

Jadi :) masehhh .

AmieZa RaFiezA on December 15, 2011 at 4:55 PM said...

gamsahamnida!!! =)

~NUR FATIEMAH~ on December 27, 2011 at 12:20 AM said...

mcm mane nk tkar effect

Mama Awin on December 27, 2011 at 1:33 AM said...

yeay...menjadi..tq http://lifediary-nazryazuin.blogspot.com/

Kamsiah Cute Cake on January 4, 2012 at 1:23 PM said...

jadi dah...

miss Anna on January 6, 2012 at 9:04 PM said...

cun ! sekali buat je da jadi. ahaha..suke nye..

gold bird on January 16, 2012 at 5:07 PM said...

terbaikk..menjadi.....

fnaMaya on January 17, 2012 at 10:54 PM said...

thank you ;D

NurDarleena Dzulkiflie on January 25, 2012 at 12:37 PM said...

menjadi... alhamdulillah... suka2... thanx admin =)

farah inani on January 27, 2012 at 10:35 AM said...

yey..yey.. jdi !!

Anonymous said...

tq....great info...

novelloverzz on March 7, 2012 at 4:49 PM said...

Menjadi..tq so much blog owner..

O-rasa on March 7, 2012 at 11:02 PM said...

menjadi lah....terima kasih

alin on March 19, 2012 at 4:21 PM said...

nbj

@nurulfatihahramli on April 25, 2012 at 7:34 PM said...

time kasih..suke ^__^

nishaasalleh on May 11, 2012 at 2:29 PM said...

menjadi ! tengss a lots dude . jemput datang blog sha ea ! http://nishaasalleh.blogspot.com

LuluLala Alyna on May 31, 2012 at 7:57 PM said...

TQ dah gune dah. sng dan simple :)

Nurhanani binti Md.Zambri on June 30, 2012 at 1:28 PM said...

thanks :D

sulastry hajja on July 28, 2012 at 11:19 AM said...

thanks >.<

fira polkadot on July 31, 2012 at 6:23 PM said...

maseh !

Nihairina Asyfa on August 4, 2012 at 9:23 PM said...

Good tutorial :)

Amranz Lavastaa on August 7, 2012 at 6:29 PM said...

it works!! thanx~

syahida aiman on August 12, 2012 at 9:22 PM said...

menjadi lah terima kasih :)

cinta luv on August 28, 2012 at 4:31 PM said...

dah try , jd ..
thanx <3
tutorial nyh mmg bez ..

Jefry on October 4, 2012 at 1:58 PM said...

terima kasih atas tutorial ini
bisa langsung dipraktekkan ke dalam blog saya

(◕‿-) Cik Zal (◕‿-) on October 20, 2012 at 10:46 PM said...

thanks .. dah lame teringin nak buat tapi ta tahu.. sekarang da jadi. :)

aqilah syada on November 10, 2012 at 6:24 PM said...

chantek *_*

Norhafizan Mat Jidin on November 20, 2012 at 11:53 PM said...

byk yg saya dpt utk mengubah blog saya menjadi lebih cantik dan meriah..thanks a lot!

amani shuhaimi on December 6, 2012 at 9:03 AM said...

alhamdulillah,,jadi.thanks admin,:)

Sarah Nabila on December 25, 2012 at 1:34 PM said...

kenapa dekat dashboard takde design pon?

Zone Nana Ke on January 13, 2013 at 11:49 AM said...

Tq..dh jdi

Post a Comment

 

Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com Edited by Unwanted