Saturday, December 15, 2012

Bagikan :

Tweet

Membuat Spoiler Pada Postingan |

Spoiler sangat berkhasiat untuk mengurangi beban loading sebuah postingan, fungsi dari Spoiler ini yaitu untuk menghemat tempat, selain itu Spoiler ini juga menciptakan postingan anda tampak lebih rapi.

Berikut cara Membuat Spoiler Pada Postingan :

• Anggap saja Anda sedang menciptakan sebuah postingan, lalu klik pada Tab Edit HTML.
  
• Lalu letakkan aba-aba 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 aba-aba gambar, video, atau aba-aba html lainnya.
  Sebagai tumpuan saya gunakan aba-aba 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=" Spoiler sangat berkhasiat untuk mengurangi beban loading sebuah postingan Membuat Spoiler Pada Postingan"></a>
  </div>
  </div>
  </div>
  Hasilnya akan ibarat ini,
  Spoiler :

  
• Selanjutnya silakan Anda Publish postingan Anda.

Semoga bermanfaat buat Sobat yang ingin Membuat Spoiler Pada Postingan.

Tag : Tutorial Blogspot