Cara Membuat Text Area di Blogspot

Cara membuat text area di blogspot. Pernahkah sobat merasa kesulitan membuat kolom text area pada blog sobat? Pengalaman saya dulu saat pertama menyentuh dunia blog saya menemui banyak kesulitan, salah satu contoh adalah cara membuat text area di blogspot atau bagaimana memasang widget html color picker/color codes pada blog,dsb. Tapi sekarang saya akan memberikan tips tricks blogger cara membuat text area di blogspot yang tentunya tips ini khusus buat pemula,kalo yang udah master tips ini jangan dibaca ya hehehe...


Text area atau Text Box sangat berguna bagi sobat yang ingin menaruh tulisan,text ataupun kode script seperti halnya sobat ingin menaruh script kode html untuk media menukar link(exchange) ataupun tukeran banner jadi memudahkan pembaca atau teman sobat untuk copy paste text atau kode sobat. Disini saya akan memberi 2 tipe text area yang bisa sobat pilih sesuai dengan keperluan sobat dan bisa sobat utak atik sendiri ukuran lebar dan tingginya

• Silahkan login di Blogger
• masuk ke design
• Pilih add gadget dan pilih HTML/Javascript (untuk pasang area di sidebar atau footer)
• Pilih posting baru dan klik edit HTML (untuk pasang di postingan)
• Dan masukkan kode yang seperti di bawah ini

WIDTH: 300px</span>; <span class="Apple-style-span" style="color: red;">HEIGHT: 144px</span>" name="txt" rows="100" wrap="VIRTUAL" cols="55"><span class="Apple-style-span" style="color: blue;">Masukan teks sobat disini</span>

Sesuaikan dengan tinggi dan lebar yang sobat inginkan seperti yang kode yang berwarna merah diatas,dan tampilannya akan seperti yang dibawah ini

Masukan teks sobat disini

Nah itu adalah cara yang pertama dengan tombol Highlight All untuk meng-copy seluruh tulisan. Sekarang saya akan berikan cara membuat text area di blogspot dengan cara yang kedua.

cols="20"</span> name="code" <span class="Apple-style-span" style="color: red;">rows="4"</span>> <span class="Apple-style-span" style="color: blue;">Masukkan Text atau Kode HTML sobat disini</span>

Dan hasilnya akan seperti dibawah ini

Masukkan Text atau Kode HTML sobat disini

Silahkan ganti rows="4" untuk tinggi kolom text area (bisa dengan 5,6,7,dst)
cols="20" untuk lebar kolom text area (bisa dengan 30,40,50,dst)

Okey semoga bermanfaat sob..!

Sumber