Halo !!! Saya Kang Ismet, ini adalah blog tentang AMP HTML dan cara penerapannya

Cara Membuat Spoiler di Blog



Hai..sob..saya depet ilmu lagi nih sob yaitu Cara Membuat Spoiler di Blog.
Jika sobat sering ke forum2, pasti sobat sering berjumpa dengan spoiler, jika sobat belum tau apa itu spoiler, saya akan terangkan sedikit, sopoiler adalah tobol buka tutup, yg kalo di buka akan muncul text atau gambar, dan jika di tutup text dan gambar tersebut akan tersembunyi.
nah pasti sobat penasarankan cara buatnya nah...simak yo...


  • Masuk ke Dasbor
  • Masuk ke Postingan yg ingin sobat beri spoiler.
  • Kan Disitu ada 2 mode yaitu Compose dan HTML. Sobat pilih yg HTML.
<div id="spoiler">
<div><input type="button" value="Buka" style="margin:0px;padding:0px;" 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 Lagi'; }">
</div>
<div style="background: #00ffff; margin: 10px auto;
border: 0px solid #000;
padding: 5px;">
<div style="display: none;">
Isi Nya.....
</div>

Note :
  • Tulisan yg Berwarna biru bisa sobat ganti dengan kata-kata terserah sobat.
  • Kode berwarna merah adalah kode warna untuk background. Jika ingin background transparan, anda bisa mengganti kode tersebut dengan tulisan transparent.
  • Dan Tulisan yg berwarna hijau sobat ganti dengan isi saat spoiler di buka, bisa berupa Tulisan, Gambar, Atau pun Video.

  • Simpan Dan lihat hasilnya.

13 komentar:

  1. blogwalking ke blog sobat :)

    BalasHapus
  2. Info yang menarik sob :)
    Btw mampir juga ke blog ane

    www.rolandjak23.blogspot.com

    Salam blogger

    BalasHapus
  3. seep tinggal ane praktikan :D

    salam blog walking

    BalasHapus
  4. Artikel singkat nih ,, \
    Nice dah ..
    Mau jalan2 Bentar Doang xP..

    BalasHapus
  5. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  6. makasih bang,. untuk infonya,.
    salam,.

    BalasHapus
  7. Nice Sharing...
    Makasi sudah membuat tutorial ini....

    BalasHapus
  8. Thx Infonya Gan ..... Sangat Bermanfaat Dan Sangat Menarik

    Mantab ! Tingkatkan Terus Ya Gan :D


    Bagi Yang Suka Koleksi Hot Wheels, Silahkan Mampir Ke Blog Saya Oke !
    Kunjungi Blog Saya Ya Gan : http://Pusyakiz.blogspot.com/

    Terimakasih

    BalasHapus
  9. bisa di coba nich....
    thank's gan

    BalasHapus
  10. mksh gan info'x sangat bermanfaat sekali..
    sukses terus buat blog'x...

    BalasHapus
  11. terima kasih banyak atas infonya
    http://giribig.com
    http://www.idcheat.com/
    http://www.duniagame.info/

    BalasHapus