Cara Membuat Spoiler Pada Blog Seperti Kaskus

Daftar isi [Tampil]

Menggunakan spoiler pada blog dapat memperindah blog dan memberi kesan mewah. Spoiler ini biasanya dapat digunakan untuk gambar, link download, atau teks.

Bagi kamu yang belum tau apa itu Spoiler?

Spoiler adalah fitur untuk menyembunyikan paragraf tertentu sebelum dibuka dengan fungsi tombol. Hal ini bisa digunakan untuk menyingkat postingan yang panjang sehingga pengunjung tidak langsung bosan ketika harus Scroll kepanjangan.

Spoiler yang biasanya kita lihat di kaskus sekarang bisa kita lihat di dalam postingan blog kita sendiri.

Untuk contoh spoiler di dalam postingannya kamu bisa lihat pada halaman : Cara Mengetahui Penghasilan dan Visitor Blog Orang lain secara Akurat

Apa itu Kaskus? Kaskus adalah salah satu forum penghasil konten terbanyak tiap harinya dari member yang disebut Kaskuser.

Yang membuat banyak user betah untuk menulis di forum Kaskus salah satunya karena editor text yang lumayan user friendly dan tampilan publikasi yang interaktif. Karena artikel dapat dihiasi dengan berbagai macam pernak - pernik.

Contohnya dengan menggunakan Spoiler dimana merupakan fitur umum yang menjadi andalan hampir di setiap thread.

Sebagai seorang Blogger yang pernah menjadi Kaskuser, Saya pun pernah tertarik untuk menghasilkan artikel dengan nuansa persis seperti Kaskus, yakni dengan menambahkan  Spoiler pada paragraf tertentu di artikel blog.

Bagaimana cara membuatnya? Bagi kamu yang berpikir untuk melakukan hal serupa akan Saya bahas disini untuk diikuti.

Cara Membuat Spoiler seperti Kaskus di postingan Artikel Blog atau website

Langkah - langkah Membuat Spoiler :

1. Login ke akun blogger.com kamu

2. Buat postingan dan klik HTML (Sebelah menu Compose)

3. Copy kode dibawah ini ke dalam HTML tadi.

<div style="margin: 5px 20px 20px;">

<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">

</div>

<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">

<div style="display: none;">

Letakkan teks atau kode script (gambar atau video) di sini

 <br>

</div>

</div>

</div>

5. Kamu dapat mengganti kata Judul Spoiler sesuai kehendak kalian, begitu juga Buka dan Tutup.

6. untuk dapat melihat sebelum di Publish, klik Compose

7. Setelah kamu yakin dengan Spoiler-nya, silahkan klik Publikasikan, Selesai

NB : Spoiler ini bisa juga dipasang di Layout

caranya : klik Layout > add gadget > html/java script dan tinggal masukin script diatas tadi.

Untung atau Rugi memasang Spoiler di Blog Seperti yang telah disebutkan diatas, 

keuntungan memasang spoiler di blog adalah :

1. Menghemat space (tinggi) posting
2. Mempercepat loading halaman blog, dan
3. Menghemat kuota pembaca.
4. Bisa untuk menyembunyikan keyword tertentu untuk optimalisasi posting (tidak dianjurkan)
5. dan lainnya (bisa sobat tambahkan dengan menulis di kolom komentar)

Namun begitu, bukan berarti memasang spoiler tidak membawa kerugian atau kelemahan. 

Kerugian memasang spoiler adalah ;

1. Blog akan ditinggalkan pengunjung. Tidak semua pengunjung mengerti cara membuka spoiler, ataupun ada pengunjung yang malas membuka spoiler
2. Bangrizkyw.com belum tahu, apakah mesin pencari juga mengindeks isi spoiler atau tidak. Bagi sobat yang tahu, silakan komen dibawah. 
3. dan lainnya (bisa sobat tambahkan dengan menulis di kolom komentar).

Mudah-mudahan share kali ini ada manfaatnya kalau tidak ada baiknya mohon jangan diambil. demikianlah postingan tentang Cara Membuat Spoiler Pada Blog Seperti Kaskus versi bangrizkyw.com yang bisa saya sampaikan semoga bisa menambah pengetahuan anda.

Artikel ini terkait dengan penelusuran google : cara membuat spoiler keren di blog, membuat tombol spoiler, cara bikin spoiler kaskus, script spoiler html, html spoiler show hide

Berbagi :