Insert Text Code In Blog Post

10 March 2011

Membuat 'kotak' untuk apa sahaja yang anda ingin pamerkan dapat memudahkan para pengunjung untuk mengambil apa yang anda hendak kongsi, kebiasaannya kod atau mungkin juga lain-lain.

Contoh textbox sedia ada adalah textbox untuk code banner blog ini yang kelihatan di sebelah kanan blog ini.Textbox menjadikan code senang dicopy oleh pengunjung anda dan pada masa yang sama menampakkan kekemasan untuk meletakkan code dalam blog anda.

Cara Buat Textbox dalam blog
pic credit to http://tutorialuntukblog.blogspot.com

Tutorial ini akan menunjukkan kepada anda asas kepada textbox ini serta beberapa penambahan yang boleh dilakukan untuk memudahkan pemilik blog ataupun pengunjung.

Contoh kod yang hendak diletakkan didalam textbox adalah seperti berikut.
<center>
<a href="http://www.darxniq.com/" target="_blank">
<img src="hhttp://s2.kimag.es/share/39137901.gif" /></a>
</center>


1. Asas bagi textbox adalah.
<textarea style="height: 100px; width: 200px; overflow: scroll; background: #FFFFFF;">MASUKKAN KOD ANDA DISINI</textarea>

Contoh bagi kod di atas



2. Untuk buatkan semua kod tersebut di'select' dengan hanya sekali klik pada textbox. Kodnya adalah
<textarea style="height: 100px; width: 200px; overflow: scroll; background: #FFFFFF;" onclick="this.focus();this.select()">MASUKKAN KOD ANDA DISINI</textarea>


Contoh textbox jenis ini adalah seperti berikut.



Note:
height: 100px; > Gantikan dengan ketinggian yang anda kehendaki
width: 200px; > Gantikan dengan lebar yang anda kehendaki


source by http://tutorialuntukblog.blogspot.com

4 Budak Hitam:

kay_are said...

tutorial yang menarik cume bile dah nampak kod2 camtu... jadi pening.. huu

Unknown said...

@kay_are

simple jer kot..haahhaa....

nurul asyikin(kak chik) said...

cik afnan....napok susoh jh

Unknown said...

@nurul asyikin(kak chik)

ssah??errr..kat mane yg x paham tuh?