Wadah Madrasah Pengalaman: Tutorial Floating Status Twitter

Monday, April 11, 2011

Tutorial Floating Status Twitter_Layout/Design Template

Salam korang...

Kali nie Wan nak wat Tutorial untuk Floating Status twitter lak..Macam macam je trend untuk blog nie kan..Ramai yang tak nak Share bende nie..So Wan nak Share lah ngan korang...tak yah kedekut ilmu nye..Blog kita sama sama Comel and canggih kan seronok..tak kan lah nak guna Sorang diri..Law yang terer koding tu..Boleh lah godek sendiri law yang tak tu??kan ke kesian..nak tanya kadang kadang takut kan..Ada gak yang akan beri jawapan dengan cara menipu..Tak de tutorial lah..dari Blogskin lah..Entah apa lagi idea nak menipu tu..Tak baik taw..Apalah salah nya ajar sikit kat Blogger blogger nie..Ilmu kan untuk dikongsi..

K lah..Wan tak nak cakap banyak dah..Korang leh tengok macam gambar kat atas tu..Law tak taw gak and masih blur blur macam mana Floating Status Twitter nie..Korang leh ke Wanhazeljunior.blogspot.com/ untuk tengok Floating Status Twitter..tengok belah kiri tu k..Dah tengok??so macam mana??Law korang nak..Apa tunggu lagi..

Owh ye..Jangan cakap Wan copy Tutorial orang lak...Cowie erk tak de Copy Copy...Koding nie Wan wat sendiri..Dan sila jangan Ubah koding asal selain yang Wan kasi taw k..Sila Hormati susah payah Wan cari koding nie..ahaha..

Jum Tutorial..

Mula mula korang ke...

Dashsboard>design>Add gadget>HTML

Korang Copy kod bawah nie and paste kat Gadget HTML korang..letak kat Gadget paling bawah lah..Mana mana pun tak pe..Asalkan korang dah add gadget je.

ID TWITTER yang nie korang ambik nama profile Twitter korang..tengok macam kat gambar bawah nie.

Macam yang kat atas tu...So ambek Wan_hazel je lah..

dah selesai tu..Kita ke langkah yang seterusnya lak..

Dashboard>Design>add gadget>Template Designer

korang pastekan kod di bawah nie ke dalam Advance>Add Css

--------------------------

#twitter_div{display:scroll; position:fixed; top:195px; left:-1px;}

-------------------------

Contoh macam kat gambar bawah nie..

Ok tu je..

Law ok..Korang save je..law tak ok..korang ubah top:195px; left:-1px hingga masuk dalam awan Twitter tu k..

Untuk cantekkan lagi twitter Status nie..korang leh godek sendiri..

Selamat mencuba

.

65 comments:

Mas Ahmad Safwan said...: .mas tade twitter , heee ;p; April 11, 2011 at 7:58 PM
Wan_hazel said...: mas tak de twitter takyah tgk tuto nie..ahahha///gurau je; April 11, 2011 at 8:14 PM
Alya Balqis Studio said...: kalu untuk fb xlh ke guna tutor ne??hhiih..; April 11, 2011 at 9:03 PM
zuhanismohamed said...: tq eh share..sy dah try tp knpe status twitter xkua kt situ eh?; April 11, 2011 at 9:07 PM
mas saari said...: wan akak dah try buat...menjadi
tapi macammana kita nak buat dia stay kat header tu je!
sbb bila akak scroll dia ikut...hehehehe
faham tak soalan akak?; April 11, 2011 at 9:07 PM
Wan_hazel said...: izzati...

law yg tu tak leh..ehehehe; April 11, 2011 at 9:13 PM
Wan_hazel said...: zuhanis..

twitter jgn privatekan k...update status..mesti boleh nye..; April 11, 2011 at 9:13 PM
Wan_hazel said...: kak mas..

law yg tu..kak tgk tuto nie k..

http://wanhazel.blogspot.com/2011/02/tutorial-letak-status-twitter-dalam_22.html; April 11, 2011 at 9:13 PM
zuhanismohamed said...: oh gitu..patut lah xkua..thank you eh..cuba lagi ni..he he; April 11, 2011 at 9:38 PM
Wan_hazel said...: ok..ehehhe...peace//law dah dapat kasi taw k; April 11, 2011 at 9:49 PM
zuhanismohamed said...: ok dah jd..tq ya :D; April 11, 2011 at 10:07 PM
ct mysera^^ said...: tengs...
lama dh cari tuto pasal nie..; April 11, 2011 at 10:22 PM
Wan_hazel said...: zuhanismohamed

