@MUXLIMO Sudah sempat lihat dan tahu masalahnya. Kode di atas sudah diperbaiki. Masalahnya adalah, saat kita menekan tombol Enter pada editor Blogger, Blogger secara otomatis akan menambahkan tag <br/> seperti ini:
@Taufik Nurrohman ah..okok... nanti saya coba Mas :) kebetulan saya perlu yang keterangan buka/tutup spoilernya bisa diubah sesuai dengan kebutuhan posting, Mas. Kalau sebelumnya yang bentuk tombol kan terbatas cuman lihat konten ama Tutup aja karena tertanam di kode css ya?!
Makasih sekali lagi, Mas.. semoga ditambah rezeki dunia-akhiratnya. Aamiin. ^_^
Coba penulisan kodenya jangan diberi ganti baris. Editor Blogger umumnya akan menambahkan tag <br /> secara otomatis pada bagian ganti baris saat posting telah diterbitkan. Tulis kerangka spoilernya seperti ini:
mas, kalau membuat seperti yang ada di sidebar blog ini bagaimana mas? yang ada di KATEGORI, ENTRI POPULER, ARSIP BLOG, etc. saya ingin seperti mas, tolong kodenya, saya sudah coba bikin sendiri tapi selalu gagal mas,, tolong ya..
26 Komentar
Unknown
pertamaxx kk,,, boleh nyoba ya?? ^_^
MUX SPARROW
Postingan-postingan dari Mas Taufik selalu ane tongkrongin.. \o/ makasih, Mas.. insyaAllah ane pake di blog baru: Muslim Media 0:)
Taufik Nurrohman
Tinggal dimodifikasi saja tampilannya :)
Mas Dafri Maulana
mas naro CSS ny dimana.?? =p*
Taufik Nurrohman
@Mas Dafri Maulana Di atas
]]></b:skin>
atau</style>
Ai
kalau trigger nya ganti button gimana mas
Taufik Nurrohman
@Lab Tutorial Tambahkan elemen
<label>
, gunakan sebagai pemicu checkbox. Atur tampilannya agar tampak seperti tombol:Demo: http://jsfiddle.net/tovic/bY6ty/4/
MUX SPARROW
@Taufik Nurrohman tapi Mas.. kok ga jalan ya di blog saya.. apa karena sebelumnya spoiler yang jquery udah tertanam di template?
Taufik Nurrohman
@MUXLIMO Sudah sempat lihat dan tahu masalahnya. Kode di atas sudah diperbaiki.
Masalahnya adalah, saat kita menekan tombol Enter pada editor Blogger, Blogger secara otomatis akan menambahkan tag
<br/>
seperti ini:Makannya penargetan selektor
input.trigger:checked + .spoiler
jadi salah. Cukup perbaharui saja pada bagian ini:Semoga berhasil :)
MUX SPARROW
@Taufik Nurrohman ah..okok... nanti saya coba Mas :) kebetulan saya perlu yang keterangan buka/tutup spoilernya bisa diubah sesuai dengan kebutuhan posting, Mas. Kalau sebelumnya yang bentuk tombol kan terbatas cuman lihat konten ama Tutup aja karena tertanam di kode css ya?!
Makasih sekali lagi, Mas.. semoga ditambah rezeki dunia-akhiratnya. Aamiin. ^_^
Ohim
mengganti
input.trigger:checked + .spoiler,
input.trigger:checked + br + .spoiler {
display:block;
}
gimana suhu?? ada yang di buang atau ditambahkan?
di blog saya juga ga jalan...
Taufik Nurrohman
@Ohim Tumaritiz Cuma mengganti selektornya saja. Isinya jangan diapa-apakan.
display:block
itu cuma contoh.Yusril Ibnu Maulana
apakah sistem kerja Toggle PRE? yang dibawah blog ini cara kerjanya sama seperti cara ini ??
Thx Infonya... :-bd :-bd
Taufik Nurrohman
Beda. Kalau yang ini memakai JavaScript.
Surga Kenari
cara buat plugin seperti di blog ini gmn mas taufik..
seperti di atasnya komentar ini dengan background berwarna merah..
cth : Isnan Nugrah Lastiko Tiko menulis komentar/memulai diskusi di Recent comments widget for blogger with
Surga Kenari
loadnya agak lama sudah saya terapkan,,
ketika di klik button checknya, keluarnya butuh waktu 3-4 detik untuk membuaka / menutup spoilernya..
Surga Kenari
cth : http://sdftyujklvbn.blogspot.com/2012/11/ini-dia-5-ponsel-teraneh-dan-terunik-di.html
Taufik Nurrohman
Di Saya malah nggak jalan sama sekali.
Surga Kenari
gmn ya mengatasinya? pdhl dah saya terapkan mas..
Taufik Nurrohman
Coba penulisan kodenya jangan diberi ganti baris. Editor Blogger umumnya akan menambahkan tag
<br />
secara otomatis pada bagian ganti baris saat posting telah diterbitkan.Tulis kerangka spoilernya seperti ini:
Surga Kenari
yes baru bisa thanks mas Taufik. :D !
Ana Sriwahyuni
mas, kalau membuat seperti yang ada di sidebar blog ini bagaimana mas? yang ada di KATEGORI, ENTRI POPULER, ARSIP BLOG, etc. saya ingin seperti mas, tolong kodenya, saya sudah coba bikin sendiri tapi selalu gagal mas,, tolong ya..
Taufik Nurrohman
⇒ /2012/02/tip-membuat-sidebar-akordion-pada-blog.html
Unknown
Mas kalau membuat spoilernya di posting Home gimana ya... terimakasih
budkalon
Ah, menurut saya, bagusnya kalau si
trigger
nya disembunyikan dengan ini:input.trigger {
position:absolute;
left:-9999999px;
top:-99999999px;
}
:)
Unknown
mas gimana caranya bikin spoiler yang ke samping, seperti widget daftar isi tabulasi.