Catatan dan kumpulan tutorial dari akumaru.com, semoga bermanfaat

Tutorial cara membuat spoiler dalam postingan blog praktis + gambar

2 comments


Hallo friend kali ini saya akan share tutorial cara membuat spoiler di postingan blog. Sebelumnya sudah pada tau kan spoiler itu yang kaya gimana? ini salah satu screen shoot dari website tetangga :


Nah pasti dah pada tau kan spoiler itu yang kaya gimana? sekarang saya berikan tutorial untuk memasang spoiler ini.

  • Masuk ke akun blogger anda disini
  • Lalu buat entri baru
  • Pilih HTML

  • Lalu Copas code nya seperti gambar di atas :
# Anda dapat mengcopy code dibawah disini #
<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>
  • Edit text yang berwarna merah sesuai kebutuhan
  • Publish postingan Anda, dan lihat hasilnya :)
Semoga tutorial ini bermanfaat yah buat para blogger semua.. Terimakasih..

2 comments :

  1. katanya copy paste code dibawah ini, kok gw mau copy ga bisa :v
    kalo niat berbagi ilmu jgn stengah2 bro. :3

    ReplyDelete
    Replies
    1. Kalau untuk copas codenya sudah saya kasihkan link pastebin ? ini linknya : klik disini
      kalau untuk copas artikelnya mohon maaf tidak bisa.

      Delete