Adalah tempat mencari informasi dan trik atau tips teknologi terbaru

Cara Mudah dan Cepat Membuat Tombol Show Hide di blog

Cara Mudah dan Cepat Membuat Tombol Show Hide di blog

Selamat datang di Syam’s Blog

Jumpa lagi di  Syam’s Blog  pada kesempatan kali ini saya akan berbagi cara mudah dan cepat membuat tombol show hide di blog.

Baca postingan terdahulu :

Berikut caranya:
1. Jika anda ingin menampilkan show hide di postingan silahkan pilih HTML  
 2. Letakkan kode berikut 


<div id="spoiler">   
<div style="margin: 5px 20px 20px;">   
<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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 75px;" type="button" value="Show" /></div>  <div class="alt2" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(225, 228, 242) none repeat scroll 0% 0%; border: 1px inset; margin: 0px; padding: 6px;">  <div style="display: none;">   
Tulis artikel anda  di sini
</div>   
</div>
</div>   

3. Silakan ganti  Tulis artikel anda  di sini dengan artikel yang anda show hide

Tulis artikel anda di sini



share this article to: Facebook Twitter Google+ Linkedin Technorati Digg
Posted by Syamsuri, Published at 11:40 AM and have