Cara Membuat Tombol Show

Seperti apa sih tombol Show itu ??

Seperti di bawah ini. Silahkan Agan klik.

Bagaimana menurut Agan ? Agan bisa gunakan tombol Show ini untuk meringkas teks/gambar. Dan Agan bisa menempatkannya baik di postingan atau pun di Side bar.

Dan untuk kodenya, silahkan Agan salin.

<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<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 = 'Show'; }" style="font-size: 15px; margin: 0px; padding: 0px; width: auto;" type="button" value="Show" /></div>
<div class="alt2">
<div style="display: none;">
<div style="border: 1px dotted rgb(0, 100, 0); text-align: justify;">
Selamat Datang di Ketagihan Baca</div>
</div>
</div>
</div>
</div>

Tulisan Close bisa Agan ganti dengan kata "Hide", "Tutup", "Sembunyikan" dan lain-lain. Tulisan Show juga demikian ganti dengan "Tampilkan", "Lihat", "Buka", "Klik di sini" dan lain-lain.

Kalimat Selamat Datang di Ketagihan Baca adalah teks yang harus Agan ganti. Sementara jika Agan ingin mengganti ke sebuah gambar, bisa juga. Tetapi Agan harus mendapatkan kode dari gambar nya terlebih dahulu. Yaitu dengan cara :

1. Klik "Entri Baru" yaitu halaman untuk membuat postingan.

2. Klik tool upload gambar. Up load lah gambar yang Agan kehendaki.