Membuat Custom Text Area Dengan Full Background

Hiho hehe ini postingan kedua saya setelah lama vakum mengurusi blog ini, biar ga banyak cing-cong lagi lets straight to the point aja deh. Pada dasarnya fungsi dari teks area adalah untuk menyimpan text dalam postingan ke suatu bidang atau gambar agar orang lain yang memerlukan text tersebut dapat dengan mudah meng-copy nya, dalam postingan ini saya akan membahas tentang cara membuat text area yang bacground gambarnya bisa kita sesuaikan dengan keinginan kita, saya pribadi lebih menyukai text area yang tidak polos atau hanya mempunyai warna blok saja (maksudnya biar terlihat lebih enak dipandang mata heheu).

Untuk mempersingkat waktu markicab ke TKP aja  okay.....

1. Hal yang pertama kali harus dilakukan adalah pilih mode Edit HTML pada saat akan membuat postingan yang akan di isi dengan text area, setelah itu copy dan paste kode dibawah ini :

 <span style="color: rgb(0, 0, 0);">url(</span>http://i408.photobucket.com/albums/pp162/yudiananda/postingandifindingnote.png<span style="color: rgb(0, 0, 0);">)no-repeat</span></span>; border: 0px solid <span style="color: rgb(0, 0, 0);">#000000</span>; <span style="color: rgb(0, 0, 255);">height:</span> <span style="color: rgb(0, 0, 255);">204px</span>; overflow: auto; padding: 14px; text-align: justify; <span style="color: rgb(128, 0, 128);">width:</span> <span style="color: rgb(128, 0, 128);">228px</span>;"><span style="color: rgb(0, 255, 0);">NAH INI ADALAH CONTOHNYA DARI BIDANG TEXT AREA YANG SUDAH JADI HEHEHE...GIMANA KEREN GA? KEREN YAH WKWKWK</span>


               
NAH INI ADALAH CONTOHNYA DARI BIDANG TEXT AREA YANG SUDAH JADI HEHEHE...GIMANA KEREN GA? KEREN YAH WKWKWK


2. Weits jangan seneng dulu hehehe... ada beberapa hal yang harus kamu tahu dan rubah dari kode tersebut ini penting loh...

• perhatikan kode yang diberi highlight warna orange itu adalah alamat url dimana kamu menyimpan gambar yang akan dijadikan bidang tex area tersebut 
• nah sekarang untuk kode yang berwarna biru adalah ukuran dari tinggi bidang text area yang akan kamu buat, sesuaikan ukurannya dengan ukuran tinggi gambar yang akan kamu pakai
• kode yang berwarna ungu adalah ukuran lebarnya, samakan juga ya dengan gambarnya
• klo yang warna hijau itu adalah teks yang akan kamu isi nanti jadi silahkan rubah hehehe:) 

Kekurangan dari text area yang menggunakan background full seperti ini adalah kita harus menyesuaikan ukuran gambar dengan text yang akan kita isi pada bidang itu, lumayan ribet sih tapi kalo pengen sesuatu kan harus ada pengorbanannya juga dong...sampai disini dulu bahasan kita mengenai text area kali ini semoga dapat berguna buat kamu ciaooooo...............................

Posted in: SEO and Blogging