Menambahkan Spoiler di Artikel Blog


Hai Sobat Blogger!
Biasanya Spoiler sering Anda lihat pada Forum. Dimana Spoiler ini berguna untuk memperingan loading pada sebuah halaman web, contohnya Forum A menyediakan sebuah image yang beresolusi tinggi, dan untuk mempercepat loading tersebut, digunakanlah Spoiler.
Nah bagaimana cara menambahkan Spoiler tersebut pada artikel Blog Anda? Ikuti langkah-langkah di bawah ini :

Pertama, login ke Blogger, pilih New Post



Pada Edit HTML copas kode berikut :

Klik Open lalu kopi kodenya!:

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

Isikan Konten Spoiler disini, contoh Indo Blog Trik</div>
</div>
</div>
Beikut kode yang dapat Anda edit pada kode tadi :

- Judul Spoiler
- Isikan konten spoiler disini, contoh Indo Blog Trik

Berikut Contohnya :

Contoh Spoiler Indo Blog Tips:


Sekian! Selamat Mencoba dan Semoga Bermanfaat!

Jika Blog ini bermanfaat bagi Anda, silahkan masukkan alamat email Anda di bawah ini untuk berlangganan :

ATAU klik disini untuk menjadi FOLLOWER di IndoBlogTrik

2 komentar:

Donasi tidak hanya berupa Uang, Donasi dapat juga berupa Semangat yang Anda berikan. Silahkan berikan Saya Donasi melalui komentar untuk menyemangati Saya dalam menulis.

Dan bagi Anda yang merasa Blog ini bermanfaat bagi Anda, silahkan menjadi Follower atau masukkan email Anda untuk Berlangganan.

Note: Komentar yang diembel-embeli dengan link tambahan seperti "thanks for infonya, www.blablabla[dot]blogspot[dot]com" kemungkinan tidak dimunculkan!

Related Posts Plugin for WordPress, Blogger...