Jual Boneka Murah
Home » » cara membuat spoiler di blog blogspot

cara membuat spoiler di blog blogspot

Written By Ratu Wisata on Kamis, 30 Agustus 2012 | 9:57 AM

cara membuat spoiler di blog - akhirnya pengen juga nulis tutorial blog, ini merupakan tulisan pertama ane ni tentang tutorial.
jangan marah ya jika tulisan ane kurang jelas, maklum lah belum begitu pengalaman.
ok dari pada banyak cvincong ane langsung aja ngasih tutorialnya
Spoiler adalah sebuah kolom buka tutup untuk menyembunyikan gambar maupun tulisan, tujuannya adalah untuk mempercepat loading blog.
berikut contoh dan cara membuat spoiler tersebut.

  1. Login ke Blogger
  2. Pilih New Post atau Entri Baru seperti membuat postingan biasa
  3. Pilihlah pada mode Edit HTML saat membuat postingan
  4. Gunakan kode script berikut ini untuk membuat spoiler (karena tidak bisa anda copy, silahkan copy pada artikel saya yang ini Cara Membuat Spoiler Di Blog - Blognya Anak Ndeso:

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <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;">

Letakkan teks atau kode script (gambar atau video) di sini
 <br>
</div>
</div>
</div>
    5. Silahkan ganti Judul Spoiler sesuai keinginan anda, begitu juga Buka dan Tutup.
    6. Selesai, silahkan menikmati hehehe

berikut adalah contoh cara membuat spoiler di blog blogspot
Silahkan Klik Untuk Membuka:
personil jkat48 generasi 1

sumber gambar nonagugel[dot]com
Share this article :

0 comments:

Posting Komentar

 
Support : DMCA | IMers | Onpage
Copyright © 2012-2014. OtakDobel - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger