Cara Membuat Spoiler Serbaguna,..bisa langsung lihat contoh di bawah ini..Semakin banyak belajar, semakin banyak yang kita tahu, Semakin banyak yang kita tahu, semakin banyak yang kita lupa, Semakin banyak yang kita lupa, semakin sedikit yang kita tahu. Jadi kenapa kita sibuk belajar ..... he.. he... he...Di bawah ini adalah contoh spoiler serbaguna :
bisa di isi dengan teks ataupun gambar..
Judul Spoiler 1
Judul Spoiler 2
Judul Spoiler 3
<div style="width:350px;"><div class="bgsPM-boksSpoiler" align="center"><div style="margin:5px 10px;">
<span class="bgsPM-Spoiler">Contoh Judul Spoiler 2</span><br />
<input style="padding:2px 10px;margin-top:15px;font-weight:bold;font-size:16px;color:#990000; background:#00CCFF;" value="Show 2" 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="float:left;margin:5px 0;"><div style="display:none;">
Di sini posting yang akan disembunyikan (bisa gambar, teks atau yang lain)
</div>
Semoga bermanfaat...
Kita bisa perhatikan pada Scoll Box ini. Sekalipun sebenarnya hanya dengan memberikan sebuah background warna hitam pada box terdalam, sebenarnya sudah mampu memberikan penampilan yang amat luar biasa cantik. Namun demikian, karena sifatnya yang berfungsi untuk memberikan efek transparansi, maka akan lebih "afdol" seandainya sampeyan gunakan sebuah background image pada box terdalam (DIV pertama - div class="boxe"). 
Mau gunakan untuk apapun silahkan! Muat gambar? Penuhi dengan berbagai teks? Atau mungkin deretan menu dan link lain mo ditampilkan di collapsible ini? Semua sudah tertata dengan rapi dengan ukuran yang sangat ideal. Sampeyan tinggal masukkan saja sebanyak sampeyan mau. Plung ... plung ... plung ... dan berkarung-karung akan terwadahi. yah ... asal jangan masukkan yang berbau busuk saja. He ... he .... 'ntar pengunjung pada lari kesetanan kaya dikejar babi hutan kesurupan mabok oplosan, he ...... he ...!!!!
Mau gunakan untuk apapun silahkan! Muat gambar? Penuhi dengan berbagai teks? Atau mungkin deretan menu dan link lain mo ditampilkan di collapsible ini? Semua sudah tertata dengan rapi dengan ukuran yang sangat ideal. Sampeyan tinggal masukkan saja sebanyak sampeyan mau. Plung ... plung ... plung ... dan berkarung-karung akan terwadahi. yah ... asal jangan masukkan yang berbau busuk saja. He ... he .... 'ntar pengunjung pada lari kesetanan kaya dikejar babi hutan kesurupan mabok oplosan, he ...... he ...!!!!
Tidak ada komentar:
Posting Komentar