Ideini.Com | Situs Informasi Terkini!

Situs Media Informasi Online Yang Berisi Info Info Menarik, Terbaru dan Terhangat | Entertaiment | Teknologi | Olahraga | Hiburan

Cara Membuat Spoiler Di Blog



IDEINI | Cara Membuat Spoiler Di Blog. Cara Membuat Spoiler Di Blog, Nah Tutorial Blogging kali ni yaitu membahas tentang bagaimana Cara Membuat Spoiler Di Blog, pasti sudah tahu Spoiler kan, yaitu kotak untuk menyembunyikan konten, dan hanya akah terbuka jika dikik pada tombol show, selain itu kegunaan Spoiler ini juga dapat meringankan Loading  blog kamu, karena jika belum di klik pada tombol show, maka konten yang mungkin berisi Gambar atau video tidak akan di load, nah untuk jelasnya seperti apa itu Spoiler, lihat contoh dibawah ini :





Spoiler ini bisa di tampilkan pada sidebar maupun di postingan kamu. Nah untuk Membuatnya silahakan ikuti langkah langkah Cara Membuat Spoiler Di Blog :
  1. Log in dulu ke blogger
  2. kemudian klik layout pilih tata letak
  3. klik Elemen halaman dan pilih add HTML/Java Script
  4. Lalu copy paste kode di bawah ini
<div><div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Masukan konten yang kamu inginkan, bisa berupa Artikel, Video, Gambar, Ataupun Iklan


</div></div></div></div> 
5. Kode Masukan konten yang kamu inginkan, bisa berupa Artikel, Video, Gambar, Ataupun Iklan, dapat diganti sesuai keinginan kamu.
7.Tulisan Show dan Hide, Juga bisa kamu rubah sesuai keinginan kamu.

6. Selesai,

Bagaimana mudahkan? nah itu tadi Tutorial Blogging Cara Membuat Spoiler Di Blog, Semoga Artikel ini bermanfaat :)

13 komentar untuk "Cara Membuat Spoiler Di Blog"

  1. warna tombolnya bisa di ganti gx sob?
    sekalian senggol

    BalasHapus
  2. ZONA DOWNLOAD GRATIS# wah kalau ngrubahnya gw blund bisa sob, ane cari tut. nya jg belum ada tuh,

    Fadli_Lovetohate# sama sama sob, senang membantu :)

    BalasHapus
  3. klo yg diforum2 gt caranya gmn mas ? apa ky ini jg ? thanxs ..

    BalasHapus
  4. planet # tergantung di mana forumnya, kalau di kaskus nggak perlu kyk gini, biasanya ada tu cara buatnya di tiap forum.

    BalasHapus
  5. bantu Menjawab pertanyaan ZONA DOWNLOAD, tombol bisa dijadikan berwarna. Anda tinggal tambahkan property untuk style pada tombol input, misal warna background dan atau warna font.

    happy blogging

    BalasHapus
  6. Kang Asep# Mkasih kang udah dikasih tahu, nanti saya coba deh kang :D

    BalasHapus
  7. terima kasih pelajarannya, saya coba aplikasikan..

    BalasHapus
  8. AgusSetya# Silahakan di coba sob :) makasih sudah berkunjung :)

    BalasHapus
  9. Kalau ukuran kolomnya itu bisa diatur ga sob? Maksudnya biar spoiler nya bisa di pasang berdampingan gitu.

    BalasHapus
  10. Software Akuntansi Laporan Keuangan Terbaik# Untuk kolom itu otomatis sob, belum saya coba untuk modif,

    BalasHapus
  11. Bagi temen-temen yang pengen belajar web desain bisa berkunjung di http://ilmuonline.net

    BalasHapus