Home» Blog» Cara Membuat Spoiler Pada Postingan Blog

Cara Membuat Spoiler Pada Postingan Blog

Posted By Dewa Wijaya on Monday, March 18, 2013 | 6:23 PM

Sebelum sobat membaca lebih jauh artikel ini, lebih baik bobat ketahui dulu apa itu Spoiler. Spoiler adalah cara untuk menyembunyikan teks,video,gambar,maupun script dengan tujuan untuk menghemat ruang postingan. Selain itu Spoiler juga dapat mempercepat loading pada suatu website ataupun blog. Nah, postingan saya kali ini akan membahas tentang Cara Membuat Spoiler Pada Postingan Blog. Penasaran bagaimana cara membuatnya? Silahkan baca dengan seksama tutorial yang saya tulis di bawah ini :
Cara Membuat Spoiler Pada Postingan Blog :
1. Login ke blogger
2. Kemudian tulis postingan baru
3. Ganti tab Compose dengan tab HTML
4. Masukan kode di bawah ini

<div id="spoiler" style="display:none">

 konten yang disembunyikan

 </div>
<button title="Klik untuk melihat/menyembunyikan" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Open/Close</button> 

5. Ganti kode yang berwarna merah dengan konten yang akan sobat sembunyikan.
6. Kode yang berwarna biru bisa sobat ganti sesuai selera sobat.

Sekian artikel Cara Membuat Spoiler Pada Postingan Blog dari Artikel Dewa Wijaya. Semoga bisa membantu. Pengunjung yang baik selalu meninggalkan jejaknya sebelum ia meninggalkan blog ini. Semoga anda mengerti maksud saya.
Blog, Updated at: 6:23 PM
Dewa Wijaya pada 6:23 PM

