Cara Mudah Membuat Spoiler Responsif Di Blogger

Tutorial Blogger

Sebagian orang mungkin sudah mengetahui apa itu spoiler, apalagi anda sering atau suka nongkrong di forum-forum pasti anda akan menemukan spoiler seperti ini. spoiler adalah untuk membuka dan menutup konten seperti dibawah ini :

Klik Spoiler Berikut:

https://ctcoke.blogspot.com/

Keunggulanya biasanya spoiler dipakai untuk menutup teks yang telalu panjang atau skrip yang kepanjangan kan nggak enak juga tampilan blog anda scriptnya panjang amat. tetapi dibalik keunggulan spoiler, spoiler bisa menutup text yang ada didalamnya karna faktor buka tutupnya itu.

Tapi kalau agan mau buat spoiler di blog saya akan membagikannya kepada anda semua pengunjung blog ini lengkap.

Cara Membuat Spoiler Responsif di Blog :

1. Login di akun blogger sobat.
2. Buat postingan baru, atau laman baru
3. Copy script dibawah :

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Klik Spoiler Berikut</b>: <input value="View" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'View'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Letakkan teks / gambar atau script anda disini
<br />
</div>
</div>
</div>

Note : Letakkan teks / gambar atau script anda disini ganti dengan pesan anda.

4. Paste script diatas di HTML bukan Compose.

 

5. Terus Klik Publikasikan, jika anda mengikuti tutorial diatas dengan benar maka jadinya akan seperti ini.

Klik Spoiler Berikut:

Letakkan teks / gambar atau script anda disini

Intinya memakai spoiler berikut untuk mempermudah pengunjung blog untuk melihat script/text yang anda masukkan di blog anda, sekian Cara Mudah Membuat Spoiler Responsif Di Blogger semoga bermanfaat.