Cara Membuat Spoiler di WordPress

Cara Membuat Spoiler di WordPressCara Membuat Spoiler di WordPress ternyata sangat mudah dan tidak perlu membutuhkan waktu yang lama. Banyak yang bingung ketika Membuat Spoiler di WordPress karena memang jika menggunakan wordpress yang gratisan alias wordpres.com itu tidak diperbolehkan.

Nah,Bagaimana Cara Membuat Spoiler di WordPress untuk yang menggunakan domain lain selain dari domain resminya ?? ternyata simple..kalian hanya memasukan beberapa script HTML saja untuk membuat spoiler tersebut,So..daripada kita berlama – lama dengan cerita,mari kita mulai saja Cara Membuat Spoiler di WordPress.Cara Membuat Spoiler di WordPress

1.Masukan Kode HTML Pada Bagian HTML saat kalian ingin melakukan Posting yang menggunakan Spoiler.

Mana kodenya ?? sabar ini dia kodenya :

[php]<div><input 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 = ‘Sembunyikan’; } else { this.parentNode.parentNode.getElementsByTagName(‘div’)[1].getElementsByTagName(‘div’)[0].style.display = ‘none’; this.innerText = ”; this.value = ‘<em>LIHAT ISINYA</em>’; }” type=”button” value=”Tampilkan” /></div>
<div style=”background: #CCCCCC; margin: 10px auto; border: 1px solid #000; padding: 5px;”>
<div style=”display: none;”><em>TEKS YANG INGIN DISEMBUNYIKAN</em></div>
</div>[/php]

Nah,itu dia kodenya yang kalian masukan namun kalian liat teks yang saya cetak miring dan huruf besar ya.Tulisan tersebut bisa kalian ganti sesuai dengan yang kalian inginkan dan bagaimana hasilnya ??

ini dia hasilnya :

Sekedar Test Spoiler

Bagaimana ?? Mudah bukan membuat spoiler itu ?? ternyata tidak sesulit yang kita bayangkan. Semoga info yang saya berikan dapat bermanfaat serta dapat dibagikan kepada semua orang yang teman – teman kenal.Sekian dari saya mengenai info Cara Membuat Spoiler di WordPress.

11 Replies to “Cara Membuat Spoiler di WordPress”

  1. iya kang..
    cuma maenan sedikit kode aja..
    silahkan diedit kalo mau buat baru.. :D

  2. mas, kalau tombol spoiler itu diganti teks doang (bukan tombol) bisa ga?

    jadi maksud saya begini, syaa pernah liat di Google ada link yang disebelah kirinya itu terdapat tanda (+) nah saat link itu di klik, konten atau penjelasan muncul dibawahnya. dan saat penjelasan atau konten tersebut terbuka, tanda (+) menjadi tanda (-). bagaimana tips membuatnya?

    makasih

  3. kalo mau ditambahin password gimana ? misalnya diatas tombol tampilkan ada kotak pasword 3 digit.. setelah itu klik tampilkan ..
    thanx gan
    backlink yaps

  4. Sy lagi nyari2 caranya & nemu artikel ini dari google tapi ko pas diklik ga ada perubahan ya kecuali tombolnya doang yg berubah dari “Tampilkan” ke “Sembunyikan”

    setelah sy coba di blog wp saya yg muncul ko malah source codenya juga ya mas ?

Leave a Reply

Your email address will not be published. Required fields are marked *