cara pasang spoiler pada blog

sorry kemaren cara pasang spoiler ane hilang,,,, jadi ane posting lagi dengan yang baru,,,
lansung aja ea gan,,,, cekidot
1. Menu Dashboard, klik Tata Letak, klik Tambah Gadget, HTML/Javascript.
2. masukkan kode berikut ini:

<div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" 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 = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">

KONTEN KALIAN DISINI

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

3. Klik Simpan.

Keterangan :
1. kode yang berwarna merah (style italic/miring) harus sama. kode ini sebagai judul tombol. kalian bisa mengganti judulnya.
2. kode yang berwarna merah (tanpa style italic/miring) adalah kode untuk judul tombol. kalian bisa menggantinya.
3. kode yang berwarna hijau adalah kode untuk mengganti warna. kalian bisa menggantinya.
4. kode yang berwarna biru adalah isi konten di dalam spoiler, kalian bisa menngantinya sesuai kebutuhan kalian.


gampang kan sobat?hehe..selamat mencoba kawan..hehe..

preview spoiler :





semoga berhasil

Posting ini telah dilihat sebanyak (Beberapa kali)

Baca juga artikel lainya

blog

• cara pasang music diblog
• cara membikin link bergoyang
• cara membuat kelap-kelip disertai bintang
• cara memasang readmore otomatis
• cara membuat daftar isi blog
• Tutorial Bikin Footer Footer Bar + Random Post Berjalan
• Panduan Pasang Script Anti Block / Copy Di Blogger
• Cara Mudah Membuat Efek Salju Di Blog
• Pasang Buku Tamu Tersembunyi Di Blogger
• Membuat Menu Serta Sub Menu Tanpa jQuery
• 6 Macam Style Navigasi Halaman Untuk Blogger
• Cara Bikin Tulisan Berjalan Di Address Bar
• Cara Pasang FB Like, Twitter, Google +1 Di Blogger
• Cara membuat Tukar Link Sendiri Pada Postingan Blogspot
• Cara Membuat Spoiler Di Blogspot
• cara membuat template sendiri
• Membuat Menu Melayang Pada Blog
• cara memasang Google Translator
• pelacak ip address
• cara membuat kursor dengan teks

SITE MAP

• download game hp
• cara pasang menu butang melayang pada blog
• cara memasang kode warna pada blog
• kode warna blog
• cara membuat salamat datang pada blog
• cara membuat kelap-kelip disertai bintang
• cara memasang readmore otomatis
• Cara Membuat Poster Film Menggunakan Adobe Photoshop
• cara mengganti bagground photo
• membuat gelembung pada photo dengan photoshop
• photoshop online
• tv online
• CARA MEMASANG CHAT MY CHATROLL ,FB,TWITTER
• Tutorial Bikin Footer Footer Bar + Random Post Berjalan
• Panduan Pasang Script Anti Block / Copy Di Blogger
• Cara Mudah Membuat Efek Salju Di Blog
• Pasang Buku Tamu Tersembunyi Di Blogger
• Membuat Menu Serta Sub Menu Tanpa jQuery

Posted in: blog,SITE MAP