Pasang Spoiler Keren di Blogspot

Spoiler adalah satu trick untuk menampilkan dan menyembunyikan suatu konten, dimana konten bisa berupa text, image atau multimedia. Spoiler biasa orang pakai di blog dan forum-forum misal kaskus.

Alasan blogger / kaskuser  menggunakan spoiler di dalam konten blognya / tulisannya bisa bermacam-macam, mungkin saja agar konten terlihat tidak terlalu panjang, atau bikin kejutan begitu dibuka spoilernya akan terpampang gambar yang bikin jantung berdegup kencang ,,, BOOM !!!

Pasang Spoiler Keren di Blogspot

Spoiler - Konten Text / Code

<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <input type="image" src="http://3.bp.blogspot.com/-HIKi-bKh81g/T2naXLefZkI/AAAAAAAACZs/2-q4l0NQjHo/s1600/open.gif" alt="Submit button" 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.src = 'http://3.bp.blogspot.com/-NyaUT0egAFE/T2naXe42x_I/AAAAAAAACZ0/PxT7o0rYPOM/s1600/close.gif'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.src = 'http://3.bp.blogspot.com/-HIKi-bKh81g/T2naXLefZkI/AAAAAAAACZs/2-q4l0NQjHo/s1600/open.gif'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 125px;"type="image" /></div> <div class="alt2" style="border: 1px dashed; margin: 0px; padding: 6px;"> <div style="display: none;"> Letakkan konten Anda di sini. </div> </div> </div>

 lihat yang warna merah dashed, ini adalah jenis border, anda bisa pilih dashed, dotted, double, inset, atau solid. Silahkan anda coba-coba sendiri sesuai selera masing-masing.

Kemudian yang merah kedua  Letakkan konten Anda di sini  bisa anda letakkan konten apa saja text/code, image, atau multimedia.  INGAT !!!  bila yg akan disisipkan berupa code atau script maka harus di-parse atau encode terlebih dahulu menggunakan tool  Script Parse HTML

Read more: http://www.sakahayang.com



ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Ranking: 5