Bagi anda seorang kaskuser pasti tidak asing lagi dengan "Spoiler" hampir setiap thread ada Spoilernya, nah bagaimana Cara Membuat Spoiler di Blogger ?
Cara sangat gampang dan bisa langsung d praktekkan..
- Silahkan buat posting baru / klik 'new entry' di dashboard blogger anda
- Pastikan anda membuat/menulis artikel
- Lalu klik pada bagian "HTML" di page tempat anda posting
- lalu letakkan kode berikut di tempat yang anda inginkan
<div style="margin: 5px 20px 20px;">Untuk mengecek silahkan kembali/klik bagian "Compose"
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; 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 = '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 yang anda inginkan disini
<br>
</div>
</div>
</div>
Berikut ini contohnya gan :
Spoiler:
Anda baru saja membaca artikel yang berkategori blogger
dengan judul Cara Membuat Spoiler di Blogger. Anda bisa bookmark halaman ini dengan URL http://olengkblogs.blogspot.com/2012/06/cara-membuat-spoiler-dan-quote-di.html. Terima kasih!
- Monday, June 11, 2012
1 Komentar untuk "Cara Membuat Spoiler di Blogger"
Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...
Post a Comment