Insert Text Code In Blog Post

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.

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
<center><br /> <a href="http://www.darxniq.com/" target="_blank"><br /> <img src="hhttp://s2.kimag.es/share/39137901.gif" /></a><br /> </center>


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.
<center><br /> <a href="http://www.darxniq.com/" target="_blank"><br /> <img src="hhttp://s2.kimag.es/share/39137901.gif" /></a><br /> </center>

Note:

height: 100px; > Gantikan dengan ketinggian yang anda kehendaki

width: 200px; > Gantikan dengan lebar yang anda kehendaki

source by http://tutorialuntukblog.blogspot.com