2016-03-24

Macam macam cara membuat Text Area di blogspot

Macam macam cara membuat Text Area di blogspot

Hai sobat Jadi Seru Man!, kali ini  saya akan share tentang salah satu tips blogging yaitu membuat text area atau biasanya anak teknik memanggilnya dengan sebutan text box contohnya seperti gambar diatas , sebenarnya sangat macam bentuk Text Area itu sendiri bisa  dikondisikan sesuai keinginan kita. Dibawah ini adalah macam macam cara nya dan bentuknya yang bisa sobat pakai guna mempercantik tampilan postingan blog sobat

Apa kegunaan text area ini?

Text area berfungsi  memudahkan pengunjung blog untuk lebih mudah mencopy atau menyalin data yang sobat sajikan. Text Area ini bisa sobat simpan di dalam postingan maupun di dalam gadget blog sobat.

Note : Untuk di postingan silahkan edit postnya di bagian html bukan di compose.
           Kode script berarti yang bisa sobat copykan dan coba di blog masing masing.

Untuk memudahkan sobat memahami Text Area, berikut script  standar untuk membuat text area :

script :
<textarea>Jadi Seru Man text area</textarea>
Hasilnya nanti akan seperti ini:
 

Semakin penasaran ? 
Untuk lebih lanjut lagi, Berikut penulis sajikan bermacam-macam Text Area  yang bisa sobat costumisasikan sesuai kebutuhan:

1. Cara Membuat Text Area NORMAL

Scriptnya :

<div align="center">
<textarea name="code" rows="2" cols=35">Dicoba jadi seru diserukan jadi seru seru semakin seru jadiseru.blogspot.com</textarea></div>
Hasil percobaan pertama :

2. Cara Membuat Text Area Autoblock sekali klik

Scriptnya :
<div align="center">
<textarea rows="2" cols="40" onclick="this.focus(); this.select();">Coba jadi seru reader klik teks ini keblok kan kan?</textarea></div>
Hasilnya percobaan kedua seperti ini :


3. Cara Membuat Text Area Dengan Button HIGHLIGHT

Scriptnya :
<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="HEIGHT: 100px WIDTH: 300px; " name="txt" rows="100"  cols="45" wrap="virtual" >Coba sahabat tulis text yang ingin ditampilkan disini kemudia lihat hasilnya , jika terlalu panjang maka otomatis akan terlihat scroolnya kok</textarea></p></div></form>
Hasilnya percobaan ketiga seperti ini :

4. Cara Membuat Text Area Dengan Border

Copy Scriptnya :
<div align="center"><textarea cols="40" rows="3" style="border: 2px double yellow ;">Tulis apa aja nih ya.. Hmmm !! by Jadi Seru Man!</textarea></div>
Hasil percobaan keempat nya :

Macam macam border yang bisa sobat gonta ganti yaitu :
double (contohnya diatas)
dotted( titik titik)
groove
dashed
inset
outset
Bagaimana sangat gampang bukan sobat untuk mempercantik blog sobat, tidak perlu susah jika benar benar mengikuti tutorial seru di blog ini, Nantikan artikel selanjutnya hanya di JagoBlog.com


Artikel Terkait

Macam macam cara membuat Text Area di blogspot
4/ 5
Oleh

Berlangganan

Suka dengan artikel kami ? Ayo berlangganan gratis via email

1. Berkomentarlah layaknya budaya timur yang sopan
2. Komentar spam seperti : tidak relevan, iklan, berkata kotor akan dihapus.