Oct 16, 2010

Cara Membuat Text Area


Assalamualaikum. Kali ni nak buat entry cara membuat text area dan untuk menjawab soalan yang dikemukakan oleh Kimmy Ai. Sebelum aku jawab soalan tu, nak cakap pasal text area ni, mesti ramai yang dah tahu. Tapi takpe, aku nak cakap gak, haha.

Text area selalunya orang pakai nak letak kode- kode html seperti kode banner. Nak exchange banner boley letak code yang diberi, copy paste je, lebih mudah. Nak senang paham Klik My Banner kat bahagian menu blog ni. Bawah banner tu la text area.Ok lah, cakap banyak pun dok ulang benda yang sama. Meh aku tunjuk contoh kat sini. Bawah ni la text area.


Ha, ok, bawah ni kode untuk membuat text area seperti di atas.

<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang korang inginkan di sini, jadi nanti tulisan korang akan muncul di dalam text area </textarea></p>

Keterangan : rows="6", menunjukan tinggi dari text area. So, kalau nak text area tinggi, letak nilai yang lebih tinggi dan sebaliknya.

Cols="20", menunjukan lebar dari text area. Jadi, kalau nak text area lebar, letak nilai yang lebih tinggi dan sebaliknya.

Ok, itu je, kalau nak letak kode dalam text area tu, korang kena escapekan dulu kode yang korang nak masukkan, kalau tak mybe tak keluar kode yang nak ditunjukkan. Boleh escapekan di sini [KLIK] Then masukkan kode yang telah di escape kan tu kat tulisan merah tu.

Selesai, gila mesti tak paham punya, haha. Camni la orang yang tak reti nak buat tutorial tapi nak buat jugak. Actually nak jawab soalan kimmy ai tu je, meh nak jawab.

Soalan pertama, macam mana nak letak gambar2 pulak dalam frame tu?

Soalan ni diajukan melalui entry "Cara Letak Laman Web Lain Dalam Blog dan Buat Bloglist Hidup Dalam Page" Maknenye nak letak gambar dalam frame tu la kan. Macam kat bawah ni erk?






Betul? kalau macam kat atas ni bawah ni kode nye.

<div style="border: 1px solid #000000; background-color:#ffffff; width:170px; height:250px; overflow:auto; color:#555555;">
<a href="Link Gambar" target="blank"> <img src="URL Gambar" /></a> </div>
Link gambar tu kimmy letak link yang akan muncul bila klik gambar yang nak diklik. URL Gambar tu pulak kimmy letak url gambar yang nak ditayangkan dalam frame tu. Height dengan Width tu kimmy ubah la mengikut kesesuaian.

Soalan kedua, macam mana nak buat row yang ada laman utama, my banner, about, sume tu pakai bloggertemplate? kalau nak letak entry2 boleh ke?
Menu tu naim guna blogger draft punya. Takde edit2 kode. Kalau Kimmy nak buat boleh belek blog maribinablog.blogspot.com ok. Situ banyak jenis menu boleh buat. Ok, tuje, hangat punggung haih, babai. Assalamualaikum.

19 comments:

Ana Johari said...
This comment has been removed by the author.
Ana Johari said...

terima kasih, btw naim.
cane nk buat comment form standard ek? contohnya dlm justkhai.com tu.

simple n easy.

AnWaRnAiM said...

@Ana Johari
owh..comment camtu rasenye xde untuk blogger..stkat ni x jumpe lagi..

btw, cube tgok blog www.kaizenshinobi.com .die gune intensedebate. yang ni boley letak kat blogger.

mrnamie.blogspot.com Blog ni plak gune disqus. yg naim tawu 2 jenis ni jew.

tapi kalau naem pnggune blogger, naim suka lagi guna comment form yang blogger punye..sbb intensedebate & disqus ade lebih kurngnya. ^__^

SyUhAdA said...

thanks naim..
bleh dicuba nie..

AnWaRnAiM said...

@SyUhAdA
same2..klaw bgune cuba la ye :)

Kimmy Ai said...

yes! menjawab soalan.. tenkiu naim! ;DDD

p/s : soalan kedua tu,, korek2 blogger help pastu dah boleh buat dah pakai blogger draft.. ;DD thanks again!

AnWaRnAiM said...

@Kimmy Ai
same2.. :) :)

huu..baguss..lagi senang gune blogger draft an..he~ same2 again!~ ^__^

Ana Johari said...

@AnWaRnAiMohh,,yeke.tekiu2.

Ana Johari said...

@AnWaRnAiM
naim tau tak kat mane nak cari phtoshop utk w7 punye? portable pun jadik lah..

AnWaRnAiM said...

@Ana Johari
hmm...x tw0o plak..naem pkai w7 donload dari web photoshop tu jew..

Faarihin said...

owh cam tu eh..

tunggu ada masa nanti.. nak cubalah..

AnWaRnAiM said...

@Faarihin
yep..:)

Affan Ruslan said...

sng je rupanya ^_^

AnWaRnAiM said...

@Affan Ruslan
yep..hehe :)

zahidah dihaz said...

terima kasih untuk info...

AnWaRnAiM said...

@zahidah dihaz
same2 :)

cybernetic88 said...

text area ni best gk guna. spe2 nk masukkn kata2 pnjng kt status bley guna bnda ni gk. xde r pnjng jela. haha

btw bckground blkng bro sme ngn aku pnya wallpaper :D

AnWaRnAiM said...

@cybernetic88
ha ah kan.. kalau nak bt status kt blog bley bt lagu ni..hehe

hah? yeke..aq baru pasang je background ni tdi..search kat google..lawa an..huhu

workshop girl said...

makacehhh toturialnya :)