Tutorial Penggunaan Show / Hide Button Di Side Bar Blog

Baru-baru ini Mia ada buat perubahan sedikit pada paparan utama blog ini. Perasan tak? Mia ada menggunakan Show / Hide Button di ruangan side bar kiri dan kanan. Objektifnya adalah supaya blog kita nampak kemas dan tersusun. Hanya pengunjung yang berminat sahaja akan menekan Show / Hide Button untuk mengetahui maklumat selanjutnya.

Mia ada menggunakan Show / Hide Button untuk menyembunyikan ruangan Talk to Mia Here, Mia's Achievement dan Bloggers Community.

Coding untuk Ruangan Blogger Community

<br /> <center>IT Youth Movement<br /> Johor Bloggers<br /> Geng GomoFM<br /> <div id="spoiler3" style="display:none"><center><a href="http://www.itym.blogspot.com/" target="_blank"><img width="135" src="http://a.imageshack.us/img33/9349/itymyouth.gif" /></a><br /> <a href="https://www.facebook.com/groups/johorblogger" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz-ERgPELNZFVQoodLOYiZjJPdZIBjtHGrup4Wl-qxDNT9NkpOA_pF55Evf2iO2LV2_PHWJwBvOBnzR3ntEmru5G97yugdzitNTr70QzR17gG3bqcBQxrCGDgLQ0gkqrvNXtmMGbBq2GVX/s200/logojohorblogger.jpg" width="130"/></a><center></center></center><br /> <center><a target="_blank" title="geng gomo fm" href="http://www.geng.gomofm.org/" mce_href="/"><img src="http://i212.photobucket.com/albums/cc5/kelubi8/genggomofm.gif" mce_src="/radiostatus.gif" border="0" width="135" height="40" /></a></center></div><button title="Click to show/hide content3" type="button" onclick="if(document.getElementById('spoiler3') .style.display=='none') {document.getElementById('spoiler3') .style.display=''}else{document.getElementById('spoiler3') .style.display='none'}"> Show / Hide </button></center><br />

Test Coding

IT Youth Movement
Johor Bloggers
Geng GomoFM

Kepada yang ingin mencuba. Sila klik pada ruang coding, copy dengan Ctrl + C. Ubahlah ikut selera masing-masing. Selamat mencuba...

Diharap penggunaan button ini mampu memberikan keselesaan kepada pengunjung. Widget yang banyak dapat disembunyikan dan blog akan nampak simple tidak berserabut.