Cara Membuat Spoiler Buka dan Tutup Di Postingan Blogger

Teman-teman pasti udah tau yang namanya spoiler. itu tuh yang biasa dipakai di forum-forum seperti kaskus, nabble, dll.

Spoiler ini berfungsi untuk menyembunyikan gambar, video, text, atau link dan bisa juga kombinasinya. Fungsi spoiler juga bisa membuat blog anda makin responsif sehingga saat loading, apapun yang disembunyikan dalam spoiler akan loading setelah dibuka.



Setelah di buka hasilnya akan seperti ini

Tertarik untuk mencoba membuatnya?

PB Blog sendiri menggunakan fungsi spoiler ini untuk membuat link berisi script sehingga blog lebih responsif dan tentunya menarik. Contohnya ada pada Postingan Cara Membuat Widget Search Box Stylist Di Blog.

Cara Membuat Spoiler Buka dan Tutup  Di Postingan Blogger
Atau Contohnya lihat dibawah Ini ;


Buka Spoiler:

Terima Kasih Sudah Berkunjung Ke PB Blog

Cara Buatnya adalah :

1. Login Ke Blogger
2. Masuk Entry Baru

Cara Membuat Spoiler Buka dan Tutup  Di Postingan Blogger

3. Dalam Mode HTML Dipostingan Blog, Masukkan Script ini


Cara Membuat Spoiler Buka dan Tutup  Di Postingan Blogger

 
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"></div><div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">Letakan kode script gambar, blockquote, teks video atau lainnya disini. <br></div></div></div>
Jangan Lupa untuk mengganti text warna merah, jika ingin merubah tulisan berwarna biru silahkan sesuaikan dengan keinginan anda.

4. Klik Publish setelah artikel sudah siap di sebar.

Demikian trik simple cara membuat spoiler. semoga bermanfaat dan terima kasih sudah berkunjung.
SILAHKAN COPY PASTE ARTIKEL PBBLOG DAN GENERATE MENJADI ARTIKEL UNIK ANDA


BACA JUGA

Tips & Trick Blog 1112614737624137270

Posting Komentar

Scroll All Content

Memuat konten...

RANDOM POST

Memuat...

Google+ Badge

item