Menampilkan HTML code atau Javascript Pada Blog

Tidak ada komentar:
Tidak ada komentar:
CARA MEMBUAT TEKS AREA ( Teks Area )


Setelah muter2 bolak balik kecapean nyari cara membuat teks area akhirnya ketemulah trick membuat Text Area
Apa itu Text Area ? Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung.


  • Pembuatan Teks Area Biasa 
 Untuk membuat text area, silahkan anda Copy kode di bawah ini :


<textarea name="code" rows="4" cols="42" style="background:#A9F5A9; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;"> Simpan Text atau Kode HTML disini</textarea>

Hasilnya seperti ini :


Keterangan :
rows = tinggi
cols = lebar

  • Pembuatan Textarea dengan Button / tombol higtlight
Untuk yang ini, adalah memudahkan pengunjung blog anda untuk memberi tanda hightlight
copy kode berikut :

<center><form name="copy"><input value="Klik Tandai" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/> <br/> <textarea rows="4" cols="42" style="background:#A9F5A9; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;" name="txt">Simpan Text atau Kode HTML disini</textarea></form></center>


Hasilnya :





  • Pembuatan Teks Area dengan Onclick Hightligt (klik di dalam)
Untuk contoh yang ini hampir sama dengan textarea yang ada button hightlighnya, cuman bedanya yg tanpa menggunkan bantuan form.. nah untuk mencobanya silahkan anda klik pada halaman teksarea contoh hasil dibawah ini..
berikut kode htmlnya, silahkan di copy :

<center><textarea rows="4" cols="42" style="background:#A9F5A9; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;" name="txt" onclick="this.focus();this.select()">Simpan Text atau Kode HTML disini </textarea></center>

Hasilnya :




  • Pembuatan Textarea Sensitif Hightlight (mouse diarahkan , otomatis terblock )
Untuk teks area yang ini fungsinya hampir sama dengan teks area yang barusan dicontohkan diatas ini, tapi lebih sensitif, maksudnya ketika mouse berada di wilayah teks area walaupun tanpa ngeklik tapi sudah ter hightlight sendiri, ni dia contoh codenya.

<center><textarea rows="4" cols="42" style="background:#A9F5A9; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;" onfocus="this.select()" onmouseover="this.focus()" name="txt" onclick="this.focus();this.select()">Simpan Text atau Kode HTML disini </textarea></center>

Dan Hasilnya :


ditunggu update selanjutnya dengan judul warna pada teks area

Terimakasih Semoga Bermanfaat... Salam Blogger...
1 komentar:

CARA MENGHILANGKAN PERINGATAN BLOG


CARA MENGHILANGKAN PERINGATAN KETIKA MEMBUKA BLOG

ini adalah tips and trik bagi pemula blog atau junior blog seperti saya ini.
saya pernah bingung ketika membuka blog selalu ada peringatan konten dewasa,
seperti gambar di bawah ini

 

setelah saya cari tau ternyata gampang solusinya.
oke langsung saja :
1.masuk blog
2.pilih setelan ( ada di bagian paling bawah )
3.pilih lainnya
4.konten dewasa
nah.. pada konten dewasa ada dua pilihan (ya) dan (tidak) pilih "tidak"
5.simpan pengaturan
selesai deh....
tanks semoga bermamfaat
8 komentar:
Langganan: Postingan (Atom)