Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog

                     * أسلمواليكم *

Caramembuat Tombol Klik Show Untuk Melihat di Postingan Blog.

Berikut ini akan saya sampaikan cara-caranya. Tutorial ini saya dapatkan dari http://zuazz.blogspot.com nah silakan anda ikuti cara-cara berikut ini,,

Bagi sobat blogger yang ingin memasang tombol show hide di blog / postingan, caranya gampang banget nih. sobat blogger 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>

bila sobat blogger ingin membuat entri baru/ngepost sobat blogger pilih Entri melalui HTML Jangan melalui Compose seperti tanda panah pada gambar di bawah:

Lalu paste code di atas dan jangan lupa mengganti kata yang digaris tengah yang berwarna merah dengan kata atau kode yang ingin sobat masukkan. Sobat blogger juga bisa mengganti kata yang berwarna biru dengan kata yang diinginkan.

Masukkan kode di atas ke dalam postingan atau di sidebar blog sobat, maka hasilnya seperti entri yg aku buat/sperti dibawah ini.

Klik show untuk melihat

Masukkan tulisanmu di sini

Oya sobat blogger yg di atas adalah contoh sederhana tentang cara pembuatan tombol show hide di blog, selanjutnya bisa sobat kembangkan sendiri.