Senarai Tutorial

Cara Buat Text Box

Biasanya text box digunakan untuk mempamerkan kod html banner, kod html widget, text atau apa-apa sahaja yang anda ingin kongsi dengan pengunjung blog.

Contohnya banner blog seperti yang ditunjukkan di bawah. Jika anda ingin bertukar banner dengan blogger lain, anda haruslah menyediakan kod html banner blog anda bagi memudahkan blogger lain mengambil kod 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 kod dalam kotak masing-masing, anda cuma perlu copy sahaja. Untuk "select all kod", hanya dengan sekali klik pada text box :






























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

1) Sign in akaun blogger

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

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

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

 4) Pada tulisan berwarna merah di atas, gantikan dengan kod html banner anda/ text /apa sahaja kod yang anda ingin pamerkan dalam text box tersebut.

Contoh kod banner anda:
<center><a href="http://santaisini.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX3ucGHTwmBfARCWQ-mEgc4Iyo_Jnnjbg6-m2iTpxv7ObAalWX3AO3Zm2HH_9yuLwIUmrmpiaJ6dJU0ERRCXxznpUvkku_uU2fe5kEJTWkypKLuJCoP9WGr2GnGcT4BNlZmQDlrlhYOu8/s400/banner.png" /></a></center>

Rupa kod text box setelah dimasukkan kod 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/AVvXsEiX3ucGHTwmBfARCWQ-mEgc4Iyo_Jnnjbg6-m2iTpxv7ObAalWX3AO3Zm2HH_9yuLwIUmrmpiaJ6dJU0ERRCXxznpUvkku_uU2fe5kEJTWkypKLuJCoP9WGr2GnGcT4BNlZmQDlrlhYOu8/s400/banner.png" /></a></center></textarea>

4) Save dan lihat hasilnya.

Nota:
- Untuk ubah saiz text box, anda cuma perlu ubah nilai height dan width dalam kod tersebut.
-Warna background text box juga boleh diubah, gantikan kod #ffffff dengan kod warna yang anda mahu, pilih kod warna di bawah:
( untuk paparan lebih besar, klik di sini)


Selamat mencuba! :)



Special:
wOoWW...!!!!!
dia dicabar untuk SENYAP...
Lawak kot tengok laki hilang kemachoan diorang dalam keadaan macam ini...!!!!
watch a movie...


Sharing is caring ^_^

9 komen budak comel:

ayutwetter said...

Tq Yea !

Blueberry_licious said...

tq jom bina belog..ur tutorial awesome...

Wan Nur Balqish Wan Isa. said...

Akak,tak jadilah.

Rifa Saifanah Nasution said...

Thank you !!

Rifa Saifanah Nasution said...

Thanks.

Sakinah said...

kak, tq for the tuto.. suke sgt2..
sy dah try, menjadi lah !
tq kak..

Engku &Airysha said...

Best la blog ni! simple but nice. yg plin penting tuto memang baik punya! hehehe ^-^. Thanks yaw!

DFJKさん said...

jom bina belog paling top!

sagitronaut said...

Thanks ya jom! (y) jom emang paling oke! ;-)

Copyright© All Rights Reserved Jombinabelog.blogspot.com