Cara Membuat Spoiler Buka Tutup Di Postingan Blog


misterpangalayo.com - Spoiler adalah sebuah format bingkai yang biasa digunakan untuk menyembunyikan teks, gambar, video maupun apa saja agar bisa disembunyikan di blog. Untuk membukanya, pembaca bisa melihat isi spoiler tersebut dengan cara meng-klik tombol buka tutup atau “Show-Hide”. Fungsi spoiler dalam postingan sebuah blog adalah untuk meringankan loading blog.

Jika Anda meng-upload banyak gambar di postingan, maka anda sebaiknya memasukkan gambar-gambar tersebut ke dalam spoiler agar loadingnya blog menjadi ringan. Selain itu postingan anda akan tampak praktis dan keren.

Cara Membuat Spoiler Buka Tutup di Blog ini gunanya adalah untuk menyembunyikan postingan berupa gambar, tulisan dan sebagainya sesuai kebutuhan contohya seperti di bawah ini :



www.misterpangalayo.com



Bagaimana ? Apakah Anda berminat atau ingin mencobanya di Blog Anda ? Jika berminat, silahkan simak baik-baik caranya berikut ini:

Baca juga: Cara Membuat Kotak Teks (Text Area) Dalam Postingan Blog

Sebelum melangkah ke pemasangan gadget ini silahkan sobat Copy dulu scriptnya di bawah ini di Notepad atau Word !!



<div style="margin-bottom:
2px;">
<div style="margin-top: 5px;
text-align: center;">
<input value="Buka" style="margin-top: 5px; width: 100px; 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 style="border: 1px inset
; margin: 0px; padding: 6px;"><div style="display:
none;">


GANTI DENGAN
TULISAN atau GAMBAR SAHABAT DISINI


</div></div></div>




CARA MEMASANG:

  1. Login dulu ke akun Blogger 
  2. Klik Entri Baru / New Entry
  3. Ketikalah sebuah artikel sesuai selera Anda di Compose
  4.  Apabila Anda ingin memasukkan spoiler buka tutup, Anda Klik HTML (persis disamping Compose)
  5. Kemudian letakkan kode spoiler yang sudah sahabat Simpan di Notepad tadi dan setelah itu pastekan kedalam postingan atau widget di HTML 
  6. Ganti tulisan Buka sesuai dengan keingin sahabat, dan width: 100px merupakan ukuran lebar Tombol Buka Tutup.
  7. Silahkan sobat ganti tulisan GANTI DENGAN TULISAN atau GAMBAR SAHABAT DISINI dengan apa saja yang ingin sobat masukan kedalam widget Buka Tutup tersebut.
  8. Simpan atau pratinjau 
  9. Selesai

Demikian tutorial cara membuat spoiler buka tutup di postingan blog. Selamat Mencoba :)

2 komentar:

Jika ada yang ingin ditanyakan, silakan kontak saya
+Email : raditmananta@gmail.com
+Twitter : @raditmananta

Tata Tertib Berkomentar di blog misterpangalayo:

1. Gunakan Gaya Tulisan yang Biasa-biasa Saja
2. Tidak Melakukan Komentar yang Sama Disetiap Postingan
3. Berkomentar Mengandung Unsur Sara Tidak di Anjurkan

Diberdayakan oleh Blogger.