Rabu, 16 Oktober 2013

[Tutorial] Cara membuat spoiler di blogger



Deskripsi :
Spoiler adalah suatu tombol yang akan menyembunyikan widget/gadget atau tulisan.jika tombol spoiler di klik,maka widget atau tulisan yang tersembunyi akan di tampilkan demikian juga sebaliknya.

Tujuan :
Agar sobat dapat membuat dan memposting ulang.

Detail :
Berikut cara membuat spoiler di blog
1. Login ke Blogger
2. Pilih New Post atau Entri Baru seperti membuat postingan biasa
3. Pilihlah pada mode Edit HTML saat membuat postingan
4. Gunakan kode script berikut ini untuk membuat spoiler :

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

Ini spoilernya :
contoh:



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




5. Kita dapat mengganti Judul Spoiler sesuai
kehendak kita, begitu juga Buka dan Tutup.
6. Klik Publish atau Terbitkan Entri jika sudah selesai.

Kendala :
kata di button tidak berubah
Cara memposting html atau script yang berbeda

Solusi :
Pada postingan berikutnya

Sumber :
Googling dengan kata kunci "cara membuat spoiler di blog "
  


 

Tidak ada komentar:

Posting Komentar