jika kalian tidak tahu Apa itu Text Box .lihatlah Contohnya banner blog seperti yang ditunjukkan di bawah. Jika anda ingin bertukar banner ataw Link dengan blogger lain anda haruslah menyediakan Code html banner blog anda bagi memudahkan blogger lain mengambil Code banner tersebut untuk di pasang pada blog mereka. Untuk itu, penggunaan aplikasi text box sangat di perlukan .

Terdapat Berbagai jenis text box yang boleh anda pilih. Tiap-tiap jenis text box telah disediakan Code dalam kotak masing-masing, anda cuma perlu copy dan pastekan di blog anda. jika kalian sudah bisa mengunakanya  tukar link yuk sama saya hehe:D hanya dengan sekali klik pada text box beres deh :

PERIGATAN ::jika ingin menggunakan kode HTML diatas diharapkan terlebih dahulu menghapus spasi yang berada setelah kode < sebelum memasukkannya ke blog sobat

Contoh : <  textarea rows="5" cols="25" name="txt">ISI TEKS <  /textarea>

Sepasi Setelah Tanda < kalian Hapus Agar nampak sperti ini <textarea 

<textarea style="height: 100px; width: 200px; overflow: scroll; background: #ffffff;" onclick="this.focus();this.select()">< textarea onclick="this.focus();this.select()" style="background: #ffffff; height: 100px; overflow: scroll; width: 400px;"><textarea style="height: 100px; width: 200px; overflow: scroll; background: #ffffff;" onclick="this.focus();this.select()">MASUKAN TEXT/CODE HTML ANDA DISINI< /textarea>


<textarea name="code" rows="3" cols="20" style="background:#BFFAFF; color:#FF0000; border-bottom: 4px solid #40FF1F; border-right: 4px solid #40FF1F; border-top: 4px solid #FFE900; border-left: 4px solid #FFE900; line-height:1.5em; padding:5px; -moz-border-radius:10px;" onclick="this.focus();this.select()" >< textarea cols="50" name="code" onclick="this.focus();this.select()" rows="7" style="-moz-border-radius: 10px; background: #BFFAFF; border-bottom: 4px solid #40FF1F; border-left: 4px solid #FFE900; border-right: 4px solid #40FF1F; border-top: 4px solid #FFE900; color: red; line-height: 1.5em; padding: 5px;"><textarea name="code" rows="3" cols="20" style="background:#BFFAFF; color:#FF0000; border-bottom: 4px solid #40FF1F; border-right: 4px solid #40FF1F; border-top: 4px solid #FFE900; border-left: 4px solid #FFE900; line-height:1.5em; padding:5px; -moz-border-radius:10px;" onclick="this.focus();this.select()" >MASUKAN TEXT/CODE HTML ANDA DISINI< /textarea>

<textarea cols="20" name="code" rows="3" style="background: #DAFFBF; border: 2px #295F00 dashed; color: #295f00; line-height: 1.5em; padding: 5px;" onclick="this.focus();this.select()" >< textarea cols="50" name="code" onclick="this.focus();this.select()" rows="7" style="background: #DAFFBF; border: 2px #295F00 dashed; color: #295f00; line-height: 1.5em; padding: 5px;"><textarea cols="20" name="code" rows="3" style="background: #DAFFBF; border: 2px #295F00 dashed; color: #295f00; line-height: 1.5em; padding: 5px;" onclick="this.focus();this.select()" >MASUKAN TEXT/CODE HTML ANDA DISINI< /textarea>

< textarea name="code" rows="3" cols="20" style="background: #EF0090; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;" onclick="this.focus();this.select()" >MASUKAN TEXT/CODE HTML ANDA DISINI< /textarea>

<textarea name="code" rows="3" cols="20" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;" onclick="this.focus();this.select()"><textarea cols="50" name="code" onclick="this.focus();this.select()" rows="7" style="-moz-border-radius: 7px; background: #FBEFFF; border-left: 20px solid #CA3DD9; border: 1px solid #CA3DD9; color: #ca3dd9; line-height: 1.5em; padding: 5px;"><textarea name="code" rows="3" cols="20" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;" onclick="this.focus();this.select()">MASUKAN TEXT/CODE HTML ANDA DISINI

