Tutorial -Text Box Dalam Blog

Text Box adalah widget yang penting bagi seseorang blogger yang menulis entry yang panjang berjela-jela. So, untuk memudahkan dan menjimatkan ruang para bloggers kebiasaannya menggunakan text box.Text box akan dapat memudahkan para pengunjung untuk mengambil apa yang anda hendak kongsi, kebiasaannya kod, text etc.

Contoh:
   
Text Box adalah widget yang penting bagi seseorang blogger yang menulis entry yang panjang berjela-jela. So, untuk memudahkan dan menjimatkan ruang para bloggers kebiasaannya menggunakan text box. Text box akan dapat memudahkan para pengunjung untuk mengambil apa yang anda hendak kongsi, kebiasaannya kod, text etc.

TEXT BOX pada blog post

1. Untuk text box pada blog post, switch ke "Edit HTML" mod untuk memasukkan kod tersebut.  
2. Pastekan kod anda tadi pada mana-mana bahagian yang anda mahu letak text box tersebut. Anda boleh mencuba dahulu pada mana-mana bahagian dalam kod HTML tersebut. Setelah berpuas hati, anda bolehlah mengikut langkah 3.
3. Pastekan kod atau sentence yang anda mahu letakkan pada text box tersebut pada perkataan KOD DISINI.   
4. Setelah selesai, klik compose dan lihat hasilnya. Ulang langkah 2-3 jika tidak berpuas hati dengan position text box tersebut.                   

click image to enlarge

TEXT BOX pada sidebar

Untuk text box pada sidebar/bahagian lain, klik Design-> Page Elements -> Add a Page Element dan pastekan kod “HTML/JavaScript”. 

click image to enlarge

HTML Script untuk Text Box:

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

Jika memerlukan saiz text box yang berbeza, anda cuma perlu edit :

• width:200px;
• height:100px;

 Edit kod 6 digit yang terdapat dalam coding untuk menukar warna text.

color:#ffffff;       (untuk kod warna sila klik sini)