[TUTORIAL] Cara Membuat Spoiler (Show Hide) pada Postingan Blog

Hai sobat Blogger. Kali ini --adityarts-- akan membahas tentang blogger.
Untuk kalian yang juga seorang Blogger seperti saya, tentunya kalian juga sering membuat postingan. Entah itu bertema curhat, baper, *****, dll.

Jika kalian lebih menulis postingan tentang download game atau yang seperti itu, biasanya postingan/ tulisan kalian akan amburadul/acak-acakan. Nah, untuk itu saya punya cara yang keren untuk merapikan postingan blog agar tidak amburadul. Yaitu menggunakan spoiler (Show Hide). Dengan menggunakan script itu maka tulisan kalian akan lebih rapi dan enak dipandang.

Ini skripnya :


CODE SCRIPT ====>

<div><div style="margin-bottom: 2px;"><i><b><small>JUDULNYA</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

ISINYA

</div></div></div>

Dan hasilnya, seperti yang kalian lihat di atas. Atau utamanya seperti ini :

JUDULNYA

ISINYA

Nah, seperti itulah.

Untuk tempat script tersebut kalian bisa menaruhnya di Tab edit HTML (sebelah Compose) saat membuat postingan.
Jauh sebelum itu, kalian harus masuk dulu ke blogger.

Baiklah, hanya itu saja, kurang lebihnya mohon maaf.

Semoga Bermanfaat :)

Share

Like

G+

Tweet

Tweet

Anda baru saja membaca artikel tentang [TUTORIAL] Cara Membuat Spoiler (Show Hide) pada Postingan Blog. Jika Anda menyukai Artikel di blog ini, Silahkan masukan email anda dibawah ini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel terbaru dari IMAZUMI