Cara Membuat Text Area + Highlight

Saya akan share cara membuat text area yang paling sering digunakan, silahkan anda pilih saja mana yang anda sukai :

A. Text Area Standar
<textarea cols="20" name="code" rows="4" style="height: 32px; width: 441px;">  Ini Adalah Text Area Standar

Silahkan anda copy paste kode di atas pada postingan yang ingin anda beri text area.

Atau ini :

B. Text Area + Highlight

<div><br><form name="copy"><br><div align="center"><br><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div><br><div align="center"><br></div><br><div align="center"><br><textarea cols="55" name="txt" rows="100" style="height: 144px; width: 300px;" wrap="VIRTUAL">INI TEXT AREA + HIGHLIGHT

Silahkan anda coopy paste jika menginginkannya, pilihan ada di tangan anda.

Lalu apa gunanya tombol highlight itu ?

Gunanya adalah untuk mempermudah pengunjung ketika akan mengkopi paste tulisan atau apapun yang berada dalam text area tersebut.

Selamat mencoba dan semoga tulisan saya ini bermanfaat bagi anda semua.

Cara Membuat Spoiler Sederhana

Cara membuat Spoiler

Sesuai dengan judulnya, pasti sobat semua sudah sering lihat kan bagaimana spoiler bekerja, jika belum lihat contoh di bawah ini :

Open:

saya ari ramadhan, anda bisa menyisipkan gambar di sini

Tujuan daripada pembuatan spoiler ini yakni untuk menghemat tempat pada posting, dan juga memberi kesan bagus, serta jika anda menyisipkan gambar tidak akan berat sehingga mempercepat loading blog.

Pasti anda tertarik kan untuk mencobanya ?

Caranya Copy paste code di bawah ini :

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">

<b>Nama Spoiler</b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 100px;" type="button" value="Open" /></div>

<div class="alt2" style="border: 1px inset; margin: 0px; padding: 3px;">

<div style="display: none;">

Alamat URL Gambar atau tulisan yang akan ditambahkan

</div>

</div>

</div>

Selanjutnya anda ganti tulisan berwarna merah di atas dengan tulisan yang anda kehendaki, ataupun dengan URL gambar jika anda ingin membuat spoiler yang berisi gambar.
Semoga bermanfaat..

Pengenalan HTML

     

		Para blogger pasti sudah tidak asing lagi jika mendengar html? Hyper Text Markup Language atau sering disapa denagn HTML. Apa itu HTMl ? HTML merupakan kumpulan kode-kode yang ditampilkan dalam format Tag untuk ditampilkan dalam halaman web. Bagaimana cara membuatnya ? Untuk dapat membuat suatu dokumen Html prinsipnya sma saja saat kita membuat file ms.word, namun pembuatan html biasanya menggunakan editor notepad atau Ms. FrontPage. 1. Elemen-elemen html Untuk lebih mengenel dan membuat file HTMl, langkah pertama adalah kita mengetahui elemen yang membangun dokumen html. Di dalam penggunaan Tag html tidak membedakan penggunaan huruf besar ataupun kecil, misalnya tag sama artinya dengan tag . a. Head Tag head memiliki fungsi untuk mendesripsikan header atau keterangan yang didalamnya memiliki elemen-elemen diantaranya sebagai berikut : Tag , digunakan untuk memberi judul dari suatu homepage. Tag ...., lokasi URL lengkap dari dokumen ini. Tag ...., link (taut) dokumen ini dan dokumen lain Tag ...., informasi tentang dokumen ini sendiri. b. Body Tag Body berfungsi menyediakan tempat untuk mengisi teks yang akan ditampilkan. Beberapa atribut yang menyertai tag body diantaranya sebagai berikut : -Background, digunakan untuk memuat background image -Bgcolor, digunakan untuk mnentukan warna latar belakang. -Bgproperties,  digunakan untuk menentukan nilai property background -Leftmargin, digunakan untuk menentukan batas kiri halaman dalam satuan pixel. -Topmargin,  digunakan untuk menentukan batas atas halaman dalam satuan pixel. -Text, digunakan untuk menentukan warna text -Link, digunakan untuk mennentukan warna link yang belu, dikunjungi -Alink, digunakan untuk menentukan warna link aktif -Vlink, digunakan untuk menentukan warna link yang sudah dikunjungi.