Membuat Spoiler Pada Postingan

Membuat Spoiler Pada Postingan - Hallo guys,mimin mau share nih Tutorial Blog di Blogrenanda, Pada sharing Tutorial Blog kali ini yang berjudul Membuat Spoiler Pada Postingan, saya telah menyediakan Tutorial Blog lengkap seperti Membuat Spoiler Pada Postingan . mudah-mudahan isi postingan tutorial yang mimin tulis ini dapat anda pahami. okelah, ini dia tutorialnya.

Membuat Spoiler Pada Postingan | Tutorial Blog

Spoiler sangat berguna untuk mengurangi beban loading sebuah postingan, fungsi dari Spoiler ini adalah untuk menghemat tempat, selain itu Spoiler ini juga membuat postingan anda tampak lebih rapi.

Berikut cara Membuat Spoiler Pada Postingan :

• Anggap saja Anda sedang membuat sebuah postingan, kemudian klik pada Tab Edit HTML.
  
• Lalu letakkan kode berikut :
  <div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
  <b>Spoiler</b> : <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
  <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;">
  <div style="display: none;">
  Isi Spoiler
  </div>
  </div>
  </div>
  Isi Spoiler : Isi dengan kode gambar, video, atau kode html lainnya.
  Sebagai contoh saya gunakan kode berikut :
  <div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
  <b>Spoiler</b> : <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
  <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;">
  <div style="display: none;">
  <a href="http://s1193.photobucket.com/albums/aa345/bakulatz/Dashboard/?action=view&amp;current=edthtmlpost.gif" target="_blank"><img src="http://i1193.photobucket.com/albums/aa345/bakulatz/Dashboard/edthtmlpost.gif" border="0" alt="Edit Html Post"></a>
  </div>
  </div>
  </div>
  Hasilnya akan seperti ini,
  Spoiler :

  
• Selanjutnya silakan Anda Publish postingan Anda.

Semoga bermanfaat buat Sobat yang ingin Membuat Spoiler Pada Postingan.

Demikianlah Artikel Membuat Spoiler Pada Postingan

Sekian Tutorial dari Blogrenanda Membuat Spoiler Pada Postingan, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingan dari BlogRenanda.

Membuat Spoiler Pada Postingan

Anda sedang membaca artikel Membuat Spoiler Pada Postingan dan artikel ini url permalinknya adalah https://blogrenanda.blogspot.com/2012/01/membuat-spoiler-pada-postingan.html Semoga artikel ini bisa bermanfaat.

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: