Kita awali kegiatan posting kali ini dengan membaca basmallah(bismillahirohmanirrohim) moga apa yang menjadi keinginan kita semua dikabulkan oleh sang kholik!!!amien.
di awal bulan yang baru tentunya suasana berbeda dengan hari kemaren, hari ini tentunya lebih ceria, gembira, semangat dalam melakukan aktifitas, nah sobat semua jumpa lagi dengan postingan saya di qinginbisa blogsharing yang akan membagikan sedikit ilmu yang pernah diperolehnya selama ini dalam dunia maya, untuk itu kali ini akan membahas tentang cara membuat spoiler dalam bahasa blogernya!!!
bagi yang belum tau pasti bertanya, apasih spoiler itu? manurut artian saya sepoiler merupakan sebuah ruangan untuk memperirit tempat dimana kita memposting sebuah script/html, yang seperti contoh pada blog saya!!!berbentuk persegi panjang yang jika di klik muncul tulisan ataupun gambar, nah untuk itu untuk mempersingkat waktu saya nih...langsung aja ke TKP :
Jika sobat menginginkan silahkan sobat copas script di bawah ini :
<div>
<div 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 = 'SHOW'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'HIDE'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 202px;" type="button" value="SHOW" /></div>
<div style="border: 0px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
</div>
</div>
</div>
Contohnya seperti ini :
Jika sudah letakkan script diatas sesuai yang sobat inginkan, jika pada postingan letakkan aja didalamnya, jika digadged juga bisa, terserah mana yang sobat inginkan dan jika ingin merubah tulisan dan panjangnya silahkan dirubah warna merah sesuai keinginan masing-masing.
0 comment :
Posting Komentar