cara memasukkan spoiler hide show di blog

kali ini saya akan memposting tentang bagaimana cara memasukkan spoiler hide show di blog.

silahkan sobat ikuti langkah-langkah nya di bawah ini !

1. Masuk ke akun blogger sobat

2. Pada saat kita ingin membuat postingan blog,pilih edit HTML bukan compose.

3. Masukan kode HTML berikut:


<br /><div><div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Masukkan Judul </span></i><br/><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 class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;"> Isi spoiler </div></div></div></div>

4.ganti "masukkan judul" dengan judul sobat yang di inginkan.
5.ganti "isi spoiler" dengan isi postingan yang sobat inginkan.

        sekian dulu sob, semoga bermanfaat....!




salam hangat


solidaritas blog
Share this article :
 

Post a Comment

PPA

earn money with Probux

Earn Cash by Traffic Exchange

The Most Popular Traffic Exchange

Bitcoin

http://static1.freebitco.in/banners/468x60-1.png

Trading Forex

Payza payment processor

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. SoLiDaRiTaS Community - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger