Kamis, 12 Juli 2012

Cara Membuat Spoiler di Blog

1. Buka Blogger
2. Masukkan Email dan Password
3. Masuk ke dalam Post
4. Lalu buat Entri Baru
5. Setelah itu muncul tab editor
6. Lalu klik tab HTML (terletak disebelah tab Compose)
7. Setelah itu Copy Paste-kan kode berikut dibawah ini

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Letakkan teks atau kode script (gambar atau video) di sini om!

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



8. Kita dapat mengubah Judul Spoiler sesuai dengan selera kita, begitu juga tulisan "Buka" dan "Tutup" nya om
9. Klik Publish apabila sudah selesai..
10. Silahkan dilihat ^_^




Open Spoiler:
Saya GANTENG (DevilScreaM)

0 komentar:

Posting Komentar

Terima Kasih Telah Berkunjung
Berkomentarlah Dengan Sopan !