Posted by : Faisal F. Amrullah Maret 09, 2013


http://okepop.com/wp-content/uploads/2012/09/gdragon_crayon.jpg

Text area merupakan sebuah kolom yang dengan kontainer tulisan atau kode html dengan tombol highlight atau select all sehingga memudahkan visitor meng-copy kode html atau tulisan pada blog.


saya akan share text area yang mungkin sudah cukup terkenal dan banyak di pakai oleh para Blogger  .
yaitu :


1. Text area dengan tombol select all
Contoh  Text area dengan tombol select all »



scriptnya


<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> </div>
<div align="center">
<textarea cols="30" name="txt" rows="5" wrap="virtual">ganti tulisan ini dengan tulisan atau kode html yang kamu inginkan</textarea></div>
</form>
</div>
 Keterangan :


  • Warna Merah : Merupakan pengaturan text align (center : rata tengah, justify : rata kiri kanan, left : rata kiri, right : rata kanan)
  • Warna Biru : Merupakan tombol untuk memblok semua text area
  • Warna Orange : Merupakan lebar dan tinggi form text area
  • Warna Ungu : Merupakan isi dari text area, silahkan ganti seusuai dengan keinginan sobat.
2. Text area auto select
Contoh text area auto select »





scriptnya

<div style="text-align: center;">
<textarea cols="30" onmouseover="this.focus(); this.select();" rows="2">Contoh text area auto select jika cursor di sorot ke dalamnya</textarea></div>
Keterangan :
  • Warna Merah : Merupakan pengaturan text align (center : rata tengah, justify : rata kiri kanan, left : rata kiri, right : rata kanan)
  • Warna Orange : Merupakan lebar dan tinggi form text area
  • Warna Ungu : Merupakan isi dari text area, silahkan ganti seusuai dengan keinginan kamu
3.SPOILER
Judul Spoiler:
Letakkan teks atau kode script (gambar atau video) di sini


scriptnya
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau kode script (gambar atau video) di sini
 <br>
</div>
</div>
</div>

 4.SCROLL BOX 

Scriptnya :

<span style="font-style: italic;"><span style="font-style: italic;"></span></span><br />
<div style="font: 16px/26px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 400px;">
<span style="font-style: italic;"><span style="font-style: italic;">----:: Masukan Tulisan atau Gambar sobat Disini ::----


----:: Masukan Tulisan atau Gambar sobat Disini ::----

Leave a Reply

Hanya Memastikan Kalau Anda Manusia :
Ciri orang yang BAIK dapat dilihat dari cara nya Berikomentar dan Selalu Meninggalkan jejak setelah membaca Artikel Di sini
"ƪ(˘⌣˘)┐"ƪ(˘⌣˘)ʃ" ┌(˘⌣˘)ʃ"

[1] Jika komentar kurang sopan, saya tidak akan bales / Delete. -_-"

[2] Jangan merugikan pengunjung yang lain atau Blog ini sendiri.

[3] Jika anda berkomentar dengan akun Blog (punya Blog) dan mau saya follow sertakan link blog anda. (asal mau followback ya..) :D

[4] No Spam please dan jangan memberi link palsu, Phising dan semacamnya ^^

Subscribe to Posts | Subscribe to Comments

Share This :

Follow Author :

Guest Book

Followers

Recent Post :

get this widget here

Advertise

Advertise
PT BAMA MAPAN BAHAGIA KEDIRI

FAYSKY Qr Code

FAYSKY Qr Code
Scan with your smartphone

Copyright © 2012 FAYSKY -fay-sky.blogspot.com- About this Blog - Privacy Policy FAYSKY