Cara Membuat Spoiler di Postingan Blogger

Membuat Spoiler di Postingan Blogger
Membuat spoiler di postingan blogger dapat dilakukan dengan cara yang cukup mudah. Tapi sebelum saya menunjukan caranya, sebaiknya Anda tahu dulu apa itu spoiler. Spoiler merupakan tombol yang ketika kita klik akan menampilkan teks maupun file yang disembunyikan. Teks dan file tersebut akan muncul ketika kita menekan tombol spoiler.

Cara kerja tombol spoiler yaitu dengan menyembunyikan file atau teks yang akan muncul hanya dengan cara jika diklik. Jadi teks dan file tidak benar-benar disembunyikan, hanya disembunyikan ketika tombol tidak di klik. Saat di klik maka file yang kita sembunyikan tersebut akan muncul.

Penggunaan tombol ini akan sangat membantu khususnya ketika ada file atau kata-kata yang tidak terlalu penting, sehingga akan tampil jika pengunjung tersebut tertarik untuk mengklik.

Ada berbagai jenis spoiler yang ada saat ini, dengan berbagai macam keunikan tersendiri. Namun kali ini saya akan memberikan tips sederhana tentang Membuat Spoiler Di Postingan Blog tanpa perlu repot-repot Edit HTML.

Yup, jadi kode ini bisa langsung dipasang pada bagian HTML di postingan blog.

Membuat Spoiler Di Postingan Blog


Pertama masuk ke Blogger > pilih Postingan > klik HTML > copy dan paste kode dibawah ini kedalam kolom HTML.

<center>
<button class="KODE BUTTON" onclick="if(document.getElementById('spoiler2') .style.display=='none') {document.getElementById('spoiler2') .style.display=''}else{document.getElementById('spoiler2') .style.display='none'}" title="Click to show/hide content">Show File</button></center>
<br />
<div id="spoiler2" style="display: none;">
<div class="separator" style="clear: both; text-align: center;">
</div>
Jangan lupa kunjungi tikusmales.com ya
</div>

Setelah itu publikasikan artikel seperti biasanya.

Hasilnya akan seperi gambar di bawah ini:




Silahkan ganti tulisan "Jangan lupa kunjungi tikusmales.com ya" dengan tulisan ataupun file yang diinginkan.

Jika ingin mengganti tulisan pada tombol, maka tinggal ganti kata "Show File" dengan kata yang diinginkan.
Tulis Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel