Cara Membuat Spoiler Pada Postingan Blog
Sebelum sobat membaca lebih jauh artikel ini, lebih baik bobat ketahui dulu apa itu Spoiler. Spoiler adalah cara untuk menyembunyikan teks,video,gambar,maupun script dengan tujuan untuk menghemat ruang postingan. Selain itu Spoiler juga dapat mempercepat loading pada suatu website ataupun blog. Nah, postingan saya kali ini akan membahas tentang Cara Membuat Spoiler Pada Postingan Blog. Penasaran bagaimana cara membuatnya? Silahkan baca dengan seksama tutorial yang saya tulis di bawah ini :
Cara Membuat Spoiler Pada Postingan Blog :
1. Login ke blogger
2. Kemudian tulis postingan baru
3. Ganti tab Compose dengan tab HTML
4. Masukan kode di bawah ini
<div id="spoiler" style="display:none">
konten yang disembunyikan
</div>
<button title="Klik untuk melihat/menyembunyikan" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Open/Close</button>
5. Ganti kode yang berwarna merah dengan konten yang akan sobat sembunyikan.
6. Kode yang berwarna biru bisa sobat ganti sesuai selera sobat.
Cara Membuat Spoiler Pada Postingan Blog :
1. Login ke blogger
2. Kemudian tulis postingan baru
3. Ganti tab Compose dengan tab HTML
4. Masukan kode di bawah ini
<div id="spoiler" style="display:none">
konten yang disembunyikan
</div>
<button title="Klik untuk melihat/menyembunyikan" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Open/Close</button>
5. Ganti kode yang berwarna merah dengan konten yang akan sobat sembunyikan.
6. Kode yang berwarna biru bisa sobat ganti sesuai selera sobat.
Sekian artikel Cara Membuat Spoiler Pada Postingan Blog dari Artikel Dewa Wijaya. Semoga bisa membantu. Pengunjung yang baik selalu meninggalkan jejaknya sebelum ia meninggalkan blog ini. Semoga anda mengerti maksud saya.
wahhh patut di coba ni gan ,
ReplyDeletethanks atas ilmu nya gan , posting yg kyak beginian lg ya ,
Saya tunggu artikel selanjutnya :)
sama - sama gan . .
ReplyDeletesaya akan selalu berusaha untuk memposting artikel yang lebih baik lagi di kemudian hari . .
Wah ini bisa juga buat mempercepat loading blog..
ReplyDeletepake ahh
thank's ya friend
ia sama - sama friend . .
Deletesilahkan dicoba . .
senang bisa membantu . .
cocok buat artikel yg menggunakan bnyk gambar ..
ReplyDeleteNice share sob .
benar sekali sob . .
Deletemembuat spoiler memang sangat cocok bagi blog yang memiliki banyak gambar . .
kan kasihan yang punya koneksi internet agak lambat jadi gk bisa mengakses blog yang memiliki banyak gambar tersebut . .
Makasih sharenya gan..
ReplyDeletesama-sama gan..
DeleteSangat membantu, Trim's
ReplyDeleteok, sama-sama
Deletesenang bisa membantu :D
KOq di blog saya gak bisa ya?
ReplyDeletescript'a work kok sob . .
Deletesebelum paste code'a, ganti tab COMPOSE dengan tab HTML, abis tu baru paste kode'a . .
Selamat Mencoba :D
Terima Kasih banyak brother, sangat mengesankan, salam
ReplyDeletesama-sama juga bro . .
Deletesalam balik . .
thanks gan pas banget nih lagi cari ini :D
ReplyDeletekunbal yaa
sama-sama gan . .
Deletebtw, kunbal kmn?
mantap kang artiklenya... perlu dicoba ni :)
ReplyDeletesilahkan dicoba kalau . .
Deleteada masalah, bisa tanya saya kok . .
Ijin coba dulu, trims infonya dan salam kenal :)
ReplyDeleteok, sama-sama sob . .
Deletesalam kenal juga :D
Mantap gan, dan berhasil di aplikasikan.
ReplyDeletewes, keren gan . .
DeleteThis comment has been removed by a blog administrator.
ReplyDeleteko spoiler'nya tulisan malah ke sambung ya?
ReplyDeleteyang aturan Enter/dibawah, ini cuma spasi
spoiler'nya tulisan malah ke sambung?
Deletemaksudnya gimana ya sob?
kok saya kurang paham ya?
Gan nanya dong..
ReplyDeletekok ane bikin banyak spoiler sekali buka 1 spoiler jadi kebuka semua ya?
apa yang salah gan?
script koding spoilernya harus dibedain gan . .
Deletekalo disatuin emank sering kayak gitu jadinya . .
Mantap Gan tutorialnya,saya bisa pasang.kunbal ya gan
ReplyDeletethanks gan . .
Deletebtw, saya harus kunbal kemana gan?
buttonnya kalo mau pake gambar bisa gak gan,,?
ReplyDeletebisa gan, tapi scriptnya beda lagi.
Deletekalau pakai script ini kayaknya gk bisa gan . .
Makasih tutor nya gan... berguna banget ni....
ReplyDeletemampir ngopy mas gan hehe.... ini sama dengan yang ane praktekin dulu tapi sekarang ane udah pakek yang versi style alias modivan hehe
ReplyDeleteThankyou gan, membantu sekali buat newbie kaya saya hehehehehe
ReplyDeleteMakasih lho. hehehe..., mau bikin postingan yang panjang beut, bisa dipersingkat. yey!
ReplyDeleteNice Info Gan
ReplyDeletesangat membantu saya.. terimakasih..
ReplyDeleteMakasih Bang..
ReplyDeletescript nya work di blog ane..
makasi banyak gan
ReplyDeleteKeren tutornya.. ane punya tool pembuat spoiler di blog nih, mungkin membantu :
ReplyDeletehttp://vertigo-man.blogspot.com/2014/04/bspoiler-maker-tool-pembuat-spoiler.html
mampir ke toko kami gan
ReplyDeletehttp://www.tokobundajaya.blogspot.com/
thanks gan.. sudah saya coba dan ternyata work..
ReplyDeleteBuat yang lain, silahkan dicoba, tutorial ini work,,
Thanx gan infonya ..
ReplyDeleteditunggu kunbal nya ya http://dzatmiko.blogspot.com ...
Thx.
ThanksGan infonya :D
ReplyDeletehttp://aniyosuke.blogspot.com/
Postinganya Good Job
ReplyDeleteterima kasih banyak atas infonya
ReplyDeletehttp://giribig.com
http://www.idcheat.com/
http://www.duniagame.info/
ssippp.. berhasil gan...
ReplyDeletehttp://pulsa-androidfree.blogspot.com/
ReplyDeleteSangat bermanfaat sekali gan. Terima kasih banyak. Udah ku coba dan berhasil
ReplyDeletehehe..
Infonya lumayanlah :D
ReplyDeleteTapi template blog Gue udah ada dari sononya jadi gak perlu masang lagi :v
kalau mau masukin spoiler ke dalam spoiler bias enggak gan?
ReplyDelete