Skip to main content

Cara Membuat Spoiler

By
Cara membuat spoiler - Sobat tahu spoiler ... ? Paling tahunya spoiler yang tentang film. Spoiler ini berbeda dengan spoiler film, spoiler ini tugasnya adalah menyembunyikan suatu widget / kalimat / gambar, dan akan tampil apabila telah menekan tombol " Open (atau yang lainnya) " dan bisa disembunyikan lagi apabila menekan tombol " Close (atau yang lainnya) ". Cukup pengantarnya, saya kasih contoh spoiler nih ...
Spoiler:

<-------Isi-------->

Diatas adalah contoh spoiler, kode spoiler diatas antara lain seperti ini

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler</b>: <input 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'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 75px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

<-------Isi-------->

</div>
</div>
</div>
Silahkan sobat masukkan kode spoiler di blog sobat sesuai keinginan.

Simpan !

Ket :
- kalimat yang berwarna orange adalah judul (sebelah tombol Open)
- kalimat yang berwarna biru adalah kalimat yang muncul (saat menampilkan Open, saat ingin menyembunyikan Close)
- angka yang berwarna merah adalah lebar spoiler

Sekian dulu posting tentang cara membuat spoiler, semoga bisa bertemu dilain waktu ^^

Selesai
Labels:

Comments

Post a Comment

Berkomentar dengan menggunakan kalimat yang baik dan santun. Dimohon untuk tidak berkomentar SPAM, karena komentar akan dihapus!
Tips:" Berlangganan Via Email " terlebih dahulu agar komentar cepat dibalas!

Popular posts from this blog

Tips Agar Blog Sering Dikunjungi Pengunjung

By
Tips agar blog banyak dikunjungi - Assalamu'alaikum! Kali ini saya ingin membagikan tips yang bisa mengingkatkan pengunjung sobat dan semangat nge-blog sobat. Semoga setelah sobat selesai membaca artikel saya ini, sobat menjadi bergairah untuk terus berada di dunia blogging. Pertama, setelah kita membuat blog, pasti sering sekali kita menerbitkan postingan. Hal seperti itu sudah menjadi sebuah kebiasaan. Setelah beberapa waktu, semangat menerbitkan posting pun melempem . Tidak apa-apa kalu benar hal itu terjadi, sobat hanya perlu mengumpulkan semangat untuk kembali menulis posting. Karena apabila posting di blog kita banyak, kemungkinan salah satu artikel kita terbaca oleh pengunjung pun semakin besar. Saya sendiri sudah merasakannya. Lalu, entah benar atau tidak, untuk mendapatkan pengunjung yang banyak, kita harus sering update posting setiap hari, minimal 1 posting. Kedua, jangan sering-sering menerbitkan artikel hasil copas (copy paste). Karena mesin pencari tidak akan member...
87 comments
Read more

Cara Membuat Cursor Diikuti Text

By
Assalamu'alaikum! Halo sob, ketemu lagi di blog saya ^^ Kali ini saya ingin mencoba berbagi tentang trik membuat cursor diikuti text . Sebenarnya postingan ini hasil referensi dari blog orang lain, tapi tidak apa, nanti akan saya beri sumbernya di bawah. Setelah saya membaca artikelnya, ternyata banyak pengunjung yang berkomentar bahwa triknya tidak work (tidak berhasil). Setelah diselidiki, ternyata ada beberapa bagian template yang tidak mendukung trik ini. Alhasil, yang seharusnya teks berputar di cursor, malah menjauh dari cursor. Jadi, bagi yang telah mencoba trik ini tapi tidak berhasil, sabar saja ya sob ^^ Oke langsung ke TKP aja yuk .. 1. Blogger > Rancangan/Tata letak 2. Tambah Gadget > Pilih HTML/JavaScript 3. Copy kode di bawah ini <script> //mouse //Circling text trail- Tim Tilton //Website: http://www.tempermedia.com/ //Visit http://www.dynamicdrive.com for this script and more function cursor_text_circle(){ // your message here var msg=' Cara Trik Blo...
6 comments
Read more

Trik Cara Membuat Pesan diatas Kotak Form Komentar

By
Cara memberi pesan diatas kotak form komentar - Trik ini saya dapat saat mengoprek Pengaturan / Setelan. Trik ini berguna untuk memberi pesan/larangan pada saat ingin berkomentar, dan juga dapat diberi link. Pesan tepatnya berada dibawah "Poskan Komentar", bisa lihat gambar disamping. Tertarik mencoba trik memasukkan pesan diatas kotak form komentar ... ? Langsungke TKP yuk ... 1. Dasbor > Setelan / Pengaturan 2. Ke tab Komentar < 3. Cari "Pesan Formulir Komentar" 4. Isi kotak form disebelahnya dengan kalimat/pesan yang ingin ditampilkan diatas kotak form komentar Simpan ! Simple bukan triknya ... ? Trik membuat pesan diatas kotak form komentar sekian dulu ... Selesai
Post a Comment
Read more