Subscribe For Free Updates!

We'll not spam mate! We promise.

Thursday 24 January 2013

Membuat spoiler pada postingan blogger

haloo para pembaca, apa kabarnya, pada kesempatan kali ini saya ingin mengulas sebenarnya bagaimana sih cara membuat spoiler pada postingan blogger dulu saya sempat bingung ngebuatnya aduh aduh,.. baca script ini lah itu lah tentang scriptnya membuat spoiler, rada bingung sih,.. akhirnya ya jalan keluarnya tanya mbah google gimana sih cara membuat spoiler pada blogger dan dijawablah oleh mbah google, makasih mbah :kiss

spoiler biasanya sih dipakai untuk mempersingkat ataupun memperindah isi tampilan kita, atau menyembunyikan sesuatu, pada postingan saya sebelumnya di blog ini tentang membuat avatar bagi pemula nah disitulah saya mulai cari mencari cara membuat spoiler pada blog berikut scriptnya :

<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;">
Tuliskan Teks Anda di Sini atau kode script gambar/video ! <br>
</div>
</div>
</div>
dan hasilnya
Judul Spoiler:
Tuliskan Teks Anda di Sini atau kode script gambar/video !  
hal ini bisa dipakai juga untuk menambahkan di widget tinggal copy paste lagi kode diatas dan tambah html seperti biasa. selamat mencoba.

Socializer Widget By Blogger Yard
SOCIALIZE IT →
FOLLOW US →
SHARE IT →

0 komentar: