Membuat Kotak Spoiler Pada Postingan

Dibawah ini adalah contoh Kotak Spoiler yang kita bahas pada tutorial kali ini silahkan di coba.

Jawabannya :

"Hewan ELANG dimanapun ada...di Indonesia ada...di Denmark juga ada"...he..he..he..




Nah, guna kotak tersebut adalah untuk menyembunyikan tulisan, photo, bahkan video tertentu yang ingin kamu sembunyikan dari postinganmu agar pengunjung blogmu penasaran. Cara membuatnya gampang kok, silahkan ikuti petunjuk berikut untuk membuatnya...


<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Jawabannya</b> : <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">"Hewan ELANG dimanapun ada...di Indonesia ada...di Denmark juga ada"...he..he..he..</div></div></div>


Ganti Kata "Jawaban" menjadi judul kotakmu, contoh "Photo tersembunyiku".

Ganti Kata "Hewan ELANG dimanapun...." menjadi isi yang ingin kamu sembunyikan. Jika kamu ingin menyembunyikan photo, maka terlebih dahulu kamu upload photomu ketempat penyimpanan online seperti "PhotoBucket" lalu copy htmlnya ke dalam kotak ini.

Semoga berguna dan bermamfaat...
Previous
Next Post »

2 komentar

Click here for komentar
Kang Sukir
admin
26 June 2011 at 21:35 ×

tipsnya bagus bagus juga blog yang indah/salam kenal

Reply
avatar
11 July 2011 at 06:37 ×

tolpng update banner saya menjadi http://www.ahmad-888.blogspot.com/2011/02/pasang-link-blog-anda-di-sini-gratis.html

Reply
avatar
Thanks for your comment