Masukkan script di bawah ke dalam Html/javaScript, di bagian rancangan
<div><div style="margin-bottom: 2px;"><input style="margin: 0px; padding: 0px; width: 150px; font-size: 10px;" value="ALL CONTENT" 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 = 'ALL CONTENT'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'ALL CONTENT'; }" type="button" /></div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
<a href="http://y-bro.blogspot.com/search/label/Hot%20News">Hot News</a><br />
<a href="http://y-bro.blogspot.com/search/label/Hot-Hots">Hot-Hots</a><br />
<a href="http://y-bro.blogspot.com/search/label/Software">Free Software</a><br />
</div></div></div>
-Ganti yang berwarna biru sesuai dengan selera, dari ke tiga tulisan itu tidaklah sama, pertama akan muncul jika tidak di klick ( tertutup ), ke dua muncul ketika di klick ( terbuka ), ke tiga saat menutup lagi ( seperti spoiler lah, lha memang prinsipnya seperti spoiler )
-Ganti yang berwarna hijau dengan link tujuan, dan yang berwarna merah dengan judul
Hasilnya akan menjadi seperti berikut :
<div><div style="margin-bottom: 2px;"><input style="margin: 0px; padding: 0px; width: 150px; font-size: 10px;" value="ALL CONTENT" 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 = 'ALL CONTENT'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'ALL CONTENT'; }" type="button" /></div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
<a href="http://y-bro.blogspot.com/search/label/Hot%20News">Hot News</a><br />
<a href="http://y-bro.blogspot.com/search/label/Hot-Hots">Hot-Hots</a><br />
<a href="http://y-bro.blogspot.com/search/label/Software">Free Software</a><br />
</div></div></div>
-Ganti yang berwarna biru sesuai dengan selera, dari ke tiga tulisan itu tidaklah sama, pertama akan muncul jika tidak di klick ( tertutup ), ke dua muncul ketika di klick ( terbuka ), ke tiga saat menutup lagi ( seperti spoiler lah, lha memang prinsipnya seperti spoiler )
-Ganti yang berwarna hijau dengan link tujuan, dan yang berwarna merah dengan judul
Hasilnya akan menjadi seperti berikut :
coba