gud..wan tak leh tgk lak..koz tak de link blog..ehehhe; April 11, 2011 at 10:36 PM
Wan_hazel said...: ct mysera^^

welkam..peacce; April 11, 2011 at 10:36 PM
Anonymous said...: hai..singgah blog kamu ;)

*owh, thanx la, sblm ni cari jgk caner nk wat,,hihi..tak reti sgt bab2 ni...; April 11, 2011 at 10:57 PM
ika said...: wah..mao3; April 12, 2011 at 7:24 AM
ika said...: npe yg eka kuar icon strawberry plak..haha..; April 12, 2011 at 7:56 AM
Wan_hazel said...: cantekk

hehehe..ok peace..tengs blog wan biasa2 je; April 12, 2011 at 8:49 AM
Wan_hazel said...: eka

aik...nape lak kua icon stwabery??aiyo...; April 12, 2011 at 8:49 AM
nano said...: wan,,,pndainye wan buat bnde ni sume,,bljr dri mne,,nano bljr psl web, coding2 html pon x wat ni sume,,tabik spring la kat wan,,,; April 12, 2011 at 10:59 AM
Chuu Muqhlis said...: wan., nice info! chuu salu tgk kt blog org lain., terasa nk try :P; April 12, 2011 at 11:46 AM
Wan_hazel said...: nano

wan balaja sendri je nano..tak de sapa nak jar wan..ehehe..godek je mane2...try n error mesti leh punya..wan masih blajar lagi ilmu HTML nie..javascript lagi..byk lah..hehehe; April 12, 2011 at 12:08 PM
Wan_hazel said...: chuu

boleh je try..ehehhe; April 12, 2011 at 12:08 PM
nano said...: nano xsmpat lg nk godek2 wan,,,sibuk memnjg,,,course ni,,byk assignment,,,xde paper,,jd 100% mark kat course work,,nti de mse,,nano nk godek2 jgk la,,pnting jugk javascript...tahniah la kat wan ley wat dgn jayanyer,,,,tabik spring,,,; April 12, 2011 at 12:54 PM
Wan_hazel said...: nano

hehehe..wan biase je nano..nano lagi best koz ade kelayakan..wan pandai camtu je..so org tak pndg sgt..tul tak??hehehe..; April 12, 2011 at 1:17 PM
Alia Rahmat said...: ehex..mne ade wan..yg pandai sndiri tu lah yg org tabik spring sbb ade inisiatif nak try..; April 13, 2011 at 12:27 AM
Wan_hazel said...: AliaJustea

hehehe..tengs....godek2 je tu; April 13, 2011 at 8:43 AM
Wansteddy Tales said...: Besh! design yg superb tutorial yg membina. hakak belum aktif twitter lagi. next dah ada insya'allah boleh guna pakai tips tutorial dr Wan ni. Thanx for sharing Wan :D; April 13, 2011 at 10:47 AM
Wan_hazel said...: Wansteddy Tale

welkam kak...design simple camnie je yg wan reti kak..ehhehe...nanti akan try lah ye..syok gak law updte twittr nie kak..eheheh; April 13, 2011 at 11:07 AM
ika said...: haha..sbb eka buat icon tepi bloglist..kih3..mcm mne nak buat box 2 ..leh ajar??gne photoshop ke??eka crik xjmpa pon..hee; April 13, 2011 at 11:52 PM
Wan_hazel said...: eka

wat box yg mane eka??; April 14, 2011 at 12:07 AM
ika said...: yg twitter 2 la..wrna biru 2..hehe
nak resize dy punyer size kat photoshop kat mner??; April 14, 2011 at 1:15 PM
Wan_hazel said...: eka..

