Home »,, »Cara Membuat Spoiler Sederhana di Blog

Cara Membuat Spoiler Sederhana di Blog

Cara Membuat Spoiler Sederhana di Blog
Langsung saja sob, inilah langkah-langkah Cara Membuat Spoiler Sederhana Pada Postingan Blog :

1. Pertama login ke blogger
2. Kemudian tulis postingan baru
3. Ganti tab Compose dengan tab HTML
4. Masukan kode di bawah ini


<div id="spoiler" style="display:none"> ini konten yang akan disembunyikan </div> <button title="Klik untuk melihat/menyembunyikan" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Buka/Tutup</button> 
5. Ganti kode yang berwarna merah dengan konten yang akan sobat sembunyikan.
6. Kode yang berwarna biru bisa sobat ganti sesuai selera sobat.

Selesai, Langkah terakhir klik tombol publish untuk mempublikasi postingan sobat :)

Jika ingin membuat spoiler yang versi keren-nya silahkan lihat tutorialnya disini: Cara Membuat Spoiler versi Keren














Diposkan oleh: Uman Neutron di Coretan Uman, Pada: 5/25/2013 09:56:00 PM

Reaksi:

3 komentar:

  1. kalau membuat spoiler yang tampilannya tanpa kotak2, gimana caranya?
    seperti ini tampilannya, saya lihat di goodreads

    (view spoiler)

    thx

    BalasHapus

Kode Smiley Untuk Komentar


:a   :b   :c   :d   :e   :f   :g   :h   :i   :j   :k   :l   :m   :n   :o   :p   :q   :r   :s   :t  

Apa pendapatmu? Tuliskan komentarmu dengan baik tanpa mengandung unsur sara, pornografi, atau kata-kata tidak baik lainnya ya :)

Domain Murah Sobb ;)

beli domain murah

Ingin Berlangganan Artikel Terbaru Coretan Uman?

Masukkan alamat email kamu di bawah ini, dan tekan tombol Subscribe, kemudian ikuti petunjuknya sampai selesai :)

Enter your email address:

Delivered by FeedBurner

Recommended Post Slide Out For Blogger