Cara Membuat Spoiler Dalam Postingan Blog

Spoiler adalah salah satu fitur blog yang fungsinya untuk menyembunyikan teks, gambar, script-script atau kode. Hampir sama dengan Text Area, tujuannya yaitu untuk menghemat tempat sperti di sidebar ataupun di halaman posting agar tulisan tidak terlalu panjang kebawah. Anda pastis sudah sering melihat bagaimana bentuk spoiler itu. Langsung saja deh, buat anda yang ingin membuat Spoiler di dalam halaman posting, silahkan ikuti langkah singkat dibawah ini.

Cara Membuat Spoiler Dalam Postingan Blog:

1. Login ke akun Blogger anda
2. Klik Entri Baru untuk memulai tulisan baru
3. Lalu klik Tab HTML tepat disamping tulisan compose
   
4. Kemudian Copy, paste serta edit script dibawah ini.
   

   <div style="margin: 5px 20px 20px;">
   <div class="smallfont" style="margin-bottom: 2px;">
   <b>Klik Buka untuk Melihat Script</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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /></div>
   <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
   <div style="display: none;">
   Letakkan teks, gambar, script-script atau kode disini   </div>
   </div>
   </div>

5. Keterangan :
   
   • Ganti kata-kata yang berwarna merah diatas dengan kata-kata anda.
   • Pada tulisan yang berwarna biru, silahkan anda letakkan Script maupun kalimat yang anda mau
   • jika selesai, maka anda akan melihat hasilnya seperti dibawah ini
   Klik Buka untuk Melihat Script: 
   Letakkan teks atau kode script, gambar atau video di sini

Selamat mencoba dan semoga bermanfaat..^_^

Like This Article ?

Anda baru saja membaca artikel yang berkategori blooog dengan judul "Cara Membuat Spoiler Dalam Postingan Blog". Anda bisa bookmark halaman ini dengan URL http://musbatheack.blogspot.com/2014/03/cara-membuat-spoiler-dalam-postingan.html.