47 komentar:

  1. UnknownMarch 18, 2013 at 9:37 PM

    wahhh patut di coba ni gan ,
    thanks atas ilmu nya gan , posting yg kyak beginian lg ya ,
    Saya tunggu artikel selanjutnya :)

    ReplyDelete
  2. Dewa WijayaMarch 19, 2013 at 2:58 PM

    sama - sama gan . .
    saya akan selalu berusaha untuk memposting artikel yang lebih baik lagi di kemudian hari . .

    ReplyDelete
  3. WESHARE™April 1, 2013 at 10:16 PM

    Wah ini bisa juga buat mempercepat loading blog..
    pake ahh
    thank's ya friend

    ReplyDelete
    Replies
    1. Dewa WijayaApril 1, 2013 at 10:29 PM

      ia sama - sama friend . .
      silahkan dicoba . .

      senang bisa membantu . .

      Delete
  4. Dewa WijayaApril 7, 2013 at 1:00 PM

    benar sekali sob . .
    membuat spoiler memang sangat cocok bagi blog yang memiliki banyak gambar . .

    kan kasihan yang punya koneksi internet agak lambat jadi gk bisa mengakses blog yang memiliki banyak gambar tersebut . .

    ReplyDelete
  5. prasJuly 4, 2013 at 10:00 PM

    Makasih sharenya gan..

    ReplyDelete
  6. Mau OomJuly 9, 2013 at 12:01 PM

    Sangat membantu, Trim's

    ReplyDelete
  7. MTsS AL-IHSANJuly 14, 2013 at 11:20 PM

    KOq di blog saya gak bisa ya?

    ReplyDelete
    Replies
    1. Dewa WijayaJuly 15, 2013 at 2:45 PM

      script'a work kok sob . .
      sebelum paste code'a, ganti tab COMPOSE dengan tab HTML, abis tu baru paste kode'a . .

      Selamat Mencoba :D

      Delete
  8. ridharcknAugust 2, 2013 at 9:41 AM

    Terima Kasih banyak brother, sangat mengesankan, salam

    ReplyDelete
  9. UnknownAugust 6, 2013 at 1:44 PM

    thanks gan pas banget nih lagi cari ini :D
    kunbal yaa

    ReplyDelete
  10. cupuxAugust 17, 2013 at 5:29 AM

    mantap kang artiklenya... perlu dicoba ni :)

    ReplyDelete
    Replies
    1. Dewa WijayaAugust 21, 2013 at 8:07 AM

      silahkan dicoba kalau . .
      ada masalah, bisa tanya saya kok . .

      Delete
  11. UnknownAugust 18, 2013 at 4:41 AM

    Ijin coba dulu, trims infonya dan salam kenal :)

    ReplyDelete
  12. EmanSeptember 5, 2013 at 8:57 AM

    Mantap gan, dan berhasil di aplikasikan.

    ReplyDelete
  13. egagologySeptember 14, 2013 at 8:19 AM

    This comment has been removed by a blog administrator.

    ReplyDelete
  14. Fans JKT48 BekasiSeptember 14, 2013 at 8:19 PM

    ko spoiler'nya tulisan malah ke sambung ya?
    yang aturan Enter/dibawah, ini cuma spasi

    ReplyDelete
    Replies
    1. Dewa WijayaSeptember 15, 2013 at 7:37 PM

      spoiler'nya tulisan malah ke sambung?
      maksudnya gimana ya sob?

      kok saya kurang paham ya?

      Delete
  15. UnknownSeptember 26, 2013 at 9:58 AM

    Gan nanya dong..
    kok ane bikin banyak spoiler sekali buka 1 spoiler jadi kebuka semua ya?
    apa yang salah gan?

    ReplyDelete
    Replies
    1. Dewa WijayaSeptember 26, 2013 at 9:00 PM

      script koding spoilernya harus dibedain gan . .
      kalo disatuin emank sering kayak gitu jadinya . .

      Delete
  16. AnonymousOctober 1, 2013 at 10:48 PM

    Mantap Gan tutorialnya,saya bisa pasang.kunbal ya gan

    ReplyDelete
    Replies
    1. Dewa WijayaOctober 10, 2013 at 6:14 PM

      thanks gan . .
      btw, saya harus kunbal kemana gan?

      Delete
  17. UnknownOctober 2, 2013 at 1:41 AM

    buttonnya kalo mau pake gambar bisa gak gan,,?

    ReplyDelete
    Replies
    1. Dewa WijayaOctober 10, 2013 at 6:26 PM

      bisa gan, tapi scriptnya beda lagi.
      kalau pakai script ini kayaknya gk bisa gan . .

      Delete
  18. UnknownNovember 29, 2013 at 9:31 AM

    Makasih tutor nya gan... berguna banget ni....

    ReplyDelete
  19. AnonymousJanuary 1, 2014 at 6:51 PM

    mampir ngopy mas gan hehe.... ini sama dengan yang ane praktekin dulu tapi sekarang ane udah pakek yang versi style alias modivan hehe

    ReplyDelete
  20. UnknownJanuary 11, 2014 at 10:55 PM

    Thankyou gan, membantu sekali buat newbie kaya saya hehehehehe

    ReplyDelete
  21. Alberto Krishna Ksatria Winning KusumaJanuary 21, 2014 at 6:29 AM

    Makasih lho. hehehe..., mau bikin postingan yang panjang beut, bisa dipersingkat. yey!

    ReplyDelete
  22. UnknownFebruary 9, 2014 at 3:53 PM

    Nice Info Gan

    ReplyDelete
  23. AnonymousMarch 1, 2014 at 3:01 PM

    sangat membantu saya.. terimakasih..

    ReplyDelete
  24. Ranar1808March 9, 2014 at 8:01 PM

    Makasih Bang..
    script nya work di blog ane..

    ReplyDelete
  25. MimpikuApril 3, 2014 at 10:11 PM

    makasi banyak gan

    ReplyDelete
  26. Minhajuddin Kasman ARApril 7, 2014 at 9:39 AM

    Keren tutornya.. ane punya tool pembuat spoiler di blog nih, mungkin membantu :
    http://vertigo-man.blogspot.com/2014/04/bspoiler-maker-tool-pembuat-spoiler.html

    ReplyDelete
  27. TNT PROApril 17, 2014 at 10:22 AM

    mampir ke toko kami gan

    http://www.tokobundajaya.blogspot.com/

    ReplyDelete
  28. AdminMay 16, 2014 at 6:34 AM

    thanks gan.. sudah saya coba dan ternyata work..
    Buat yang lain, silahkan dicoba, tutorial ini work,,

    ReplyDelete
  29. DzatmikoJune 7, 2014 at 9:40 AM

    Thanx gan infonya ..
    ditunggu kunbal nya ya http://dzatmiko.blogspot.com ...
    Thx.

    ReplyDelete
  30. UnknownJuly 22, 2014 at 1:43 PM

    Postinganya Good Job

    ReplyDelete
  31. IDCHEAT.COMOctober 26, 2014 at 4:52 AM

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

    ReplyDelete
  32. Muzdakir MuhlisinApril 16, 2015 at 10:05 AM

    Sangat bermanfaat sekali gan. Terima kasih banyak. Udah ku coba dan berhasil
    hehe..

    ReplyDelete
  33. UnknownMay 4, 2015 at 7:56 AM

    Infonya lumayanlah :D
    Tapi template blog Gue udah ada dari sononya jadi gak perlu masang lagi :v

    ReplyDelete
  34. UnknownApril 19, 2016 at 12:33 PM

    kalau mau masukin spoiler ke dalam spoiler bias enggak gan?

    ReplyDelete

1 Komentar anda sangat berarti bagi kami. Karena komentar andalah yang menjadi semangat bagi kami.

Anda bebas berkomentar, asal jangan mencantumkan link hidup pada komentar. Bagi yang mencantumkan link hidup pada komentar, dengan berat hati komentar anda akan segera kami hapus.