» » Membuat menu Tutup Buka pada posting (Spoiler)

Membuat menu Tutup Buka pada posting (Spoiler)

    Labels: Tutorial Blog supaya Cantik dan SEO

Sebuah menu yang bisa menutup dan membuka secara otomatis (Spoiler) untuk contoh tampilannya ada di bawah ini dan untuk membuat nya yaitu sebagai berikut :

Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka

  1. Log in blogger
  2. Posting Baru, edit html dan masukkan kode di bawah ini :
<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;">
<input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="margin: 0px; padding: 0px; width: 60px;" type="button" value="Open" /></div>
<div class="alt2" style="-moz-border-radius: 10px 10px 10px 10px; -moz-box-shadow: 2px 2px 4px rgb(139, 210, 104); background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA7Iy3kdI0L9Ftgi_HZzb1ihYkYoImUBxfW1OKQvv-p0-Tu1XMyOWe6YV8e7Lta-A-7FcL3vtdVJRKmg1SbGzP0Ng1oB-frY3gGAld_4xp1zneqHofp1YaqJ5aqtszO3M64WGzHFJ0rgnN/s1600/papers.jpg&quot;) no-repeat scroll 0% 0% transparent; border: 1px inset; color: black; margin: 0px; padding: 6px;">
<div style="display: none;">
Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka </div>
</div>
</div>

Tulisan Biru Isi  sesuai keinginan kawan-kawan
......
Terbitkan entri dan selesai............

selamat mencoba......
Membuat menu Tutup Buka pada posting (Spoiler) 4.5 5 Om Dadi Sebuah menu yang bisa menutup dan membuka secara otomatis (Spoiler) untuk contoh tampilannya ada di bawah ini dan untuk membuat nya yaitu ...


Labels:

1 comment:

Silahkan kasih komentar anda di kolom komentar di bawah.
Dengan baik,sopan,ramah dan penuh tanggung jawab, agar bisa memberikan kenyamanan bagi pengunjung lain.terimakasih sudah mengunjungi blog ini :), Tapi maaf di larang berkomentar spam di antaranya:
1. Di larang berkomentar OOT (Out Of Topik) di luar topik/ postingan di atas
2. Di larang komentar iklan-jualan obat-obatan
3. Di larang meninggalkan Link aktif (Alamat Web/Blog)
Jika ingin OOT atau Ninggalin Link Aktif silahkan masuk di menu CONTACT di atas, bagi yang melanggar akan di hapus oleh admin :) . Berkomentarlah yang sesuai dengan postingan di atas Terimakasih