Blogroll

Saturday, February 2, 2013

Cara Membuat Spoiler [AutoHide] di Blog

Cara Membuat Spoiler [AutoHide] di Blog

Salam Super. Nah kali ini npgprpgram akan memposting Cara Membuat Spoiler AutoHide di Blog. Yah mungkin bagi para master hal ini tidak sulit tapi bagi para pemula hal ini mungkin sangat sulit. Cara Membuat Spoiler AutoHide di Blog dapat mempersingkat isi postingan sobat blogger semua sehingga dapat mempercepat loading blog sobat. Langsung saja menuju ke cara membuatnya.

  • Masuk ke akun blogger sobat
  • Kemudian buat posting yang ingin sobat dimasukkan dalam spoiler 
  • Sebelumnya Kik HTML jangan sampai pakek yang compose karena dapat menyebabkan kode script tidak berguna
  • OK setelah itu masukkan kode script berikut
  • Klik Untuk Membuka:
    <div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b>Judul Spoiler Sobat</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 atau kode script (gambar atau video), link di sini dll </div> </div> </div>
  • Ganti judul spoiler dan isi spoiler sesuai keinginan sobat

OK SELAMAT MENCOBA!!!

Semoga artikel ini dapat bermanfaat bagi semua orang dan jangan lupa untuk mengisi buku tamu yang ada di pojok kanan atas serta jangan lupa untuk berkomentar demi kemajuan blog ini. Silakan copas artikel ini tetapi jangan lupa menyertakan alamat judul posting ini sebagai berikut : http://npgprogram.blogspot.com/2013/02/cara-membuat-spoiler-autohide-di-blog.html. Untuk Sumber Artikel.
Selamat menikmati.

Hargailah Karya Orang Lain


ttd
npgprogram.blogspot.com



0 Comments:

Post a Comment

Semoga artikel yang diposting npgprogram.blogspot.com memberikan banyak manfaat. Budayakan komen sesuai topic artikel diatas. Meninggalkan komen merupakan hal positive yang akan memberikan manfaat. ^_^