Pages

Cara Memasang spoiler gambar

Bookmark and Share
Spoiler adalah cara untuk menyembunyikan seluruh atau sebagian isi dari posting, dengan tujuan untuk menghemat space halaman posting. Biasanya yang disembunyikan dalam spoiler adalah berupa gambar.

Cara memasang spoiler
  1. Buat postingan baru add new post, dan pilih mode HTML (seperti ditunjukkan pada gambar)
  2. Masukkan kode berikut ini
<div id="spoiler">
<div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button" type="button" value="buka dunk" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;">
<p style="text-align: justify;">

Teks yang akan disembunyikan di spoiler, semoga tips ini membantu

</div>
</div>
</div>
hasilnya akan seperti ini :
Jika ingin menyisipkan gambar ke dalam spoiler, kita hanya perlu memasukkan kode ini, dan meletakkannya di bagian berwarna merah pada kode di atas
<img src="http://alamat_gambar.jpg" alt="gambarA" width="300" height="400" />
jika ingin mengubah tulisan spoiler == tulisan  “buka dunk”, bisa mengedit pada bagian coding berwarna biru

Artikel Terkait Nufray:

{ 5 comments... Views All / Send Comment! }

Penghuni 60 said...

kalo yg ini aku udah tau sob...
emang sih bs ngirit tempat
:)

Gabung Pendaftaran Vtube said...

@P60: iya selian itu juga bisa mempercepat loading blog kita

Unknown said...

http://nufr4y.blogspot.com/2011/03/backlink-squidoo.html
http://nufr4y.blogspot.com/2011/03/cara-memasang-favicon-blog.html
http://nufr4y.blogspot.com/2011/03/cara-memasang-spoiler-gambar.html
http://nufr4y.blogspot.com/2011/03/cara-membuat-marquee-blogspot.html
http://nufr4y.blogspot.com/2011/03/cara-membuat-postingan-seperti-koran.html
http://nufr4y.blogspot.com/2011/03/cara-membuat-shoutboxbuku-tamu-melayang.html
http://nufr4y.blogspot.com/2011/03/cara-membuat-tutorial.html
http://nufr4y.blogspot.com/2011/03/cara-menambah-gadget-di-header.html
http://nufr4y.blogspot.com/2011/03/cara-menambahkan-smile-emotion-komentar.html
http://nufr4y.blogspot.com/2011/03/cara-mendaapatkan-sitelink-google.html

Bukan Spamer said...

Assalamualaikum ... Tolong komen ane di approve gan ! hehe, numpang cari backlink. Gimana keluarga semua di rumah ? Sehat ?
Ijin titip Link ya gan, Mohon maaf kalo ane nyampah ... :)

Sembuhkan Sipilis Dengan Gang Jie & Gho Siah
Jual Obat Kencing Sakit Herbal
Spesialis Pengobatan Sipilis
Obat Khusus Sipilis
Obat Sipilis Stadium 2
Obat Raja Singa Di Apotik
Jual Obat Kencing Sakit Berdarah
Cara Mengobati Kencing Sakit Stadium 4
Agen Resmi Obat Sipilis Gang Jie & Gho Siah
Penjual Obat Kencing Sakit

Andi said...

Obat Penyakit Raja Singa Pada Pria ? Segera Hubungi Kami Dan Pesan Obatnya Sekarang Juga di Fast Respond : 087705015423 PIN : 207C6F18.

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n:

Post a Comment

Related Posts Plugin for WordPress, Blogger...