Cara Membuat Spoiler dan Quote Pada Blog

Halo sahabat sedapgurih.blogspot.com, berikut saya akan memberitahukan bagaimana cara membuat spoiler dan quote pada blog kita. Berikut caranya.

Untuk membuat quote pada blog, taruhkan scrip dibawah ini pada blog Anda :
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 30px; -moz-border-radius-topright: 30px; background: #eeeeee none repeat scroll 0% 0%; border: 5px solid #dddddd; overflow: auto;">
Taruh disini teks, gambar atau media lain yang akan diquote</div>

Untuk Membuat Spoiler pada blog, taruhkan script dibawah ini pada blog Anda :
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55pxfont-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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">


Letakkan kode script, HTML dan teks anda disini


<br>
</div>
</div>
</div>
 
Nah, mudahkan. silahkan di coba..


Artikel Terkait:

0 comments:

Post a Comment