Home » » Cara Membuat Spoiler di Blog

Cara Membuat Spoiler di Blog

Apa itu spoiler? Nah, bagi
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:
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>
4. Paste pada postingan anda.

Contoh spoiler
Image and video hosting by TinyPic
Image and video hosting by TinyPic
Image and video hosting by TinyPic

Keterangan:
- Ganti kata yang bercetak merah sesuai keinginan anda.

Selamat mencoba...

Artikel Terkait Blogging

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Dbugiest Blog

0 komentar:

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. DBUGIEST BLOG - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger