Cara Membuat Spoiler

Spoiler in WordPress like vBulletin

Spoiler in WordPress like vBulletin

Menyembunyikan konten tertentu dari sebuah halaman website terkadang diperlukan untuk menghemat space. Ketika visitor ingin melihat konten yang tersembunyi tersebut mereka dapat dengan mudah menampilkannya. Dalam software forum semacam vBulletin, hal ini disebut dengan Spoiler.

Bagaimana cara membuatnya? Hanya diperlukan sedikit kode javascript yang langsung diembed di kode html. Kode ini saya colonk save as dari kaskus :D

Contoh Penggunaan Spoiler

[raw]<br />
[ spoiler title="Test" ]<br />
Hello ini adalah text yang disembunyikan<br />
[ /spoiler ][/raw]

Contoh diatas ditulis tanpa menggunakan spasi setelah tanda kurung buka [ dan sebelum tanda kurung tutup ]

Maka hasilnya adalah sebagai berikut:

Spoiler for Test:

Hello ini adalah text yang disembunyikan

Cara Menginstal
Upload dan extract File Zip berikut ke dalam folder wp-content/plugins di WordPress Anda melalui FTP. Atau langsung Upload dari wp-admin => Plugins => Add New Kemudian Aktifkan

Downloads WordPress Plugin Spoiler

Download WP Kaskus Spoiler
$10.99 .CO Domains!

Incoming search terms:

  • cara membuat SPOILER
  • cara membuat spoiler di wordpress
  • membuat spoiler di wordpress
  • membuat spoiler
  • kode spoiler
  • membuat spoiler di web
  • cara buat spoiler
  • spoiler wordpress
  • cara buat spoiler di wordpress
  • bikin spoiler di wordpress
  • http://ripiyuku.blogspot.com/ ripiyuku

    udah nyoba boss … seeppppp

  • http://www.ibnux.net iBNuX

    thx for sharing…

  • http://www.ibnux.net iBNuX

    tapi klo multi spoiler ga jalan yang keduanya

  • Administrator

    @ibnux,
    bisa, untuk multi spoiler cukup tambahkan div lagi di masing2 spoilernya…

    jadinya begini…

    spoiler 1

    
.... disini kode spoiler seperti contoh di atas

    spoiler 2

    
.... disini kode spoiler untuk contoh diatas...

    boleh dicoba :)

  • http://www.dago7.com dago7

    bikin yang kaya di kaskus douung

  • Administrator

    tinggal ganti aja Tampilkan/Sembunyikan menjadi Show/Hide :-j

  • Misz

    Bisa dipakai di WP ngga ya?
    Terus kalo bisa naruhnya di bagaian mana?

  • http://www.2cybersearch.com Cyber Search

    ane coba di theme ane kok ngga bisa ya mas..apa themenya yang ngga support ya..?

    • takien

      hmmmm…
      ntar ane cek lagi gan

      • http://www.xrvel.com/ Xrvel

        udah saya cek gan. makasih gan.. bisa gan :p

  • takien

    Hello all,
    sudah saya buatkan pluginnya untuk WordPress, tinggal upload instal.
    Cek link di atas.
    Thank you
    :)

    • http://www.2cybersearch.com Cyber Search

      walah…mantaff..ijin sedot gan..pertamaxxx

  • Crist_erick

    ijin sedot gan, thx

    • Anonymous

      silahkan gan :)

  • Pingback: Ketikanku » Tes untuk membuat spoiler

  • Anonymous

    work gan… bisa di wp ane

    • Anonymous

      sip gan mantab thank you :D

  • Pingback: Crist Erick S.M. » Plugin & Widgets

  • Andika

    cara menggunakan pluginnya gimana setelah di install?

    • takien

      ketik aja

      [spoiler title="test"]
      text disini
      [/spoiler]

  • http://konsultan-keuangan-pajak.blogspot.com/ Konsultan Pajak

    mau tanya apa bener ini hasil colongan dari kaskus?? terus ini ilegal tidak ??? terimakasih 

    • takien

      yang ambil kode js untuk spoilernya.
      klo pluginnya ane yang buat.

      ilegal gk nya gk tau. lagian itu script vbulletin, banyak juga di forum2 lainnya. bukan kaskus yang mbuat :D

      • http://konsultan-keuangan-pajak.blogspot.com/ Konsultan Pajak

        mau ga tukeran link dg blog saya 

  • http://asthaluph.com/ Asthaluph

    makasih gan bisa juga nih di web ane…
    thanks