Cara Membuat Spoiler pada Posting Blog wordpress – Teman – Taman pernah ngepost sebuah artikel atau melihat artikel di forum kemudian bisa di buka tutup, nah itulah namanya spoiler, kalo spoiler di forum sudah biasa, nah kalo untuk spoiler di posting blog, jarang-jarang orang yang tahu, disini cookis blog mau kasih tahu tentang hal ini. Siap menyimak yah.
Contoh Spoiler:
Nah itu spoiler, caranya begini, kamu tinggal membuat sebuah artikel diposting blog kemudian pilih bagian mana yang ingin kamu spoiler, caranya hanya menambah kan kode saja kok. Tapi perlu diingat untuk menambahkan sebuah kode spoiler, tampilan posting blog wordpress kita berada dalam HTML , kemudian sisipkan kode berikut pada awal Kalimat .
<strong>Contoh Spoiler :</strong>
<div id=”spoiler”>
<div><input style=”margin: 0px; padding: 0px;” 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 = ‘Sembunyikan’; } else { this.parentNode.parentNode.getElementsByTagName(‘div’)[1].getElementsByTagName(‘div’)[0].style.display = ‘none’; this.innerText = ”; this.value = ‘Tampilkan’; }” type=”button” value=”Tampilkan” /></div>
<div style=”background: #ffffff; margin: 10px auto; border: 0px solid #000; padding: 5px;”>
<div style=”display: none;”>
<div id=”spoiler”>
<div><input style=”margin: 0px; padding: 0px;” 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 = ‘Sembunyikan’; } else { this.parentNode.parentNode.getElementsByTagName(‘div’)[1].getElementsByTagName(‘div’)[0].style.display = ‘none’; this.innerText = ”; this.value = ‘Tampilkan’; }” type=”button” value=”Tampilkan” /></div>
<div style=”background: #ffffff; margin: 10px auto; border: 0px solid #000; padding: 5px;”>
<div style=”display: none;”>
Nah kemudian cari ujung tulisan yang tadi dipilih untuk di spoiler , jika sudah ketemu tutup aja langsung dengan kode :
</div>
</div>
</div>
</div>
</div>
Selesai… tinggal kamu save aja.. Mudahkan cara membuat spoiler pada postingan blog wordpress.
3 komentar:
.. aq kira untuk blogger. huhh ..
Ok makasi boz sangat membantu
terimaka kasih utk widgetnya
silahkan balik ke web kami di webumar.tk
Posting Komentar