Cara Bikin Tombol Spoiler di Postingan - D I A K U I N
Home Blog Cara Bikin Tombol Spoiler di Postingan

Saturday, December 28, 2013

Cara Bikin Tombol Spoiler di Postingan

Author.    On.   
Assalamualaikum sahabat blogger, gimana kabarnya? semoga dalam keadaan sehat wal'afiat yaa :) Aamiin, sebelumnya +Dwi Alfina mau mengucapkan terimakasih banyak buat sahabat yang udh berkunjung di blog yang paling diaku.in ini :)

Hari ini dwi akan share Cara Bikin Tombol Spoiler di Postingan, caranya cukup mudah. Namun buat kalian yang belum tau gimana cara bikinnya, silahkan simak artikel ini.

Baca Juga : 
Copy script dibawah dan letakan di html (bukan compose)
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><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;">
Isi Gambar atau Kode HTML atau apapun yang anda mau

</div></div></div></div>
Note : Yang berwarna merah silahkan anda sesuaikan dengan keinginan anda :)

Nih demo spoilernya
Haiii semua kenalin nama aku dwi :) follow blog ini yaaaaa :D
Demikian Cara Bikin Tombol Spoiler di Postingan, semoga bermanfaat :)

Share with your friends

75 comments

  1. Aldi Rahman December 28, 2013 at 7:06 AM

    Wow, keren, tombolnya mirip dikaskus. Terima kasih infonya, sangat bermanfaat, pertamax saya habiskan ^_^

    ReplyDelete
    Replies
    1. Aldi Rahman December 28, 2013 at 7:08 AM

      This comment has been removed by the author.

      Delete
    2. Aldi Rahman December 28, 2013 at 7:11 AM

      Saya kalah satu menit, besok pertamax saya bawa pulang :)

      Delete
    3. Kang SunDecember 28, 2013 at 7:15 AM

      Yang penting hadir...

      Delete
    4. UnknownDecember 28, 2013 at 8:56 AM

      saya juga ikutan hadir juga .. nih absen jangan sampai alpa deh ..

      Delete
    5. DwiJanuary 1, 2014 at 8:10 AM

      bagusss, ga ada yang alpa yaa :D semua pada ngabsen

      Delete
  2. AnonymousDecember 28, 2013 at 7:10 AM

    Wah ternyata mudah juga ya cara bikin tombol spoiler di postingan. Terima kasih sangat bermanfaat

    ReplyDelete
    Replies
    1. DwiJanuary 1, 2014 at 8:14 AM

      iya kang cukup mudah, silahkan modifikasi sendiri :)

      Delete
  3. Kang SunDecember 28, 2013 at 7:13 AM

    Thanks...kunjungan pagi, Mbak Dwi!

    ReplyDelete
  4. Intan SudibjoDecember 28, 2013 at 7:18 AM

    ternyata kode yang digunakan cukup banyak juga ya :)

    ReplyDelete
    Replies
    1. DwiJanuary 1, 2014 at 8:30 AM

      iya kang, lama kelamaan jga terbiasa dengan kode yg banyak :D

      Delete
  5. DwiDecember 28, 2013 at 7:29 AM

    @All : mohon maaf hari ini saya ga bisa blogwalking dikarenakan sedang menikmati liburan :) terimakasih buat yg udh berkunjung, nanti saya kunjungi balik

    ReplyDelete
    Replies
    1. fiu sDecember 28, 2013 at 7:34 AM

      wah.... asiknya tuh lg liburan .... oleh2nya donk mb dwi .... hehehehehe ;)

      Delete
    2. UnknownDecember 28, 2013 at 10:35 AM

      liburan kemana sist banjarmasin kah ni :D hehe

      Delete
    3. Mohammad IsnaeniDecember 28, 2013 at 10:39 AM

      Saya juga mau oleh2nya, asal jangan klepon, stok-nya masih banyak ... hehehehe

      Delete
    4. DwiDecember 28, 2013 at 6:25 PM

      choppie : iya ntar oleh olehnya postingan aja yaa :D wkwk
      Friska : geh ka ae :) kaka pang liburan kemana?
      Kang Isnaeni : wkwkk oleh olehnya dodol garut aja yaa :D

      Delete
    5. fiu sDecember 28, 2013 at 10:19 PM

      yah masa oleh2nya cuma posting aja, tambahin yg laenya ow ....xixixixixi ;)

      Delete
  6. ArifDecember 28, 2013 at 8:23 AM

    Di amankan dulu mbak dwi.

    ReplyDelete
  7. UnknownDecember 28, 2013 at 8:55 AM

    saya kira hari ini saya yang dapet pertamax nya eh ternyata bukan xixi tidak apa-apa besok pasti dapet dech .. :D

    ReplyDelete
  8. baho-punya.blogspot.comDecember 28, 2013 at 10:14 AM

    saya izin sedoot aja yaa mabk wii,
    thanxs

    ReplyDelete
  9. UnknownDecember 28, 2013 at 10:20 AM

    Bagus nih buat ngisi gambar-gambar, kayak di forum tetangga sebelah ya :)

    ReplyDelete
  10. Pri617December 28, 2013 at 10:26 AM

    Owh, dulu saya kira ngeditnya musti di edit HTML, ternyata cuma di postingannya yah?

    *garuk2jenggot

    ReplyDelete
  11. Mohammad IsnaeniDecember 28, 2013 at 10:34 AM

    besok bawa jerigen yang lebih besar ya ...

    ReplyDelete
  12. Kang UcupDecember 28, 2013 at 10:48 AM

    tapi ketika gambar dibuka, seharusnya tombol spoillernya berubah jadi tutup :)

    ReplyDelete
  13. abang ichalDecember 28, 2013 at 11:01 AM

    selain itu ada yg pake script.. tapi simple. ...

    ReplyDelete
  14. Ucu nurodinDecember 28, 2013 at 11:21 AM

    wahh bagu tu gan kalo untuk wp bisa ga ya

    ReplyDelete
  15. rumah abu abuDecember 28, 2013 at 12:00 PM

    Jangan jerigen pak, sekalin tangki minyak tanah :D

    ReplyDelete
  16. rumah abu abuDecember 28, 2013 at 12:00 PM

    Kunjungan siang dulu mbak :) Terimakasih sharingnya, Salam sukses

    ReplyDelete
  17. UnknownDecember 28, 2013 at 12:39 PM

    saya akuin, emank paling top deh tutornya

    ReplyDelete
    Replies
    1. DwiJanuary 1, 2014 at 8:58 AM

      makasih, jangan bosan bosan nongkrong dimari yak :)

      Delete
  18. Guru TIKDecember 28, 2013 at 12:49 PM

    ijin praktek mbak,,,

    ReplyDelete
  19. UnknownDecember 28, 2013 at 1:02 PM

    makin tambah pengetahuan bloging nih kalau sering" mampir di blognya mbk Dwi. terimakasih tipsnya mbk..

    ReplyDelete
  20. Mas JackDecember 28, 2013 at 3:26 PM

    mantap mbak, bermanfaat buat saya, belum pernah tau hal kyak gini, pengen nyoba

    ReplyDelete
  21. UnknownDecember 28, 2013 at 3:46 PM

    mantab mbak

    ReplyDelete
  22. UnknownDecember 28, 2013 at 4:12 PM

    Terimakasih sharingnya mbak, mungkin lain kali bisa saya praktekkin :)

    ReplyDelete
  23. Seginim CityDecember 28, 2013 at 4:24 PM

    wah! saya ketinggalan informasi nhe,, gabung donx,, kunjungan perdana :D salam knal teman.

    ReplyDelete
  24. UnknownDecember 28, 2013 at 5:14 PM

    saya mau coba ah siapa tau bisa langsung saya copy script nya mbak dwi

    ReplyDelete
  25. UnknownDecember 28, 2013 at 7:20 PM

    Menarik artikelnya sangat bermanfaat buat sobat yang membutuhkanya
    Selamat Tahun Baru 2014 semoga Mbak Dwi semakin sukses segalanya :-d

    ReplyDelete
  26. UnknownDecember 28, 2013 at 7:25 PM

    Wah sobat semua lagi berebut Pertomax nih. saya mah se adanya saja deh

    ReplyDelete
  27. Sharing Ilmu Marketing, Pengembangan Diri & Peluang Usaha.December 28, 2013 at 9:04 PM

    asik kalau pake spoiler,, terutama tidak memberatkan blog.. :D

    ReplyDelete
  28. Asep HaryonoDecember 28, 2013 at 9:11 PM

    Ahaaaaaaaaaaaa ketemu juga artikelnya
    Ini dia yang saya cari cari hampir seminggu ini
    E ketemunya di sini.
    Izin Sedot dulu ahhh

    ReplyDelete
  29. UnknownDecember 28, 2013 at 9:29 PM

    wah mbak dwi makin kreatif aja deh :-bd

    ReplyDelete
  30. Wahyu Eka PrasetiyariniDecember 28, 2013 at 10:30 PM

    asyik juga ya kalau di dalam artikel ada tombol buka tutup nya. :)

    ReplyDelete
  31. Mezi Aris ApronnyDecember 29, 2013 at 12:01 AM

    Wah asyik juga ya mbak, kemarin saya lihat di blog teman, tapi ane bingung buatnya, neh mbak yag posting caranya :)

    ReplyDelete
  32. UnknownDecember 29, 2013 at 12:01 AM

    saya biasanya menggunakan spoiler ini untuk menaruh gambar, supaya tidak terlalu rame jadi dimasukkan ke spoiler supaya bisa dibuka kalau diperlukan, sip mbak :)

    ReplyDelete
  33. Indra Kusuma SejatiDecember 29, 2013 at 1:59 AM

    Sudah di pakai Mba dan sangat memabantu keberadaan tombol spoiler yang terpasang di postingan.

    Salam,

    ReplyDelete
  34. Blog KampretDecember 29, 2013 at 7:38 AM

    Bikin spoiler itu gampang yah hehe :)
    templatenya jadi cerah nih mbak :) keren

    ReplyDelete
  35. UnknownDecember 29, 2013 at 1:56 PM

    sangat bermanfaat gan artikelnya dan sangatmembantu nubi seperti ane terimakasih banyak kalau lg jalan jalan jgn lupa mampir gan ke tutuorialbelajarseoblog.blogspot.com

    ReplyDelete
  36. UnknownDecember 29, 2013 at 2:59 PM

    Kalau pake spoiler loading saat memuat sebuah postingan bisa lebih ringan ya mbk

    ReplyDelete
  37. Elfrida ChaniaDecember 29, 2013 at 4:01 PM

    Wah keren nih! Kayak yang di kaskus hehe :D

    ReplyDelete
  38. Ade ArifDecember 29, 2013 at 8:18 PM

    Artikel yang sangat bagus bisa di coba..
    salam kenal buat semua sahabat disini..

    ReplyDelete
  39. UnknownDecember 29, 2013 at 11:01 PM

    dengan ada nya spoiler bisa jadi simplee

    ReplyDelete
  40. Ello ArisDecember 30, 2013 at 6:24 AM

    gak berani coba bikin kayak gini

    ReplyDelete
  41. Blog KampretDecember 30, 2013 at 12:49 PM

    Wah blog mbak rame banget yah :) makasih nih cara buat tombol spoiler

    ReplyDelete
  42. Lirik laguDecember 30, 2013 at 5:37 PM

    keren gan :D
    btw ijin bukmark ya :p

    ReplyDelete
  43. UnknownDecember 30, 2013 at 6:39 PM

    Masih belum ngerti dwi, yang kayak ginian mah kk' angkat bendera putih...

    Loading...

    ReplyDelete
  44. Mas AndesDecember 30, 2013 at 7:04 PM

    saya juga suka sama tombol yang bisa dibuka kapan saja dan di tutup kapan saja hehehe..

    ReplyDelete
  45. Rully ArdiansyahDecember 30, 2013 at 8:59 PM

    jadi bisa kaya forum nih :D thanks mba udah berbagi

    ReplyDelete
  46. UnknownDecember 31, 2013 at 10:02 AM

    hemz . . .dapat ilmu baru niyh , ,\
    pakek spoiler kliatannnya bagus dah ya , ,
    izin praktek ya

    ReplyDelete
  47. Mohammad FanirifantoDecember 31, 2013 at 1:25 PM

    Ini seperti yang di forum-forum itu ya mbak ?

    ReplyDelete
  48. Bang dayDecember 31, 2013 at 10:23 PM

    Izin bookmark ya mbak.

    ReplyDelete
  49. AdminJanuary 1, 2014 at 6:03 AM

    sebenarnya masih bisa hiasi dengan css sist, biar nambah keren gitu lo hehehe... newbie gajar master, terbalik kayaknya nih.

    ReplyDelete
  50. DwiJanuary 1, 2014 at 8:02 AM

    baru nyadar klo ada yg lagi rebutan pertamax :D

    ReplyDelete

Berkomentarlah dengan baik, diharapkan komentar sesuai Isi Artikel.
Dilarang keras meninggalkan link aktif ataupun iklan dikolom komentar.

Halo Sehat