Cara Buat Spoiler Blogger

Hi Opamer..Opa hadir lagi setelah lama tidak muncul disini. Sebelumnya Opa minta maaf karena lama tidak kasih posting. Gimana Kangen gak ma Opa hehehe... Pembahasan Opa kali ini yaitu tentang "Cara Buat Spoiler di Blogger". Okelah Opamer mari kita mulai belajar barengnya. Yuk..Kita menuju tutorialnya dibawah ini seeeeeets:



1. Login Ke Blogger
2. Letakkan Script dibawah ke Postingan Opamer:

Script Spoiler Gambar Ini:

<div><div style="margin: 20px; margin-top:5px"><div class="smallfont" style="margin-bottom: 2px;"><input value="Show" type="button" style="margin: 0px; padding: 5px; width: auto; font-size: 11px;" 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"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">

<img src="http://erdisekti.webs.com/photos/-opa-mablogspotcom/7.jpg" alt="Contoh spoiler gambar" width="none" height="none" />

</div></div></div></div></div>

Keterangan: Ganti Tulisan warna Kuning Dengan Url Image Opamer..Terserah dah mau diganti apa? Manut wae Opa hehe....

Contoh Jadi Spoiler Gambar

Mejeng Dulu Ah Opa hahahaha

Script Spoiler Teks ini:

<div><div style="margin: 20px; margin-top:5px"><div class="smallfont" style="margin-bottom: 2px;"><input value="Show" type="button" style="margin: 0px; padding: 5px; width: auto; font-size: 11px;" 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"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">

Teks Silahkan Diketik Disini

</div></div></div></div></div>

Keterangan: Ganti Tulisan Yang berbunyi "Teks Opamer Silahkan Diketik Disini" (warna kuning) Oky...
Contoh Jadi Spoiler Teks

Salam Blogging opa-ma.blogspot.com

Sekedar Artikel Yang Bisa Kita Buat Untuk Belajar Bareng
Mempercantik Blog Opamer

3. Kalau sudah selesai utak-utiknya
4. Tinggal di Save

NB: Ini Juga Bisa Dibuat Diwebsite loh opamer. Intinya website yang menyediakan tempat menaruh html gt.

sumber : opama