Cara Membuat Spoiler Di Blog

Postingan kali ini kita semua akan membahas tentang Cara Membuat Spoiler Di Blog.

Pasti sudah banyak Sobat Blogger yang sudah tahu tentang Spoiler, tapi bagi Blogger Newbie pasti masih jarang mendengar kata Spoiler.

Apa itu Spoiler..?

Spoiler adalah kolom yang dapat dibuka dan ditutup. Fungsi dari Spoiler ini adalah hampir sama dengan fungsi Scroll yang digunakan untuk menghemat ruang halaman saat memposting. Dengan memasang Spoiler, tampilan Blog Sobat akan terlihat rapi dan teratur.

Bagaimana cara memasangnya..?
Ikuti langkah berikut..!

1.       Masuk Dasbor

2.       Klik Rancangan

3.       Klik Tambah Gadget

4.       Pilih HTML/Javascript

5.       Copy kode berikut

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Close&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Open&#39;; }" type="button" />
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Isikan Kode, Script, HTML atau Teks Anda<br />
</div>
</div>
</div>

Keterangan :

1.       Tulisan Open dan Close bisa Anda ganti dengan keinginan anda

2.        Width : 55px adalah lebar Spoiler

3.       Font-size: 11px adalah besar tulisan pada Kotak Spoiler

4.       Tulisan Spoiler adalah judul, bisa Anda ganti dengan keinginan anda

6.       Paste di Jendela HTML/JavaScript

7.       Klik Simpan

Begitulah kurang lebih dari Cara Membuat Spoiler Di Blog.
Baca juga artikel tentang Cara Memasang Related Post LinkWithin Di Blog.
Semoga Bermanfaat. Terima Kasih.

Post Author : M. Arief Ubaidillah

Terimakasih atas kunjungan dan kesediaan anda membaca artikel ini. Kritik dan Saran dapat anda sampaikan melalui Kotak Komentar di bawah ini atau di Facebook (Muhammad Arief Ubaidillah) bisa juga di Twitter (@ubeeed).