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

{ 2 comments... read them below or add one }

ata Quincy mengatakan...

test laghi...


14 September 2012 18.14
Poker Uang Asli mengatakan...

Nice isi artikel jelas dan mudah dipahami TQ Bos..

Agen Poker Online
Dewa Poker Online


12 Januari 2017 16.11

Posting Komentar

berbagi untuk beramal...CMIIW (^_^)V

 
© Ata Quincy Jepara All Rights Reserved