Cara 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.
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.
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.
0 comments:
Post a Comment
Berkomentarlah dengan baik jangan berkomentar yang bersifat menjatuhkan
terima kasih