2011-01-06

Membuat Teks Area

Teks Area, fasilitas ini dapat kita gunakan untuk menyisipkan sebuah kode atau script dengan tujuan dapat di copy oleh pengunjung blog kita misalnya kode bertukar banner, kode link, teks dan lainnya.
Mengapa harus menggunakan Teks Area dan apa harus menggunakan Teks Area ini? Ya Teks Area ini akan dapat menampilkan kode atau teks yang kita pasang, karena jika tidak menggunakan teks area ini yang nampak bukan Kode Script melainkan Efek dari script tersebut.
Adakah cara lain selain Teks Area? Ya ada yaitu menggunakan Parse HTML namun menggunakan fasilitas ini tidak begitu efektif jika dterapkan pada sebuah Sidebar dan kode yang akan kita tampilkan panjang karena akan memakan tempat yang lumayan hasilnya kurang Rapi.

Contohnya :



Nah berikut cara membuat Teks Area tersebut :

1. Login ke Blogger >> Design >> Tata Letak / Page Element
2. Klik Add Gadget >>
3. Cari dan widget tambahkan HTML/Javascript
4. Kemudian Salin dan tempel kode dibawah ini pada form yang tersedia
Teks Area tanpa tombol Higlight
<p align="center"><textarea name="code" rows="6" cols="20"> Tuliskan teks atau kode script anda disini, Anda juga dapat menerapkan teks area ini pada postingan saja</textarea></p>

Teks Area dengan fungsi tombol Higlight
<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>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 144px; width: 300px;" wrap="VIRTUAL">Letakkan sebuah tulisan atau kode script anda disini</textarea></div>
</form>
</div>

3. Jangan lupa simpan

Keterangan Tambahan:
- Anda dapat merubah lebar dan tinggi dengan merubah nilai teks berwarna merah  height: 144px dan  width: 300px

- Ganti teks berwarna hijau dengan kode script atau teks yang ingin anda tampilkan
- Teks Area ini juga dapat ditampilkan pada postingan anda, jadi Teks area tidak hanya berfungsi pada seidebar anda.
- Semoga berhasil

Dapatkan artikel terbaru seperti Membuat Teks Area langsung ke Email kamu..!!!


Ada 5 komentar untuk Membuat Teks Area

  1. info yang menarik untuk personalisasi tampilan blog

    BalasHapus
  2. Masih bingung gan, buat text area di postingan, scriptnya malah muncul...mohon pencerahannya

    BalasHapus
  3. Nice posting, langsung diterapkan, trims dan sukses untuk u-sup.blogspot

    BalasHapus
  4. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  5. sudah lama tidak berkunjung ke blog ini ternyata sudah ganti domain :D, kalo boleh izin tukar link gan ke blog ane. Link ke blog ini sudah terpasang di partner list blog ane. Thx.

    BalasHapus