Cara Membuat Tombol Spoiler Di Postingan Blog

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 tuansiput.com 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 tuansiput.com ya
</div>

Setelah itu publikasikan artikel seperti biasanya.

Hasilnya akan seperi ini:



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

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

0 Response to "Cara Membuat Tombol Spoiler Di Postingan Blog"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel