Cara Membuat Spoiler di Blog

15 June 2012
Jika kita sering/ pernah berkunjung ke web forum, pastilah kita sering menjumpai spoiler, atau bahkan mungkin kita juga pernah menggunakannya. Saya akan mencoba memberikan trik cara mambuat spoiler di Blog. Membuat spoiler di blog tidak semudah membuat spoiler di forum-forum. Jika di forum forum kita cukup mengetik [spoiler]isi spoiler[/spoiler], kalau di blog lebih rumit, karena kita masih harus mengetikkan beberapa script untuk membuat spoiler. Oke, berikut langkah-langkah dalam membuat spoiler di blog:
1. Masuk ke postingan yang akan kita beri spoiler, atau buat entri baru
2. Masuk ke mode HTML

Mode Html, Spoiler di blog


3. Copy script di bawah ini:

<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 spoiler<div>

Keterangan:
  1. Tulisan berwarna merah bisa anda ganti engan kata-kata yang anda inginkan
  2. Kode berwarna hijau adalah kode warna untuk background. Jika ingin background transparan, anda bisa mengganti kode tersebut dengan tulisan transparent.
  3. Tulisan isi spoiler bisa anda ganti dengan konten tulisan, gambar ataupun video clip yang ingin diberi spoiler
4. Simpan dan lihat hasilnya

Anda bisa ganti dengan konten tulisan, gambar ataupun video clip yang ingin diberi spoiler

INFORMASI PENTING

Apabila ada script atau tips & trik yang tidak bisa digunakan, silahkan beritahu kami melalui kolom komentar atau email kami di psnpenting@gmail.com

papa wardi
papa wardi Updated at: 12:24

11 komentar

terima kasih atas isi nya
ada bisa berkunjung ke blog saya
http://motordragku.blogspot.com/

Balas Hapus

ijin praktek gan,,, semoga berhasil,ntar kalau dah berhasil ane datang lg,,untuk konfirm

http://caracara1.blogspot.com/

Balas Hapus

ijin publis gan soalnya baru pemula....
pokoknya URL anda saya tampilan sabagai sumbernya...
YouMe12.blogspot.com

Balas Hapus

terima Atas ilmunya sobat....
semoga berkah & sukses

Balas Hapus

numpang promo gan, masih newbi
batreiblackberry.blogspot.com

Balas Hapus

Thanks mas bro

Balas Hapus

terima kasih pren...sangat berguna
http://akasnya.blogspot.com

Balas Hapus

thanks .I have been searching for this along time.thanks for your post.I really welcome you for the way of your writing skill.May you prosper a lot in blogging arena in future

Balas Hapus

Kolom komentar adalah tempat untuk Tanya-Jawab, Kritik-Saran dan tempat untuk berbagi ilmu, BUKAN TEMPAT PROMOSI.
Maaf jika saya tidak bisa membalas satu per satu komentar sahabat semua. Harap maklum.

Copyright 2016 © papawardi