Show hide teks bermanfaat ketika kita ingin memasang informasi tertentu namun tidak terlalu dibutuhkan oleh pengunjung tetapi sangat kita butuhkan untuk melihat perkembagan blog kita misalnya saja Histats, sitemeter, backlink, dll tergantung kebutuhan juga sih!
Script yang akan cerdaskom bagikan disini dalam 2 format, cara memasangnya cukup mudah tinggal klik saja add gadget lalu pilih HTML/Java Script:
Script pertama adalah Show / Hide
<div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" 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 = 'Hidden'; }else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }"type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">
Letakkan disini yang ingin di sembunyikan</div></div></div></div></div>
Script kedua adalah :Tampilkan dan sembunyikan
<div><input value="Tampilkan" style="margin: 0px; padding:0px;width:auto;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 = 'Sembunyikan'; } else{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button" /></div>
<div class="alt2">
<div style="display: none;">
<div style="background:#000000;text-align:left;padding:10px;color:#ffffff;">
Masukkan text atau gambar disini yang ingin dihilangkan
</div></div></div>
Keterangan :
Pada tulisan berwarna merah silahkan isikan dengan text atau gambar yang ingin dihilangkan
Read more: http://www.cerdaskom.com/2012/10/membuat-show-hide-teks-dan-gambar.html#ixzz2AoL5ytWV
Tidak ada komentar:
Posting Komentar