Cara Membuat Spoiler

Kamis, 05 Juli 2012
Sekarang saya akan mencoba berbagi dengan kawan tentang Cara Membuat Spoiler :q; yang peruntukan atau kegunaannya untuk menyembunyikan sesuatu [Gambar, Iklan dan lain sebagainya] pada tempat yang sempit, karena kalau tanpa Spoiler akan menghabiskan banyak tempat :z; 
Kalau kawan ada yang bertanya, seumpama kawan memasang Iklan pada Spoiler, pengunjung Blog pasti tidak mau membuka Spoiler tersebut :w  karena sudah diketahui isi didalam Spoiler tersebut adalah Iklan Sponsor - Benar juga ya !!!
Tapi kawan jangan salah prediksi, karena saya berikan solusi seperti berikan Judul yang bikin pengunjung Blog kita penasaran  misalnya "ADA APA DISINI" :r;

simpan : FILE, GAMBAR, VIDIO dll disini
Cara membuat Spoiler
  • Masuk Acount Blogger dengan ID kawan
  • Pada Dasbor pilih Tata Letak 
  • Pilih Tambah Gadget - HTML / JavaScript 
  • Copas Script berikut kedalamnya
<center><div style="margin: 5px 10px;">
<input value="JUDUL SPOILER" style="margin: 0px; padding: 0px; width: 100%; font-size: 18px;" 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 = 'mohon tutup kembali'; }
else { this.parentNode.parentNode.getElementsByTagName('div')
[1].getElementsByTagName('div')
[0].style.display = 'none'; this.innerText = ''; this.value = 'judul spoiler'; }"
type="button"/> </div>
<div class="alt2" style="border: 0px inset ; margin: 0px; padding: 0px;">
<div style="display: none;">
simpan : FILE, GAMBAR, VIDIO ANDA dll disini</div></div></center> 

Silahkan kawan menyesesuaikan khusus pada teks yang saya beri warna merah :q; 
Selamat Mencoba


0 komentar:

Posting Komentar