Cara membuat show hide widget pada postingan blog

Salam sejahtera sahabat blogger.. Kali ini saya akan membahas bagaimana caranya membuat tampilan show hide widget di posting blog. Mungkin teman-teman blogger ada yang sudah tau dan ada yang belum. Mungkin ada juga yang lupa. Nah bagi yang belum tau, seperti ini sahabat contohnya..

Klik disini

Taraaaaa

Waaah, menarik bukaan?
Heem, seperti apa sih caranya??  Ayo sahabat mari kita menuju ke TKP...

Caranya cukup mudah loh sahabat.
1. Sahabat login dulu ke akun blog.
2. Buat entri/posting seperti biasanya.
3. Terus sahabat copykan kode dibawah ini. Tapi di copy di HTML ya sahabat! Bukan di compose.

Klik disini

<div><div style="margin-bottom: 2px;"><i><b><small>Klik disini</small></b></i><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;">

Ganti dengan kode HTML widget sobat, tulisan, ataupun sekedar foto

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

4. Kemudian sahabat ganti tulisan yang berwarna hijau tersebut dengan tulisan yang ingin sahabat show hidekan
5. Simpan
6. Kemudian lihat hasilnya sahabat.

 Gimana sahabat? mudah bukan?

Nah sekian dulu postingan saya kali ini sahabat. Semoga dapat membantu. Jika ada pertanyaan, silahkan tulis di kotak komentar ya.
Terimakasih...