Memenuhi request dari sahabat Shinta yang kemarin bertanya tentang bagaimana membuat spoiler, kali ini saya memenuhinya karena kemarin saya juga sudah berjanji hari ini saya akan membuat postingan yang membahas "Cara Membuat Spoiler Di Blog". Sebagian besar dari Sobat mungkin sudah tahu spoiler itu apa?. Spoiler yaitu cara yang digunakan untuk menyembunyikan sesuatu yang kita inginkan. Biasanya ini dilakukan untuk memperingan blog kita. Postingan kali ini juga tulisan pertama saya setelah ganti template.
Cara ini bisa digunakan untuk menyembunyikan teks biasa, kode html, gambar, musik, video dan sebagainya. berikut ini adalah contoh dari spoiler :
Untuk membuatnya, silahkan copas kode berikut :
Cara ini bisa digunakan untuk menyembunyikan teks biasa, kode html, gambar, musik, video dan sebagainya. berikut ini adalah contoh dari spoiler :
Untuk membuatnya, silahkan copas kode berikut :
<div style="margin: 5px 20px 20px;"><input value="Buka" style="margin: 0px; padding: 0px; width: 60px; font-size: 12px;" 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'; }" type="button" /> </div><br /><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;"> ISI DENGAN TEKS, GAMBAR, MUSIK, VIDEO DAN SEBAGAINYA SESUAI DENGAN KEINGINAN SOBAT</div></div>
Terima kasih tutorialnya.
BalasHapusSalam ukhuwah
wih kedua berhasil diamankan,,nice inpoh gan,,xixixixi :13
BalasHapuskeren sob asrtikelnya
BalasHapuslam blogger uga yaw
wwhhheeeww, thank you so much,, lihat postingan terbaru ku deh,, aq udah pake untuk nge-hide picture,, thanx alot,,
BalasHapusmuzzy, your link is on my blog, check it on "visit here"
info yang sangat bermanfaat spoiler ....terima kasih
BalasHapusmakasih Gan... :21
BalasHapusTerimakasih Tutor2nya
BalasHapusSukses ya..
mantap infonya...
BalasHapuskalo pake wordpress gimana bisa gak gan?
BalasHapus@optimasi SEO : yang saya tahu, biasanya wordpress biasanya tidak bisa dikasih kaya gini....
BalasHapusanother collection of knowledge here :)
BalasHapuskeren sob juga aq tempatkan di sidebar blog aq
BalasHapusWah, kalau cara seperti itu, berarti harus terus mengetik kode HTML nya dong mas :58
BalasHapusKira-kira ada nggak cara seperti yang ada di Kaskus jadi tinggal menuliskan tag-tag html khusus saja.
yo mastah, pasti bisa kan, :38
@ Pintu Kaya : wah kalau dengan cara lain, saya belum tahu kawan. kalau pake ini kan tinggal copas aja kodenya
BalasHapusmakasih sob infonya... aku baru tau nich maklum baru belajar ngeblog
BalasHapusMak nyus kawan.spoiler make beautiful
BalasHapuskaLo yang ini beLum mudeng ach, hehehe.
BalasHapustrims u/ jawaban dari pertanyaan ku yg kemarin
infonya diterima dengan baik :)
BalasHapusHalo Salam Kenal,,,Terimakasih Atas TutorialNya. Blog Anda Bagus, Manstab. Berkunjung Balik ya ???
BalasHapusSalam,
[rifweb]
Trims infonya, saya pingin nyoba deh...
BalasHapusWah aku ga terlalu suka pake spoiler Sob hhe.....tp makasih info'y......
BalasHapusThx sob, tambah ilmu lagi nih ... jangan lupa mampir ke blogku lagi .. :33
BalasHapusNice, ilike it. Thank bos atas kunjungannya ke http://fadhilgalery.blogspot.com
BalasHapusterima kasih atas berbagi ilmunya,,ini mantap sob
BalasHapusWah, trims untuk postingannya. Saya nyari ini sejak dulu.
BalasHapusSaya izin nyomot kodenya, sekalian izin follow blognya :)
kok gw msh bingung yah hehe
BalasHapustq infona sob.. ^_^
BalasHapusGood posting sobat thanks for sharing
BalasHapusmantap sob, bisa dicoba tuh...
BalasHapusinfo yang bermanfaat sob.
BalasHapusNice Post.. thanks.. senior..
BalasHapuswew,,,,tutorial yg menarik....
BalasHapusthanks ya...
thanks 4 shared.
BalasHapusmenuju TKP...
BalasHapusTerima kasih tutorialnya, :33
BalasHapussalam kenal. :)
makasih atas tipsnya dapat menghemat tempat.
BalasHapussalam sahabat
BalasHapusehm this good posting n make me know more getting info..oh ya dah saya follow anda udah kan???thnxs n good l;uck
tutorial yang sangat bermanfaat.. makasih sobat
BalasHapusWah bagus triknya mas.. Keep blogging!
BalasHapusWahhhhh... ini dia nih yang aku cari2 dari dulu. hehehe
BalasHapussangat berguna.
makasih infonya... :D
Wah ide yang bagus gan, alangkah baiknya dikombinasikan dengan fitur image lazy load seperti di blog saya. Alisaptamarza. Efek dari image lazy load adalah, setiap image yang ada dalam setiap postingan akan di load ketika user berada pada posisi image, jika user belum berada diatas posisi image, image tidak akan di tampilkan. berikut cara menambahkan fitur blog pada blog anda,, Menambahkan Image Lazyload ke dalam blogger
BalasHapuswah makasi infonya
BalasHapus:)
thnx infona...
BalasHapushttp://rahmawanol.blogspot.com/
mau nyoba ah..
BalasHapusmantap..
sukses selalu. :10
itu taruh nya dimana? di java?
BalasHapusmaaf saya pemula :14