Tutorial membuat Spoiler di Blog

Apakah anda tau apa itu Spoiler? Para pengguna kaskus atau kaskuser pasti sudah tidak asing lagi dengan apa yang dinamakan Spoiler. Spoiler adalah sebuah cara untuk memperpendek sebuah artikel supaya tidak terlalu memanjang kebawah.

Membuat Spoiler itu sangat mudah lo. Ingin tau? Baiklah saya akan beri tahu Tutorialnya.

- Hal pertama kali yang harus anda lakukan untuk membuat Spoiler adalah sign in ke blog
- Kemudian pilih buat post
- jangan lupa pilih html edit
- Copy dan edit kode ini

<div style="margin: 5px;">
<div style="margin-bottom: 2px;">
<span style="font-weight: bold;"> Judul spoiler </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;"> edit dengan isi post</div>
</div>
</div>

- Silahkan edit tulisan yang diperrtebal
- Selesai

Terimakasih, telah membaca postingan saya yang berjudul Tutorial membuat Spoiler di Blog. Semoga postingan saya ini adalah postingan yang bermanfaat untuk para pembaca

Bagikan Artikel ini