membuat menu spoiler / show,hide

Tweet

berikut ini Galau akan share cara membuat spoiler , tahukah sobat apa spoiler itu ?

spoiler adalah semacam button yg bertuliskan show dan kalo kita klik button yang bertuliskan show tadi maka

akan terlihatlah isi dari button itu , setelah itu button yg tadi bertuliskan show berganti menjadi tulisan hide dan

kalau kita klik butonya makan isi dari button tersebut tidak lagi diperlihatkan

cara nya :

1. Login dahulu ke akun blogger anda

2. klik ''page element'' klik add gadged lalu klik html/java script

3. selanjutnya copy paste kode yg ada di bawah ini ke gadged tersebut , lalu klik save dan atur posisi

    gadged yang sobat suka.

Berikut kode gadged nya :

<div
style="margin: 5px;"> <div style="margin-bottom: 2px;"
class="bigfont"><input style="margin: 0px; padding: 0px; width:
100%;" 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 = '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; background: url(&quot;http://3.bp.blogspot.com/_bBL9ze_JZsw/TT_XA8lKqMI/AAAAAAAAAM0/uiy-BP_zbN8/s1600/black25.png&quot;); none repeat scroll 0%
0%; -moz-background-clip: border; -moz-background-origin: padding;
-moz-background-inline-policy: continuous;" class="alt2"><div
style="display: none;">

Isi dengan teks atau kode gambar dll disini

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

contoh dari spoiler :

Akhirnya Jadi Band Indi juga wakakak


Papila dibentuk pada tanggal 19 november 2008

Dan setelah mengikuti beberapa kompilasi vestival indie, Papila akhirnya menghasilkan lagu sendiri, lagu Papila telah masuk dalam request line beberapa radio swasta terkemuka di Palu, dan sebuah lagu Papila yang berjudul ‘Suka Padaku’ sempat menjadi top chart Indie di sebuah radio swasta terkemuka di kota Palu. Pada pertengahan tahun 2012 ini Papila sedang dalam proses pembuatan full Albumnya. Adapun visi dan misi Papila sendiri adalah menjadikan musik sebagai suatu warna kehidupan yang mampu berperan sebagai pelengkap kebutuhan hidup manusia, menampilkan musik yang bisa diterima oleh semua kalangan serta mampu menghibur, khususnya kalangan muda yang banyak mengalami dinamika perkembangan zaman dan menampilkan performa terbaik bagi para pendengar Papila baik dalam live stages maupun dalam karya musik (materi lagu) yang Papila hasilkan.

Vocal

 --------------------------------------
VANY >> add

Guitar

 --------------------------------------
YU >> add

bass

 

 --------------------------------------

ICHI >> add

Drum

 --------------------------------------

ADAM AGHIE >> add

-------------------------------------------------------

Dengarin Lagu Gw Yuk

-------------------------------------------------------

PAPILA - Suka Padaku cptn:(ichi)

Download Mp3


PAPILA - Fucking Ashole cptn(vany)

Download Mp3




PAPILA - Sesal (file error)

Yang pengen Masang Di blog Ni Html nya Uda gw Sediain

PAPILA - Suka Padaku

<script src="http://template-aing.googlecode.com/files/aingMP3player.js" type="text/javascript"></script>
<script type="text/javascript">musikDongBang('http://yu182.mywapblog.com/files/papila-suka-padaku.mp3','papila-suka-padaku');</script>

PAPILA - Fucking Ashole

 

<script src="http://template-aing.googlecode.com/files/aingMP3player.js" type="text/javascript"></script>
<script type="text/javascript">musikDongBang('http://yu182.mywapblog.com/files/papila-fucking-ashole.mp3','papila-fucking_ashole');</script>

 Demo Tampilan Mp3-nya disini