Membuat Teks Area Untuk Banner Blog

Welcome To GENETIK [ Generasi Teknik Informatika ] :

Hallo Semua Sobat Inside Lovers, kali ini Blog's GENETIK [ Generasi Teknik Informatika ] akan memposting Membuat Teks Area Untuk Banner Blog,
oke tanpa basa basi lagi liat tutorialnya di bawah :

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


Contohnya :

Teks Area tanpa tombol Higlight

<a href="http://rafliinside.blogspot.com/2011/12/tukeran-banner-yuk.html" target="_blank"><br /> <img alt="-=[./Genetik]=-" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC9pCyqpDAoHnA3I-XIfdB-RE6t0KwzwMBf1_gYTwZlIG-sVJlwLBBgow6dIWe6R4T8ioNaYCStFLAEzVHg4ILmUseZ5hx1UrBkqOrOo9BmCysF2QKt-sy0ntRFzceCL6uvcCGrqj1h3Q/s1600/Banner.jpg" width="200" /></a>

Teks Area dengan fungsi tombol Higlight

<a href="http://rafliinside.blogspot.com/2011/12/tukeran-banner-yuk.html" target="_blank"><br /> <img alt="-=[./Genetik]=-" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC9pCyqpDAoHnA3I-XIfdB-RE6t0KwzwMBf1_gYTwZlIG-sVJlwLBBgow6dIWe6R4T8ioNaYCStFLAEzVHg4ILmUseZ5hx1UrBkqOrOo9BmCysF2QKt-sy0ntRFzceCL6uvcCGrqj1h3Q/s1600/Banner.jpg" width="200" /></a><br />

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