Latest Archieve :
English French German Spain Italian Dutch Russian Brazil Japanese Korean Arabic Chinese Simplified
Translate Widget by Google

spoiler

Membuat Spoiler di Dalam Posting Blog, bisa di sebut juga sebagai penghematan di dalam mempersemat/menyembunyikan kode ataupun gambar yang terlalu banyak memakan tempat di dalam suatu postingan, oleh sebab itu para blogger banyak mempergunakan cara seperti ini agar memiliki daya tempat yang mencukupi di dalam posting atau tidak terlihat menumpuk di dalam posting. Spoiler juga bermanfaat sebagai alat untuk mengurangi banyaknya kode atau gambar pada saat loading page pada blog, sehingga bagi pengunjung yang sedang beroperasi lambat koneksinya, bisa mengakses secara keseluruhan di dalam post blog. Untuk membuat Spoiler di Dalam Posting Blogspot, anda hanya tinggal memasukan kode spoiler di dalam postingan seperti halnya melakukan posting baru, dan 

caranya adalah sebagai berikut : 
1. log in Ke akun
2. buat new post entri


3. pilih HTML


4. Letakkan spoiler dalam post HTML Dibagian HTML post.
  kodenya.
<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b>Judul Spoiler</b> : <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="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;"> <div style="display: none;"> (Masukkan TEXT/GAMBAR di sini) </div></div></div>

 5. kalau untuk memastikan bekerja atau tidak klik Preview dulu, kalau sudah bekerja langsung saja publikasikan.
 contoh:
Klik Open Untuk Buka :
Share this article :

Posting Komentar

 
Support : Creating Website | Harun Template | Harun Template
Copyright © 2014. harunsiregar.blogspot.com - All Rights Reserved
Template Created by Creating Website Published by Harun Template
Proudly powered by Blogger