Home » » Cara Membuat Tombol Spoiler pada Postingan

Cara Membuat Tombol Spoiler pada Postingan

Diposting Oleh Bang Dayat ; Hari Minggu, 22 Juni 2014 Jam 08.02

Spoiler merupakan salah satu trik yang bisa kita pakai di blogspot yang berfungsi untuk menyembunyikan tulisan atau gambar. Salah satu tujuan penggunaan spoiler adalah untuk memperingkas atau mempersingkat postingan. Saya merasakan spoiler sangat bermanfaat sekali untuk memposting. Bagi sobat yang tertarik untuk memakai spoiler berikut caranya :

 Baca juga yang ini:
  1. Cara Membuat Pop Up pada Blogspot
  2. Cara Mematikan Link Aktif pada Komentar Blog

1. Sobat copy script dibawah ini, taruh dipostingan (di html, bukan compose).

 <div style="margin: 5px 20px 20px;">
    <div class="smallfont" style="margin-bottom: 2px;"><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;">
    Isi Gambar atau Kode HTML atau apapun yang anda mau

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

2. Ubah tulisan yang berwarna biru sesuai dengan keinginan sobat.

3. Berikut contohnya :


Bang Dayat Blog

Bagaimana? Mudah sekali bukan? Semoga postingan ringan ini bisa bermanfaat.
Berbagi dengan artikel ini :
Ditulis oleh : Bang Dayat
Description: Cara Membuat Tombol Spoiler pada Postingan , Rating: 5
Reviewer: Bang Dayat, ItemReviewed: Cara Membuat Tombol Spoiler pada Postingan

Artikel terkait tentang

Berlangganan Artikel BD
Masukkan Email Anda:

 
Support : Bang Dayat
Copyright © 2012-2017. Bang Dayat Blog's - All Rights Reserved

Proudly powered by Blogger