Tuesday, January 27, 2015

Cara Membuat Spoiler Ala Kaskus Di Dalam Posting Blog

Cara Membuat Spoiler Ala Kaskus Di Dalam Posting Blog





Cara Membuat Spoiler Ala Kaskus Di Dalam Posting Blog 
Assalamualaikum wr.wb. Siang ini saya akan berbagi Tutorial Blog yang lebih menarik lagi yaitu Membuat Spoiler Ala Kaskus Di Dalam Posting Blog. Spoiler yang biasanya kita lihat di kaskus sekarang bisa diterapkan di blog, menggunakan spoiler blog memperindah blog, mempersimple tampilan posting blog tentunya. Spoiler ini biasanya digunakan untuk gambar, situs download atau yang lainnya. Lihat seperti apa sih Spoiler Ala Kaskus Di Dalam Posting Blog :

Spoiler :
B-CYBER-INFORMATION.BLOGSPOT.COM , Selamat Mencoba :D  
Langkah-Langkah Membuat Spoiler Ala Kaskus Di Dalam Posting Blog
1.  Buka Blog >> Masuk ke posting blog >> pilih HTML
2.  Masukkan kode dibawah ini didalam posting HTML tadi :
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler</b> : <input 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'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
</div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Masukkan gambar atau script lainnya disini</div>
</div>
</div>

0 comments: