Cara Membuat-Memasang Spoiler Di Blog

Cara Membuat-Memasang Spoiler di Blog | - Cara Membuat-Memasang Spoiler di Blog. Pernah melihat goresan pena ibarat : Klik Spoiler Berikut atau Silahkan Klik Spoiler atau sejenisnya bukan. Nah, kali ini Bos Tutorual akan membagikan bagaimana Cara Membuat-Memasang Spoiler di Blog.

Cara Membuat-Memasang Spoiler di Blog
Pada dasarnya, menciptakan atau memasang Spoiler di dalam postingan atau sebagai widget blog yakni bertujuan untuk menghemat tampilan di dalam blog dengan menyembunyikan sebagian atau lebih tulisan. Bisa juga menciptakan si pengunjung blog kita merasa ingin tau apa yang ada di balik spoiler ini jikalau di klik.Cara Membuat-Memasang Spoiler di Blog juga merupakan Mempercantik Tampilan Blog.

Beginilah Cara Membuat-Memasang Spoiler di Blog.
1. Tentunya mitra sudah membuka akun blognya bukan.
2. Silahkan buka postingan gres atau edit postingan usang (bila ingin dipasang di dalam postingan). Bila dipasang di widget silahkan buka desain/rancangan template dan pilih add widget / tambah gadget.
3. Selanjutnya Copy / salinlah aba-aba script berikut dan tempatkan dimana ingin anda pasang.
<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 goresan pena Letakkan teks / gambar atau script anda disini, sesuai impian anda. Bisa berupa tulisan, berupa script gambar, script iklan atau apalah sesuai impian anda.

Lihat misalnya disini

Demikian tutorial mengenai Cara Membuat-Memasang Spoiler di Blog. Selamat mencoba. Salam sukses, dan salam blogger. [].

Subscribe to receive free email updates:

0 Response to "Cara Membuat-Memasang Spoiler Di Blog"

Post a Comment