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 :
Code
Cendol dong gan :D

Selamat mencoba dan salam blogger.
Comments
0 Comments

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.

Statistik