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 Meningkatkan Links In pada Alexa

By
Sebelumnya, ini adalah hasil copy paste. Entah cara seperti ini palsu atau nyata, tapi tidak ada salahnya mencoba. Oke, check this out .. Salam Blogger , pada kesempatan kali ini dan pada posting ini juga saya akan sedikit memberi sedikit trik untuk megoptimalkan semua static yang tertera di alexa. Jika sebelumnya saya membahas tentang cara meningkatkan links in alexa alhamdulillah di posting kali ini berkenaan dengan gimana caranya untuk meningkatkan atau menambah Link in pada alexa. alexa adalah salah satu situs yang memberikan pelayanan untuk trafik blog. Alexa dapat menghitung semua kegiatan lalu lintas blog anda, jadi dengan begitu sobat dapat mengetahui apakah blog anda sudah bagus trafiknya atau tidak. Alexa tidak hanya menghitung lalu lintas blog saja, tetapi alexa juga menyediakan widget untuk blog baik itu blogspot maupun wordpress dan alexa juga menyediakan toolbar untuk browser yang dipakai di komputer sobat. Dan ternyata banyak para blogger yang memil
23 comments
Read more

Cara Membuat Widget Kotak Komentar di Blog

By
Assalamu'alaikum! Kali ini saya ingin membagikan cara membuat kotak komentar pada blog . Widget ini berfungsi sebagai penghias di blog, dan juga bisa menjadi sarana cuap-cuap pengunjung yang datang. Widget ini saya ambil dari salah satu website, yaitu cbox.ws. Di sana, kita gratis mengambil kode kotak komentar, tapi sobat harus daftar dulu. Langsung saja sob ... 1. Kunjungi www.cbox.ws 2. Klik Get your own free Cbox now! 3. Kemudian isi formulir pendaftaran 4. Kemudian sobat silahkan login cbox.ws 5. Setelah login, sobat klik Publish! 6. Kemudian akan muncul kode widget kotak komentar, copy kode tersebut 7. Kemudian login blogspot > Rancangan 8. Klik Add Gadget/Tambah Gadget 9. Pilih HTML/JavaScript 10. Paste kode di kolom tersebut Simpan ! Sekian dulu dari saya sob tentang cara membuat widget komentar di blog , wassalam!
20 comments
Read more