Rabu, 05 Juni 2013
assalamualaikum,
kali ni ane mau ngsare tentang cara membuat spoiler pada postingan blog. sebelumnya fungsi dari spoiler adalah untuk menyembunyikan isi dari postingan, supaya tidak terlalu banyak konten yang termuat pada postingan blog agan-agan.
langsung aja ya gan, ni dia caranya :
- Buat New post atau edit post
- Kemudian masuk pada HTML, untuk memasukkan kode di bawah 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), link di
sini <br>
</div>
</div>
</div>
|
3. masuk ke Compose untuk melihat hasilnya.
4. setelah cocok simpan dan publish.
