Anda yang biasa nongkrong di forum mungkin sudah tak asing lagi dengan spoiler.
Spoiler digunakan untuk
menyembunyikan beberapa teks, gambar atau konten lainnya untuk menghemat space blog.
Ok, kalau begitu langsung aja praktek ya...
Berikut cara membuatnya:
1. Masuk ke halaman posting
2. Pilih tab "Edit Html"
3. Copy kode di bawah ini
<div><div style="margin:4. Paste pada postingan anda.
5px;">
<div class="smallfont"
style="margin-bottom:
2px;"><i><span style="font-
weight: bold;"> Tentang bla..bla.bla.. </span></i><input value="Show" style="margin:
0px; padding: 0px; width:
60px; font-size: 10px;"
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 =
'Hide'; } else
{ this.parentNode.parentNode.getElementsByTagName
('div')
[1].getElementsByTagName
('div')[0].style.display = 'none'; this.innerText = ''; this.value =
'Show'; }" type="button"/>
</div>
<div class="alt2"
style="border: 1px inset ;
margin: 0px; padding: 6px;"> <div style="display: none;"> isi spoiler... </div></div></div></div>
Contoh spoiler
Keterangan:
- Ganti kata yang bercetak merah sesuai keinginan anda.
Selamat mencoba...
Artikel Terkait Blogging
- Cara Membuat Footer 3 Kolom di Blogger
- Cara Mengganti Template Blog
- Cara Membuat Blog agar SEO Friendly
- Cara Menambahkan Gambar Background Pada Blog
- Cara Membuat Tombol Share Melayang di Blog
- Cara Menambahkan Google Analytics di Blogger
- Cara Membuat Slideshow Postingan Blog
- Cara Mengetahui Blogger Sekota atau Sedaerah
- Cara Membuat Spoiler di Blog
- Cara Membuat ReadMore Otomatis di Blogger
- Cara Bikin Kotak Dengan Sudut Melengkung
- Cara Mudah Membuat Menu Tab View di Blogspot
- Cara Mudah Menghilangkan Read More Otomatis Pada Laman Blog
- Membuat Icon Burung Twitter Berterbangan di Blog
- Cara Menambah Gambar Sebelum Judul Posting
0 komentar:
Posting Komentar