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