Facebook Twitter

Cara Membuat Text Area di Blogspot

Categories : Blogger, Tips and Tricks
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...


Buat Text Area Pada BlogText 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
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Masukan teks sobat disini</textarea></p></form></div>
Sesuaikan dengan tinggi dan lebar yang sobat inginkan seperti yang kode yang berwarna merah diatas,dan tampilannya akan seperti yang dibawah ini

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.
<textarea cols="20" name="code" rows="4"> Masukkan Text atau Kode HTML sobat disini</textarea>
Dan hasilnya akan seperti dibawah ini



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..!



Sobat sedang membaca artikel tentang Cara Membuat Text Area di Blogspot dan sobat bisa menemukan artikel Cara Membuat Text Area di Blogspot ini dengan url http://mangde182.blogspot.com/2011/08/buat-text-area-di-blog.html,silahkan di bookmark jika artikel Cara Membuat Text Area di Blogspot ini sangat bermanfaat bagi sobat,atau klik tombol share diatas untuk membagikan link Cara Membuat Text Area di Blogspot kepada teman sobat.

3 comments: — Skip to Comment

Serambi said...

Nice info gan...

MangDe said...

@Serambi : Thanx gan.. ;)

Fuadt ID said...

Nice

Post a Comment — or Back to Content

 
Back To Top Blogger