Membuat Text Area pada blog

Text Area biasa muncul pada sebuah blog atau website yang menyajikan Kode link untuk di pasang di blog atau website pengunjung, itulah yang disebut dengan Text Area. Setelah tau apa itu Text Area, maka dapat disimpulkan bahwa Text Area merupakan kotak untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya Text Area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung. 



Langsung saja :
Baca bismillah dulu donk!

ada 2 tampilan membuat Text Area, yaitu :


A. Text area tanpa HighLight All


kopi link berikut dan pasang di Rancangan > Elemen laman > Tambah Gadget > HTML/JavaScript

<p align="center"><textarea name="code" rows="6" cols="20"> kopi tulisan atau kode html anda disini</textarea></p> 


Sebagai Contohnya :

<a href="http://s1180.photobucket.com/albums/x403/ilhamganteng99/?action=view&current=linkmrbloggerz.gif" target="_blank"><img src="http://i1180.photobucket.com/albums/x403/ilhamganteng99/linkmrbloggerz.gif" border="0" alt="Photobucket" /></a>

keterangan :

~ rows="6" => tinggi Text Area (dapat diganti sesuai keinginan)

~ Cols="20" => lebar Text Area (dapat diganti sesuai keinginan)

B. Text area dengan HighLight All

kopi link berikut dan pasang di Rancangan > Elemen laman > Tambah Gadget > HTML/JavaScript

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">kopi tulisan atau kode html anda disini</textarea></p></div></form> 

Sebagai Contoh : 

iframe<br /> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FKreasi-Fikruna%2F105845019496871%3Fsk%3Dpage_getting_started&width=292&colorscheme=light&show_faces=true&stream=true&header=true&height=427" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:427px;" allowTransparency="true"></iframe><br /> XFBML<br /> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/pages/Kreasi-Fikruna/105845019496871?sk=page_getting_started" width="292" show_faces="true" stream="true" header="true"></fb:like-box>

keterangan :

~ <div align="center"> => tombol Highlight All berada di tengah (dapat diganti menjadi Left, Right)

~ <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> => kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubah tulisan ini.

~ Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.

dan utak utik yang lain seperti ukuran tinggi lebarnya ya!

Terimakasih tangan saya sudah capek semoga bermanfaat postingan saya kali ini!