< textarea cols="50" name="code" onclick="this.focus();this.select()" rows="7" style="background: #FF000A; border: 3px double #ffaf; color: white; line-height: 1.5em; padding: 5px;">MASUKAN TEXT/CODE HTML ANDA DISINI< /textarea>

< textarea cols="50" name="code" onclick="this.focus();this.select()" rows="7" style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; background: #FFDAAF; border: 2px ridge #7F4500; color: #7f4500; line-height: 1.5em; padding: 5px;">MASUKAN TEXT/CODE HTML ANDA DISINI< /textarea>

< textarea cols="50" name="code" onclick="this.focus();this.select()" rows="7" style="-moz-border-radius: 5px; background: #000; border: 2px inset #ccc; color: white; line-height: 1.5em; padding: 0 7px;">MASUKAN TEXT/CODE HTML ANDA DISINI< /textarea>

< textarea cols="50" name="code" onclick="this.focus();this.select()" rows="7" style="-moz-border-radius: 5px; background: #000; border: 2px inset #ccc; color: white; line-height: 1.5em; padding: 0 7px;">MASUKAN TEXT/CODE HTML ANDA DISINI< /textarea>

< textarea cols="50" name="Bptxt" onclick="this.focus();this.select()" rows="7" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-box-shadow: 5px 0px 8px rgb(129, 129, 129); background: white none repeat scroll 0% 0%; border-left: 20px solid red; color: black; line-height: 150%; padding: 5px;">MASUKAN TEXT/CODE HTML ANDA DISINI< /textarea>

< textarea cols="20" name="Bptxt" rows="3" style="-moz-background-inline-policy: continuous; -moz-border-radius: 15px 15px 15px 15px; -moz-box-shadow: 5px 0px 8px rgb(129, 129, 129); background: none repeat scroll 0% 0% Pink; border-left: 20px solid red; color: black; line-height: 150%; padding: 5px;" onclick="this.focus();</blockquote>this.select()">MASUKAN TEXT/CODE HTML ANDA DISINI< /textarea>

Untuk pasang text box ini pada blog, ikuti tutorial di bawah :


1) Sign in akun blogger

2)  Dashboard > Rancangan > tambah gadget> Terus Cari Html / Javascript

3) Copy dan paste kod berikut dalam ruangan HTML/Javascript tadi

Contoh :

< textarea style="height: 100px; width: 200px; overflow: scroll; background: #ffffff;" onclick="this.focus();this.select()">MASUKAN TEXT/CODE HTML ANDA DISINI< /textarea>

 4) Pada tulisan MASUKAN TEXT/CODE HTML ANDA DISINI di atas, gantikan dengan Code html banner anda/ text /Link dan  apa Sajala Code yang anda ingin pamerkan dalam text box tersebut.

Contoh Code banner anda:


<center><a href="http://santaisini.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEzHthxhYKKYvr_U_rmE5uvghnrBjqjV45vpHY9xGkCIErQiH7JMwCSPngSz-LmSs8TQ3tnaCGSZEVnu23lSVneOTIoUyrsrjwe1mkiSh2p_SPwE6s43x5D7_k6tvsU62Ws0hybZZFF3k/s400/banner.png" /></a></center>

dan inilah Rupa text box setelah dimasukkan Code banner akan jadi seperti ini:

< textarea style="height: 100px; width: 200px; overflow: scroll; background: #ffffff;" onclick="this.focus();this.select()"><center><a href="http://santaisini.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEzHthxhYKKYvr_U_rmE5uvghnrBjqjV45vpHY9xGkCIErQiH7JMwCSPngSz-LmSs8TQ3tnaCGSZEVnu23lSVneOTIoUyrsrjwe1mkiSh2p_SPwE6s43x5D7_k6tvsU62Ws0hybZZFF3k/s400/banner.png" /></a></center>< /textarea>

5) Save dan lihat hasilnya.


Lihat:
- Untuk ubah saiz text box, anda cuma perlu ubah nilai height dan width dalam Code tersebut.
-Warna background text box juga boleh diubah, gantikan Code #ffffff Ataw dengan Code seperti  #10743 dengan Code warna yang anda Inginkan, pilih Code warna di bawah:
Untuk lebih lanjut mengenai Warna yg kalian inginkan , klick di sini

Cape juga Segitu aja yg saya bisa Bantu Buat kalian :) thank yah ..^_^