Senin, 10 Januari 2011

Membuat Spoiler Ala Kaskus pada Blog

Gambarnya emang spoiler untuk mobil. Tapi postingan kali ini bukan untuk membahas spoiler mobil. Tapi membahas tentang saudara kembar tapi tak sama dari spoiler mobil, yaitu spoiler blog. Spoiler pada mobil berfingsi sebagai asesoris, untuk memper indah mobil, (walaupun kadang pada mobil balap berfungsi sebagai penahan mobil agar tidak terbang dan tetap menyentuh lintasan) begitu juga dalam spoiler blog.Spoiler. Apa itu spoiler? Spoiler adalah salah satu cara agar postingan kita terlihat rapi. Untuk postingan postingan yang sangat "njlimet" atau memusingkan mata jika kita lihat, maka ada beberapa bagian yang mungkin bisa di sembunyika. Konten yang disembunyikan bisa dilihat kapan saja dengan mengklik sebuah ombol. Konten itu pun bisa disembunyikan lagi. Kalo masih belum paham juga, alangkah bijaknya saudara jika melihat contohnya terlebih dahuli disini.

[Contoh Spoiler]

Dah lihat contohnya kan...Berminat pakai spoiler untuk postingan anda? ini adalah lankah langkahnya.
1. Jelas, Log in ke blogger.
2. Buat postingan.(tau lah ya)
3. Untuk postingan terserah anda, nah bagian yang akan di spoiler silahkan menggunakan kode berikut.

<div style="margin: 5px;"><br /> <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Disini Judul Spoilernya </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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"/><br /> </div><br /> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><br /> <div style="display: none;"> isi spoiler </div></div></div>

nah, yang perlu dan bisa diubah ubah adalah bagian berwana hijau dan merah. Hijau untuk judul Spoiler, dan merah untuk isi spoiler.

Jika anda ingin memasukkan gambar dalam spoiler, anda harus mengupload terlebih dahulu ke dalam file hosting tertentu. Nah maka anda sudah punya alamat gambar anda. Atau jika gambar sudah ter upload, anda hanya tinggal mencari lokasi atau alamat gambar tersebut. Masukkan alamat ke dalam kode berikut (bagian berwarna biru), dam masukkan kode ke dalam isi spoiler.

<img src=" alamat gambar anda " border="0" alt="none">

6 Tanda Mata:

Spoiler, tombol yang kalau di klik keluar isinya kan ? Wah keren ... Thanks infonya ..........

Mohon dukungannya, http://kelpolova.blogspot.com/2011/01/indonesia-pancen-houye.html :)

wah keren nih ... ijin di save sahabat, salam

Memang keren nih spoiler kaskus :D ane nulis rumus jadi keliatan apik

Terima kasih banyak, saya pakai di postingan blog saya

gabung di thwglobal aja gan, jadi penonton doank di youtube gak dibayar, tapi jadi penonton doank di thwglobal kita dibayar
soft-launching September 2016 ini, ayo segera registrasi account nya di http://aputsyah.thwglobal.com/
karena senin 8 agustus 2016 ini sudah mulai beta testing penayangan perdana nya.
berikut penjelasan detailnya yang ane rangkum di google docs :
https://docs.google.com/document/d/1WEQqMEWE2pOrVixviGlwok8cCKYdbQU-MTzv4-rj1XQ/pub

Posting Komentar