Cara membuat Text Box pada blog

T E X T B O X...??
apaan....

Biasanya text box digunakan untuk mempamerkan kode html banner, kode html widget, text atau apa-apa saja yang anda ingin tunjukkan pada pengunjung blog.

Contohnya banner blog seperti yang ditunjukkan di bawah. Jika anda ingin bertukar banner dengan blogger lain, anda haruslah menyediakan kode html banner blog anda bagi memudahkan blogger lain mengambil kode banner tersebut untuk di pasang pada blog mereka. Untuk itu, penggunaan aplikasi text box adalah diperlukan.

Terdapat pelbagai jenis text box yang boleh anda pilih. Tiap-tiap jenis text box telah disediakan kode dalam kotak masing-masing, anda cuma perlu copy saja. Untuk "select all kode", hanya dengan sekali klik pada text box :

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

<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()" >TEKS/KOD HTML ANDA DISINI

<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()" >TEKS/KOD HTML ANDA DISINI

<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()" >TEKS/KOD HTML ANDA DISINI <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()">TEKS/KOD HTML ANDA DISINI

<textarea name="code" rows="3" cols="20" style="background:#FF000A; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;" onclick="this.focus();this.select()">TEKS/KOD HTML ANDA DISINI  <textarea name="code" rows="3" cols="20" style="background: #FFDAAF; color: #7F4500; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;" onclick="this.focus();this.select()">TEKS/KOD HTML ANDA DISINI

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

<textarea cols="20" name="Bptxt" rows="3" 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;" onclick="this.focus();this.select()">TEKS/KOD HTML ANDA DISINI

<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();this.select()">TEKS/KOD HTML ANDA DISINI

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

1) Sign in akun blogger

2) Dashboard, Design, Add A Gadget, Html / Javascript (atau boleh juga paste di ruang entri post)

3) Paste kode text box yang anda copy tadi pada ruang Html / Javascript

<textarea style="height: 100px; width: 200px; overflow: scroll; background: #ffffff;" onclick="this.focus();this.select()"><span style="color: red;">TEKS/KOD HTML ANDA DISINI</span>

Pada tulisan berwarna merah di atas, gantikan dengan kode html banner anda/ text /apa saja kode yang anda ingin pamerkan dalam text box tersebut.

 4) Save dan lihat hasilnya.