Membuat Spoiler di WordPress
Sunday 15 March 2009
Tahu spoiler kan? Semacam tombol yang ketika di-klik akan mengeluarkan menu pulldown. Biasanya digunakan untuk menyimpan teks yang terlalu panjang atau semacam lampiran yg sifatnya opsional dilihat atau tidak.
Dapat info dari kaskus tentang bagaimana membuat spoiler. Bisa cek code berikut:
<div>
<input type="button" value="Tampilkan" style="margin:0px;padding:0px;" 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }">
</div>
<div style="background: #CCCCCC; margin: 10px auto;
border: 1px solid #000;
padding: 5px;">
<div style="display: none;">
TEKS YG MAU DIUMPETIN
</div>
</div>
Lihat tulisan yang di-bold. Tulisan “tampilkan” dan code warna CSS bisa diganti sesuai warna themes kita. Bagian yang mau di-hidden di bagian “TEKS YG MAU DIUMPETIN” bisa diisi gambar atau tulisan. Untuk implementasinya sebagai berikut:
Sunday 15 March 2009 1:45 am (on
MANTAP bro ini yang saya cari2
ternyata namanya spoiler to :malu:
IHSAN menulis di blognya tentang Dapat Kaos Dari Bugiakso dan Kartu Debit Dari Payoneer
Reply
uchan Reply:
)
March 15th, 2009 at 7:48 am (on
Hehe, iya spoiler
Reply
Sunday 15 March 2009 5:08 am (on
mangstaph gan. maaf ijo2nya habis
antown menulis di blognya tentang Kenapa
Reply
uchan Reply:
)
March 15th, 2009 at 7:47 am (on
Klik thanks aja gan, bantuin sundul juga gpp
Reply
Sunday 15 March 2009 6:32 am (on
Kalo di wpcom ga bisa
Reply
uchan Reply:
)
March 15th, 2009 at 7:47 am (on
Ho’oh, javascript disabled ama WP dot com
Reply
Sunday 15 March 2009 7:58 am (on
Sori, Chan, approved yang via ymail tanpa foto itu aja.
Reply
Sunday 15 March 2009 10:15 am (on
:matabelo: baru tau gw
bantul sundul aja deh
thx bro! :beer: <– temulawak kocok favorit lo
Reply
uchan Reply:
)
March 16th, 2009 at 8:30 am (on
Ijo2nya kalo ada, or klik thx aja gw udah seneng :malu:
Reply
Sunday 15 March 2009 10:53 am (on
wew…
menarik dan ngirit loadingnya… makasih sekali tambahan ilmunya
suryaden menulis di blognya tentang y_key_2fcf1833b96c5b87
Reply
uchan Reply:
)
March 16th, 2009 at 8:30 am (on
Btw belom dicoba di blogspot ni bro
Reply
Sunday 15 March 2009 11:06 am (on
wah keren..
nanti saya coba ah…
salam kenal ya
Reply
uchan Reply:
)
March 16th, 2009 at 8:31 am (on
Sama2, salam kenal juga
Reply
Sunday 15 March 2009 1:59 pm (on
waaa..ini yang di postingan kemaren ya
dishare jg..sebenernya kalo di forum2 byk yg pake ini,tp kalo blog,saya bru tw pas postingan kemaren 
.aku punya satu pertanyaan bro,apakan teks konten,ataupun meta yg ada dalam spoiler itu tetep bisa terindex gugel? 
topanz menulis di blognya tentang BlueBerry, Serupa Bold Tapi Tak Sama
Reply
uchan Reply:
)
March 16th, 2009 at 8:31 am (on
Itu dia yg belom bisa diketahui. :malu:
Reply
Sunday 15 March 2009 5:10 pm (on
hehehe keren nih..
baru juga mau nanya ini..
thanks ya bro..
Reply
uchan Reply:
)
March 17th, 2009 at 5:01 pm (on
Haiyah mau tanya, iseng2 abis buka hasil bookmark-an dari kaskus bro
Reply
Sunday 15 March 2009 5:31 pm (on
hehe, thanks atas infonya bos. btw, yang di spoiler gambar siapa tu wkwkwkwk… :ngacir:
belajar seo menulis di blognya tentang Kampanye Damai Pemilu Indonesia 2009
Reply
uchan Reply:
)
March 17th, 2009 at 5:02 pm (on
Gambar siapa yak :genit:
Reply
Monday 16 March 2009 12:46 am (on
Okeh Chan. Ada info juga nih buat lomba desain header. Ya, sekadar berbagi sesama blogger. Cek TKP ya men-temen semua:
http://shodiq.com/2009/03/15/lomba-desain-header-shodiqcom-2009/
Bahtiar Berahi menulis di blognya tentang Menyimak Binatang Bercinta (Porno Gak Ya?)
Reply
Monday 16 March 2009 4:48 am (on
nice info gan :beer:
kalo boleh kita tukeran cendol
emfajar menulis di blognya tentang Petunjuk Pemilu 2009 dan Jadwal Kampanye Parpol
Reply
uchan Reply:
)
March 17th, 2009 at 5:02 pm (on
Belom ISO gan :wowcantik:
Reply
Monday 16 March 2009 2:09 pm (on
boleh juga, makasih infonya,,, akan dicoba
franchise menulis di blognya tentang Tiara – Bimbingan Belajar Anak
Reply
uchan Reply:
)
March 17th, 2009 at 5:02 pm (on
Sip :thumbup:
Reply
Monday 16 March 2009 3:42 pm (on
hwakakakakaka….. Asli ngakak liat gambarnya.
abdee menulis di blognya tentang Balada Pencari Beasiswa
Reply
uchan Reply:
)
March 17th, 2009 at 5:00 pm (on
Gambar yang mana yah :confused:
>>>>>>>>> :ngacir:
Reply
Tuesday 17 March 2009 4:12 am (on
nice info bro
Reply
Tuesday 17 March 2009 4:55 am (on
Keren!
Gambarnya juga muantepz tuh..
Rhoma Irama ama sapa tuhhh..
HeLL-dA menulis di blognya tentang Macet!
Reply
uchan Reply:
)
March 17th, 2009 at 4:55 pm (on
Sama RS :malu:
Reply
Tuesday 17 March 2009 6:03 am (on
baru tau kalo bisa bikin spoiler di wp.. hehehe thanks ifonya ya…
kampanye damai pemilu indonesia 2009 menulis di blognya tentang Kenapa Jadi Caleg?
Reply
uchan Reply:
)
March 17th, 2009 at 4:55 pm (on
Sama2 bro :shakehand:
Reply
Tuesday 17 March 2009 6:37 am (on
mantab + keren…..
disimpen dl nih panduannya & makasih buat infonya
infopemula menulis di blognya tentang Download Windows Seven Original
Reply
uchan Reply:
)
March 17th, 2009 at 5:03 pm (on
Sama2 bro. Thx ditujukan buat yg ngasih tutorial di forum kaskus. saya cuma copas ulang ke sini
Reply
Wednesday 18 March 2009 10:13 pm (on
hahahahah sumpeah gw ngakak tengah malam liat foto bang roma dianiaya begitu hahahhah
uwiuw menulis di blognya tentang Rasa Smashing Magazine
Reply
uchan Reply:
)
March 18th, 2009 at 10:42 pm (on
Edan jam segini udah bangun aja… pdhl semalem tidur dah mlm bgt kan :malu:
Reply
Friday 20 March 2009 7:07 am (on
ohh,, ini dia yang kucari-cari ternyata ada disini
Reply
Friday 20 March 2009 2:13 pm (on
hahayy pernah dapet dari ddery.com tpi ga berhasil2.. ntar di coba lagi, deh!
Reply
Saturday 21 March 2009 11:49 am (on
wah, teman-teman udah ke sini duluan. kunjungan balik nich.
Reply
Wednesday 25 March 2009 4:59 pm (on
Wah.. gak bisa di pake WP.com ya…
Reply
Thursday 2 April 2009 12:03 pm (on
akhirnyaa ketemu juga trik yg gnian..heuu
btw shock liad gambar yg di spoiler nya..
wkwkkwkww..
cheuw menulis di blognya tentang Artikel Panas
Reply
Friday 3 April 2009 8:56 am (on
Thanks bos infonya..:d
Reply
Friday 3 April 2009 8:58 am (on
Untuk blogspot bisa ngak bos…:army:
Reply
Friday 10 April 2009 9:10 am (on
nah ini javascript yg sangat simpel
makasih banyak y OM
makin sayaaaaaaaaaaaaaaannnnnnnngg!!!!!
:norose:
Reply
Thursday 30 April 2009 7:08 am (on
wah harus dipraktekin nie…tanks mas infonya…
Reply
Thursday 30 April 2009 8:06 am (on
hehe, baru tau ada bikin spoiler segala di wp.
ntar coba pake deh kalo dah sempet.
numpang minta link jg ya mas
Reply
Sunday 3 May 2009 3:22 pm (on
gw udah buat gimana cara buat spoiler yang kaya kaskus gan .
buat d’blogspot :
http://blog.rheza.co.cc/2009/03/membuat-spoiler-blogspot/
buat d’wordpress :
http://blog.rheza.co.cc/2009/03/membuat-spoiler-post/
silakan d’nikmati gan . :beer:
Reply
Sunday 10 May 2009 1:25 pm (on
ahhaaa….pucuk di cita ulam pun tiba…
ku temukan pa yang ku cari2 selama ini disini…nice…langsung tancapp…:ngacir: :ngacir: :ngacir: :ngacir:
Reply
Monday 11 May 2009 4:16 pm (on
kerja yang bagus kawan….!!! :ngacir:
dedy menulis di blognya tentang Konsep Mol dan Bilangan Avogadro
Reply
Tuesday 16 June 2009 4:45 am (on
Tengkyu atas infonya, saya juga baru tau kalo di WP bisa buat Spiler. Kereeeen…
:afro:
Reply
Wednesday 1 July 2009 7:14 am (on
wakakak.. mangtabs tuh gambarnya :peace:
dah lama nih gak main kesini.. salam lima jari!
Reply
Thursday 3 September 2009 5:37 am (on
WP gretongan ga bisa kan Gan? :confused:
Reply
uchan Reply:
)
October 5th, 2009 at 3:05 pm (on
Kalo WP dot com ga bisa, javascript di-disabled. Cuma gak tau kalo blogdetik gimana
Reply
Saturday 26 September 2009 2:14 pm (on
thanks broo tips nya,, :doctor:
info,, kalo pengguna wordpress bisa lebih mudah dengan memakai Plugin “Advanced Spoiler”..
gak perlu repot nulis code hehehe…. :ngacir:
lam kenal broo
Reply
Monday 5 October 2009 2:24 pm (on
wah, inponya keren.. :beer:
tapi sayang nggak cocok ma judulnya :bingung:
tipsnya aye pake di wordpress kagak mau gan :cd:
mohon pencerahannya…… :rainbow:
Reply
uchan Reply:
)
October 5th, 2009 at 3:04 pm (on
Lupa bilang di awal gan, ni berlaku buat wordpress self hosted doang, soalnya ada javascriptnya :malu:
Reply
Thursday 3 December 2009 9:43 pm (on
Sudah kucoba kok nggak bisa mas?:ngacir:
Reply
oelil Reply:
)
December 7th, 2009 at 3:15 pm (on
aku nyoba jadi tu pak guru, mungkin “fiesta” nya gak usah di pakai wekekekekke (kabuuuur) :ngacir:
Reply
Monday 7 December 2009 3:09 pm (on
siip nih infonya…dari dulu mau bikin kayak gini di postingan kok lupa terus…. siiiap copas codenya
THX
Reply
Sunday 13 December 2009 2:16 pm (on
Mangstab gan.. saya lagi nyari2 tentang ini niiih…:beer:
Reply
Friday 16 April 2010 9:52 am (on
Bos kalo di wordpress gratisan bisa g?
Reply
uchan Reply:
)
April 16th, 2010 at 11:08 pm (on
ga bisa bro
Reply
cemens Reply:
)
April 26th, 2010 at 2:23 pm (on
:confused: brarti ane ga bisa dons Gan :norose:
Reply
Sunday 16 May 2010 8:42 am (on
Makasih sharingnya gan..jd nambah ilmu ane :doctor:
Reply
Friday 21 May 2010 9:47 am (on
Mangstap gan, ntar ane cobain di blog ane :ngacir:
Reply
Wednesday 2 June 2010 2:37 pm (on
[...] :: Sumber :: [...]
Saturday 12 June 2010 3:31 pm (on
tengkyu kang untuk informasinya…….
Reply
Monday 26 July 2010 12:10 pm (on
Makasih buat tutorial nya bro
Reply
Tuesday 17 August 2010 8:38 pm (on
numpang menimba ilmu di sini, maklum masih newbie di WP
Reply
Wednesday 18 August 2010 7:37 am (on
gan numpang copy spoilernya yah
thanks
Reply