» » Cara Membuat Text Area di Blog

Cara Membuat Text Area di Blog

20:34
0 comments
Cara Membuat Text Area di Blog - Cara memasang text area/teks area di blog atau cara menampilkan kode html dalam postingan blog agar mudah dicopy.
Setelah kemarin ane posting sebuah artikel yang cukup bagus dengan judul cara membuat judul blog bergerak, maka kali ini saya akan posting artikel yang cukup menarik dan berguna juga berjudul cara membuat text area di blog. Semua pasti sudah tau kan apa text area itu? Oke, jika ada yang belum tau ane jelasin sedikit. Text area adalah tempat untuk meletakkan atau menyimpan teks atau tulisan-tulisan yang kita anggap penting dalam area/tempat baru, misalnya kode-kode html atau teks artikel yang penting. Dengan membuat teks area di blog kita maka akan mempermudah para pengunjung yang ingin mengcopy dalam teks are tersebut. Nah, sudah faham kan? Oke Cara membuat text area, 


  • Dalam penulisan postingan baru, silahkan pindah ke mode Edit HTML lalu pastekan kode di bawah di bagian postingan yang sobat inginkan:
<p align="center"><textarea name="code" rows="6" cols="20">Seowaps adalah pandua blogger, tips blogger tips seo dan panduan seo terlengkap
</textarea></p>

Maka jadinya nanti seperti ini: 
Selain model text area di atas,

 text area di atas, ada juga text area dengan model lain. Yaitu teks area yang memakai tombol Highlight dan dengan tombol ini maka akan lebih mempermudah pengunjung yang ingin mengcopy kode dalam text area tersebut karena hanya dengan sekali klik saja. Untuk membuatnya cukup mudah dan berikut cara membuat teks area dengan tombol highlight:


  • Dalam penulisan postingan baru, silahkan pindah ke mode Edit HTML lalu pastekan kode di bawah di bagian postingan yang sobat inginkan:

<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">Seowaps adalah pandua blogger, tips blogger tips seo dan panduan seo terlengkap</textarea></p></div></form>

jadinya nanti seperti ini: 
Nah, bagaimana sobat? Mudah kan cara membuatnya..? Sekian posting kali ini mengenai cara membuat text area di blog. Semoga bermanfaat untuk semua..
Share:
Terima kasih telah membaca artikel Cara Membuat Text Area di Blog
Artikel ini memiliki rating: 97% Top Artikel dari 93058 ratings. 93058 pembaca merekomendasikan ini.
Ditulis Oleh Zai Azura
Description: Cara Membuat Text Area di Blog
Terimakasih atas kunjungan Sobat beserta kesediaan Sobat membaca artikel ini. Kritik dan Saran dapat Sobat sampaikan melalui Kotak komentar dibawah.

0 comments

Post a Comment

Catatan: (memasukan item pada komentar)
Untuk menyisipkan gambar, gunakan tag <i rel='image'>URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>

Link aktif akan dimatikan secara otomatis.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

NB: Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini.

Konversi Kode di Sini! Emoticon OOT
Back to Top