Thursday, June 27, 2013

Cara Membuat Spoiler (Menyembunyikan Sesuatu/Artikel Dibalik Tombol) Di Dlog

SpoilerCara Membuat-Memasang Spoiler di Blog - Siapa yang tahu spoiler itu apa...???
Spoiler adalah suatu widget yang akan membuat kita menghemat tempat dalam menyajikan ssesuatu karena ia mempunyai sebuah tombol yang dapat mengeluarkan dan memasukkan data2 yang kita punya.Dan spoiler juga dapat berfungsi sebagai peringan blog kita saat ia akan muncul ,kalau tidak percaya coba buktikan dan gunakan, agar teman2 tahu khasiatnya..... (seperti iklan kuat malam pertama aja 
hehehehe.... )


berikut cara2 pemasangannya

1. Masuk ke akun blogger teman2..
2. Kemudian buka post (klik new post atau edit post untuk memasang widget di postingan),
3. Jika teman2 ingin memasangnya di kolom gadget klik tata letak > add gadget > html/javascript.
3. Next Copy / salinlah kode script berikut dan tempat yang ingin teman2 pasang.

Klik View Plain Untuk Memasang Kode
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Klik Spoiler Berikut</b>: 
<input value="View" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'View'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">Letakkan teks / gambar atau script anda disini<br /></div></div></div>

4. Selesai. Siap untuk ditampilkan.

Catatan : 


Silahkan ganti tulisan Letakkan teks / gambar atau script anda disini, sesuai keinginan teman2. Bisa berupa tulisan, berupa script gambar, script iklan atau apalah sesuai keinginan teman2.


Selamat Menikmati

ads

Ditulis Oleh : Alimstudio Hari: 3:55 PM Kategori:

0 comments:

Post a Comment

Berkomentarlah dengan baik jangan berkomentar yang bersifat menjatuhkan
terima kasih

 

Kategori

Daftar Isi

Blogger

1. Memasang Menu Slide-In di Blogspot

2. Membuat Kotak Script / Css pada Postingan Blogger

3. Mematikan Fungsi Klik Kanan Pada Blog

4. Membuat Info melayang keren di blog 2013

5. Menghilangkan Tuilisan "Diberdayakan Oleh Blogger"

6. Membuat Widget Berlangganan Dengan Jejaring Sosial

7. Membuat Link Berwarna-Warni Seperti Pelangi

8. Membuat Spoiler Di Blog

9. Cara Membuat Tombol "Copy All" di Blog

10.Membuat Agar Blog Kita Tidak Bisa di Block

11.Menjadikan Postingan Blog Otomatis Muncul di Twitter dan Facebook

12.Kumpulan Efek-Efek Blog Lengkap

13.Cara Ping Blog ke Google

14.Memasang Chating Pada Blogger

15.Membuat Burung Twitter Berterbangan

16.Membuat Website atau Blog

4. Membuat Info melayang keren di blog 2013

5. Menghilangkan Tuilisan "Diberdayakan Oleh Blogger"

6. Membuat Widget Berlangganan Dengan Jejaring Sosial

7. Membuat Link Berwarna-Warni Seperti Pelangi

8. Membuat Spoiler Di Blog

9. Cara Membuat Tombol "Copy All" di Blog

10.Membuat Agar Blog Kita Tidak Bisa di Block

11.Menjadikan Postingan Blog Otomatis Muncul di Twitter dan Facebook

12.Kumpulan Efek-Efek Blog Lengkap

13.Cara Ping Blog ke Google

1. Memasang Menu Slide-In di Blogspot

2. Membuat Kotak Script / Css pada Postingan Blogger

3. Mematikan Fungsi Klik Kanan Pada Blog

4. Membuat Info melayang keren di blog 2013

5. Menghilangkan Tuilisan "Diberdayakan Oleh Blogger"

6. Membuat Widget Berlangganan Dengan Jejaring Sosial

7. Membuat Link Berwarna-Warni Seperti Pelangi

8. Membuat Spoiler Di Blog

9. Cara Membuat Tombol "Copy All" di Blog

10.Membuat Agar Blog Kita Tidak Bisa di Block

11.Menjadikan Postingan Blog Otomatis Muncul di Twitter dan Facebook

12.Kumpulan Efek-Efek Blog Lengkap

13.Cara Ping Blog ke Google

Site Info

Free Page Rank Tool