Cara Sederhana Membuat Tulisan Dalam Kotak

Kali ini saya akan mem-share-kan pengalaman saya tentang cara sederhana membuat tulisan dalam kotak di blogspot.com. Kalau kita telusuri di internet tentang cara membuat tulisan dalam kotak di mesin pencari seperti google.com, maka akan banyak sekali bermunculan judul tersebut. Namun kali ini saya coba merangkumnya sedemikian rupa sehingga pengalaman saya ini bisa bermanfaat buat para blogger terutama para pemula seperti saya.
Berikut ini caranya :



CARA 1
Cara ini adalah cara yang paling sering saya gunakan karena sangat ringkas. Dan kalau ada kesalahan pada HTML-nya, maka akan sangat mudah untuk meng-edit-nya.
Copas kode scrift berikut ke dalam postingan sohib di HTML bukan di compose. Kodenya adalah :

<textarea cols="50" rows="5">TULISAN DALAM KOTAK</textarea>
 Keterangan :

• Angka 50 warna biru menunjukan lebar kekanan kotak
• Angka 5 warna merah menunjukkan panjang kebawah kotak.

Maka jadinya sebagai berikut :
TULISAN SOHIB
Nah ini sangat bermanfaat sekali bila kita ingin :

• meringkaskan tulisan yang kita kutip dari sumber lain
• mempromosikan link banner dan autobacklink blog sohib seperti punya saya ini :   dan ini dalam bentuk scriftnya : 

<a href="http://pandawalimamedan.blogspot.com/p/autobacklink-gratis_31.html" onmouseover="window.location=this.href" target="_blank"><img alt="PANDAWA LIMA" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnhUhwdOHp_Um0OrscjFaqmn1Sb72MP0Sbdl2PttVmbsshhpq4ocScMMNT1chvgrxJVZZc_nhL2iNAVFAOeg0_lBAKQpXNeP2qdWOGnMEc7Leyns61gH0mysr6QbPcDjcOhyIKwycAUpY/s200/LOGO+P5.gif" title="get more backlinks" /></a>

CARA 2
Copas kode scrift berikut kedalam postingan di HTML bukan di Compose :

<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; background-color: #cfe2f3; text-align: center;">BLOG PANDAWA LIMA</p>

Maka jadinya sebagai berikut :

BLOG PANDAWA LIMA

Keterangan :

• Warna biru pada tulisan   #cfe2f3  adalah warna background.
• Warna merah pada tulisan  15px  adalah lebar kebawah kotak.
• Pada kode scrift ini, lebar kotak adalah otomatis.

CARA 3

Copas kode scrift berikut kedalam postingan di HTML bukan di Compose :

<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; width:300px; height:70px; background-color: #cfe2f3; text-align: center;">

BLOG PANDAWA LIMA</p>

Maka jadinya sebagai berikut :

BLOG PANDAWA LIMA

Keterangan :
Ini adalah pengembangan dari cara 2. Dengan kode scrift diatas, lebar kotak akan sangat mudah untuk disesuaikan.

Dan masih banyak lagi cara-cara lainnya yang bisa sohib dapatkan seperti cara membuat tulisan dalam kotak transparan yang insyaallah akan saya share-kan dipostingan berikutnya.

Semoga bermanfaat ya....

Sumber :
http://agungpatiwidagdo.blogspot.com/2011/02/cara-membuat-kotak-teks-text-area-dalam_11.html
http://elang-antarnusa.blogspot.com/2010/06/cara-membuat-teks-dalam-kotak-teks-area.html