Membuat Bingkai Tulisan atau Gambar

Ada beberapa sobat blogger yang mungkin belum tahu cara membuat bingkai (kotak) pada tulisan. Atau jika sobat belum tau baca tulisan saya DISINI. Mungkin ada yang sudah tahu tapi tidak tahu bagaimana membuat tulisan dalam bentuk script HTML di dalam kotak tersebut. Atau mungkin juga sudah tahu tapi belum mengerti benar akan perintah-perintah yang ada karena hampir di setiap artikel mengenai bingkai ini tidak diberikan penjelasan yang memadai sehingga cukup menyulitkan bagi blogger pemula untuk memahaminya. Nah, mungkin tulisan ini akan berguna untuk mengatasi “ketidaktahuan” tersebut.

Jangan Kwatir, saya akan memberikan tips untuk membuat bingkai tulisan atau gambar pada blog. 

Caranya adalah sebagai berikut.

Anda hanya menambahkan kode berikut ini.

1. Bingkai Berbentuk Border

<div style="border: 1px solid #CCC; margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color:#FBFBEE; text-align: left;">

TULISAN YANG KAMU INGINKAN

</div>

Silahkan lakukan pengeditan terhadapa bordenya sesuai keinginan anda.

2. Bingkai Berbentuk Overflow

<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 100px; background-color: none; text-align: left;">

TULISAN YANG KAMU INGINKAN

</div>

Lakukan pengeditan terhadap Overflownya sesuai keinginan anda.

3. Bingkai Berbentuk Textarea

<textarea rows="5" cols="50">

TULISAN YANG KAMU INGINKAN

</textarea>

Silahkan lakukan pengeditan dengan Textareanya sesuai dengan keinginan anda.