Membuat spoiler pada postingan blog
Spoiler berguna untuk menghemat tampilan posting dan biasanya dipakai di beberapa forum2 besar internet di Indonesia. Bisa juga untuk menempatkan kode yang kita posting. Untuk menggunakannya sobat harus memposting blog nya dalam flatform edit HTML. Berikut kodenya :
<div style="margin: 5px;">
<div style="margin-bottom: 2px;">
<span style="font-weight: bold;">Code</span>
<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 = 'Hide'; } else {
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div style="border: 1px inset; margin: 0px; padding: 2px;">
<div style="display: none;">
TAMBAHKAN DISINI KODE YANG INGIN ANDA SEMBUNYIKAN
</div>
</div>
</div>
Hasilnya seperti ini :
0 komentar :
Posting Komentar
Jika anda menyukai artikel di atas silahkan share atau tinggalkan komentar. Mohon maaf, untuk menghindari spam, komentar yang menyertakan live link akan dihapus.