Membuat Spoiler Pada Postingan

Diposkan oleh Madie Zha on 06 January 2012 at 5:41 PM

Membuat Spoiler Pada Postingan | Tutorial Blog

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.
    Membuat Spoiler Pada Postingan
  • 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 :
    Membuat Spoiler Pada Postingan
  • Selanjutnya silakan Anda Publish postingan Anda.
Semoga bermanfaat buat Sobat yang ingin Membuat Spoiler Pada Postingan.

.:. 21 komentar .:.Post a Comment


  1. makasih infonya semoga bermanfaat gan

    ReplyDelete


  2. infonya sangat menarik untuk saya simak,, nice infonya gan. sukses terus!!!!

    ReplyDelete
  3. . artikel yang anda tulis di blog ini, sungguh sangat memotivasi diri saya untuk trus berkarya, terima kasih semoga kebaikan anda mendapatkan balasa yang lebih baik.

    ReplyDelete
  4. terimakasih banyak atas info nya sangat bermanfaat sekali
    semoga sukses...

    ReplyDelete
  5. terimakasih banyak atas info nya sangat bermanfaat sekali
    semoga sukses...

    ReplyDelete
  6. Thanks infonya sangat bermanfaat sekali buat saya, di tunggu ea artikel selanjutnya :D

    ReplyDelete
  7. Mantappppp infonya gan thankas ea :D

    ReplyDelete
  8. . artikel yang sangat menarik dan tentunya sangat membantu saya dalam belajar, makasih banyak ya lam sukses selalu

    ReplyDelete


  9. thanks ea, kerennn bangettt infonya.... sukses selalu ea sob

    ReplyDelete
  10. nice infonya.... sukses terus ea ditunggu artikel selanjutnya!!!

    ReplyDelete
  11. Postingan yang sangat bermanfaat gan ! sukses selalu sob

    ReplyDelete
  12. Pembelian obat denature bisa invite pin bbm kami : 7968ab6b

    ReplyDelete
  13. Pembelian obat denature bisa invite pin bbm kami : 7968ab6b

    ReplyDelete

 
Alexa Certified Traffic Ranking for http://wadahtutorial.blogspot.com
Follow
back to top
Home
back to bottom