Cara Membuat Spoiler Dalam Postingan Blog

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.

  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..^_^
Previous
Next Post »

2 komentar

Click here for komentar
Calvin
admin
7 Juli 2013 pukul 22.49 ×

ok mantrap bg makasi ya

Reply
avatar
Unknown
admin
7 Juli 2013 pukul 23.02 ×

ok bg...thnks udh mau mampir..:)

Reply
avatar

# Silahkan Anda Berkomentar dengan Baik dan Sopan
# Pesan dilarang Mengandung SARA dan Spam
# Terima Kasih Telah berkunjung di Blog Sederhana ini ConversionConversion EmoticonEmoticon

Thanks for your comment