CARA PASANG SPOILER PADA POSTINGAN BLOG

SEO BLOG, setelah sekian lama kita otak-atik dan membicarakan hal-hal seputar blog dengan sekian banyak masalah yang ada di sekitarnya, maka pada artikel ini SEO BLOG akan memberikan tips-trik yang dapat kita letakkan dalam postingan blog atau pada sidebar/footer home-page, untuk mempercantik halaman blog. Tips-trik tersebut adalah memasang spoiler pada postingan blog.

Spoiler ini adalah semacam jendela kecil yang dapat di buka atau ditutup dengan menekan suatu tombol di atasnya. Berikut ini contoh spoiler tersebut  :

Contoh bentuk Spoiler:

Nah, sekarang bagaimanakah cara membuatnya ? Sabar juragan, pasti aku beberkan satu persatu seperti berikut ini  :

Beginilah Cara Membuat Spoiler pada blog  tersebut

  
1. Tentunya anda sudah buka blog anda bukan  ?.
2. Masuk Entri Baru atau New Post ( postingan biasa )
3. Pilihlah pada mode Edit HTML saat anda ingin membuat spoiler pada postingan  blog anda
4. Copy script berikut: 

<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>

5. Kalau sudah yakin, Terbitkan Postingan anda (bila belum yakin klik Pratinjau).
6. Lihat hasilnya.

Catatan:

1. Tulisan berwarna Merah adalah judul dari spoiler itu (yang terletak di sebelah kiri tombol View / Hidden). Anda dapat menggantinya sesuai keinginan anda.

2. Tulisan berwarna Biru adalah kata yang terdapat pada tombol spoiler. Anda dapat menggantinya sesuai keinginan.

3. Tulisan berwarna Ungu Gantilah dengan Tulisan / Script Gambar atau Video Anda Sesuai keinginan anda kawan.

4. Lakukan ini saat anda ingin melakukan menyembunyikan yang anda inginkan.

Itulah Cara pasang spoiler pada postingan blog. Selamat mencoba. Salam Blogger.

Tweet