Cara Memasukkan Kode HTML dengan tampilan Tombol Klik Show

 Cara Memasukkan Kode HTML dengan tampilan   Tombol Klik Show
Untuk posting kita kali ini kita akan belajar cara menulis kode HTML berbentuk tombol klik show di halaman HTML yaitu suatu kode HTML yang biasanya digunakan untuk menampilkan kode-kode HTML dalam sebuah postingan dan atau sebuah postingan yang uraiannya lebih panjang. nah untuk menghemat dan memper indah tampilan suatu postingan kita bisa menggunakan Tombol Klik Show satu atau lebih.

Berikut  cara-caranya beserta keterangan gambar.
Silakan anda ikuti cara-cara berikut ini,,

Sekarang anda hanya perlu mengcopy paste kode HTML di bawah ini:

<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>

<input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>

<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">

Masukkan tulisanmu di sini

</div></div></div>

Anda juga bisa mengedit dan menggunakan kode ini untuk memperindah blog anda.

Tampilannya akan seperti gambar dibawah ini.

Klik show untuk melihat 

Masukkan tulisanmu di sini
Contoh ;
Berikut sebuah halaman postingan yang saya masukkan.


cara mudah memasukkan halaman postingan kedalam Tombol Klik Show

1. 1.Masukkan kode diatas tadi dengan cara copy/paste kedalam sebuah lembaran HTML pos yang akan anda buat.


2. 2.Masukkan artikel atau tulisan yang ingin anda tampilkan dalam tabel tersebut Pada tulisan MASUKKAN TULISAN MU DISINI .yang sebelumnya berada pada halaman HTML bukan Compose.


3. 3.Jika Anda merasa kesulitan dalam mengatur paragraf,spasi , maka ada sebaiknya membuka sebuah pos atau entri pos alias lembaran baru,gunakan Compose pada halaman baru anda  kemudian anda bisa menulis semau anda tanpa anda harus memikirkan cara membuat spasi dengan kode-kode HTML kemudian Ubah lembaran tersebut dengan HTML. maka tulisan anda akan diikuti dengan kode-kode tulisan HTML seperti
   untuk paragraf dan atau kode lainnya.


4. 4.Copi tulisan anda yang baru tadi lengkap dengan kode-kode nya dan Paste-kan pada lembaran yang anda siapkan untuk membuat postingan menggunakan Tombol Klik Show 

Selamat Mencoba