erk..eka wat je new file ekot size eka..nanti copy [aste je yg lama dalam tu n klik kanan free transform..; April 14, 2011 at 7:55 PM
ika said...: mcm 2..ptot crik xjmper pon; April 14, 2011 at 11:33 PM
Wan_hazel said...: a ah eka..eheheh; April 15, 2011 at 12:12 AM
ika said...: haha..lau nak resize yg kotak twittter 2 gne..nk kecik ckit; April 15, 2011 at 1:24 AM
Wan_hazel said...: law tu eka cri kod nie..

<div id="twitter_div" style="width:220px; height:120px;

eka ubah tggi dan lebar dia k; April 15, 2011 at 9:22 AM
ika said...: dah bleh...hehe..yg 2 utk stts twitter ..eka ubah lbar gambo 2..ngn yg 2..hehe..ok..tq; April 15, 2011 at 12:19 PM
Wan_hazel said...: eka

welkam eka; April 15, 2011 at 2:45 PM
Erfan said...: knape x kluar2 status da update!!; April 16, 2011 at 12:04 AM
Wan_hazel said...: er fan

dah tuka ID twitter tu tak???jgn private twitter k; April 16, 2011 at 12:10 AM
Nur Syafiqah. said...: Thanks wan !; April 16, 2011 at 4:22 PM
Wan_hazel said...: welkam; April 16, 2011 at 8:14 PM
Unknown said...: suda jd..trimasss....=); April 17, 2011 at 10:14 PM
Wan_hazel said...: ♥mRs fuAin♥

welkm...hehehehe; April 23, 2011 at 9:13 PM
izzatiRosli said...: yes!!; May 5, 2011 at 5:35 PM
Wan_hazel said...: Izz

yezz..ehehhe; May 5, 2011 at 11:12 PM
ツTyra ツ said...: npe twitternye tak msk dlm awan
????; May 8, 2011 at 12:18 PM
Wan_hazel said...: ツTyra ツ

sila baca semula tuto k...ade kod yg kene laraskan; May 8, 2011 at 9:07 PM
Eyqa Zaque said...: Salam wan,

kalo cahya nak letak updte status twitter yg tak float cmna erk? mksudnya letak kat sidebar jer.; June 8, 2011 at 11:03 PM
Wan_hazel said...: law yg tu guna kod nie je...try taw...add gadget > HTML

guna kod yg start dri nie

< a class="followMe"

sampai habis; June 9, 2011 at 10:21 AM
Eyqa Zaque said...: tapi bckground dia takda kan? Cahya dah cuba.. kalo nk letak bckrgound? hee. maaf menyusahkan..; June 9, 2011 at 8:54 PM
Wan_hazel said...: ok..nanti wan godek2 kod nie..wan skang BZ skit..koz masih dlm mood final..mggu depan wan wat tuto k; June 9, 2011 at 9:49 PM
Eyqa Zaque said...: maaf wan. gud luck final key. :); June 10, 2011 at 12:07 AM
Wan_hazel said...: eh jgnlah minta maaf..tak de pape lah..tengs taw; June 10, 2011 at 9:13 AM
Anonymous said...: da lme cr tuto ni..sy amk ye..tq!=); June 14, 2011 at 1:22 AM
Wan_hazel said...: ok..leh je..and welkam; June 14, 2011 at 10:36 AM
Shah Evans said...: wahh..nih cm best jew...aku cuba k...; June 20, 2011 at 1:37 PM
Wan_hazel said...: ok...; June 20, 2011 at 8:11 PM
NORHIDAYAH said...: thanx for the tutorial...

http://920norhidayah423.blogspot.com/2011/07/credit-tutorial-to-them.html; July 1, 2011 at 10:51 PM
Wan_hazel said...: welkam..n teng gak; July 3, 2011 at 11:11 PM
~CahayaDinie~ said...: xmenjadi laa..knapa xmasuk status twitter pom dalam balon twitter tu???; November 15, 2011 at 1:36 PM
Wan_hazel said...: tak masuk??status twitter tu ada kluar tak??; November 15, 2011 at 9:56 PM
Shaquilla Abdullah said...: sakit hati status pun tak keluar pun abg wan --' tak apa lah , btw thanks for the tutorial :D; January 1, 2012 at 10:43 PM
R. Farhana said...: wan or abang wan? thankyou so much ! untuk code ni. fanaa guna blogskin. so takde pulak tutorial status twitter untuk blogskin. godek punya godek boleh jugak buat. based on wan punya code. thanks ye :D thanks sgt2 !; February 22, 2012 at 2:46 PM