Wednesday, May 16, 2012

Cara Membuat Spoiler di Blog


Posted by: Bloggertrik // 9:54 AM | Kategori: trik blog

Sudah pernahkah anda membuka forum terbesar di indonesia yang bernama kaskus? Nah disana biasanya banyak ditemukan spoiler untuk membuka dan menutup gambar atau untuk keperluan lainnya.
Bagi anda yang belum mengetahui apa yang namanya spoiler itu maka bloggertrik akan memberikan satu contoh yang dinamakan spoiler di bawah ini:


Judul Spoiler:




Nah ini yang namanya spoiler, sudah tahu kan sekarang?





Cara membuat spoiler di blog adalah sebagai berikut:

1. Copy kode berikut ini

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

Masukan isi spoiler di sini baik kode html, gambar, tulisan, dll

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


2. Setelah itu login ke akun blog anda
3. Klik menu Rancangan, tambah gadget,pilih "javascipt" kemudian pastekan kode tersebut. Untuk memasukan kode spoiler tersebut ke dalam postingan maka lakukanlah postingan seperti biasa dan pastekan kode di atas

4. kemudian simpan

Semoga tutorial di atas bermanfaat bagi anda
Cara Membuat Spoiler di Blog
Cara Membuat Spoiler di Blog Bloggertrik
By:
Published:
Rating Artikel : 5 rates
Jumlah Voting : 160 Orang Total time:

Link Url: http://bloggertrik.blogspot.com/2012/05/cara-membuat-spoiler-di-blog.html