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 :
- Log in dulu ke blogger
- kemudian klik layout pilih tata letak
- klik Elemen halaman dan pilih add HTML/Java Script
- 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 :)
warna tombolnya bisa di ganti gx sob?
BalasHapussekalian senggol
thank's sob , bermanfaat :D
BalasHapusZONA DOWNLOAD GRATIS# wah kalau ngrubahnya gw blund bisa sob, ane cari tut. nya jg belum ada tuh,
BalasHapusFadli_Lovetohate# sama sama sob, senang membantu :)
klo yg diforum2 gt caranya gmn mas ? apa ky ini jg ? thanxs ..
BalasHapusplanet # tergantung di mana forumnya, kalau di kaskus nggak perlu kyk gini, biasanya ada tu cara buatnya di tiap forum.
BalasHapusbantu Menjawab pertanyaan ZONA DOWNLOAD, tombol bisa dijadikan berwarna. Anda tinggal tambahkan property untuk style pada tombol input, misal warna background dan atau warna font.
BalasHapushappy blogging
Kang Asep# Mkasih kang udah dikasih tahu, nanti saya coba deh kang :D
BalasHapusterima kasih pelajarannya, saya coba aplikasikan..
BalasHapusAgusSetya# Silahakan di coba sob :) makasih sudah berkunjung :)
BalasHapusKalau ukuran kolomnya itu bisa diatur ga sob? Maksudnya biar spoiler nya bisa di pasang berdampingan gitu.
BalasHapusSoftware Akuntansi Laporan Keuangan Terbaik# Untuk kolom itu otomatis sob, belum saya coba untuk modif,
BalasHapusBagi temen-temen yang pengen belajar web desain bisa berkunjung di http://ilmuonline.net
BalasHapusnumpang lewat gan :D
BalasHapus