Blogroll

~TERIMA KASIH ATAS KUNJUNGANNYA~

👇DAPATKAN UPDATE BLOG INI KLIK FOLLOW/IKUTI

CARA MEMBUAT SPOILER GAMBAR DI POSTINGAN BLOG

Berdasarkan judul diatas bagi anda yang sering nongkrong diforum kaskus saya rasa sudah tidak asing lagi yang namanya spoiler dan bagi yang belum tau apa itu spoiler?? spoiler adalah tekhnik untuk menyembunyikan foto,link,video, teks dan bisa juga untuk menyembunyikan seluruh postingan blog untuk menghemat space. lihat contoh gambar dibawah ini

bagi yang belum tau cara membuat spoiler di postingan blog ikuti langkah-langkah dibawah ini. yang pertama kehalaman New posting kemudian klik HTML.



Letakkan kode di bawah ini pada halaman html

  <div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Judul </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 = 'Close'; }" 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; text-align: left;"><div style="display: none;">
<img src=" http://i1198.photobucket.com/albums/aa442/Andi_Kurniawan/1-1_zps7ca6c795.png" height="233px" width="600px">

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

  • Ganti teks warna biru sesuai kebutuhan anda
  • Ganti teks warna merah dengan gambar/foto url anda
  • Anda juga bisa mengatur tinggi dan lebar foto/gambar sesuai keinginan anda

Hasilnya akan seperti dibawah ini
Klik Open untuk melihat foto:





Semoga Bermanfaat bagi anda...


DI BLOG INI BEBAS SIAPA SAJA BOLEH BERKOMENTAR DAN KOMENTAR YANG BERBAU SPAM AKAN DI HAPUS.

Andihangdihi