Most Recent

Membuat Spoiler Yang Indah


Selamat siang semua, nah kembali lagi di deawapedia.co.cc, media baca online terpercaya. Sekarang saya akan kembali membahas tentang Spoiler, dahulu saya sudah membahas spoiler yang biasa aja, nah sekarang saya akan membahas sepoiler yang berwarna.

Nah tanpa berpanjang kata lagi, ayo simak caranya.

1. Seperti biasa, silahkan masuk dulu ke halaman dasbor anda,

2. Lalu klik Tata Letak,

3. Lalu klik Tambah Gadget,

4. Lalu pilih Gadget HTML/JavaScipt,

5. Lalu Copy code dibawah ini.

<div class='widget-content'>

<center><div style="margin: 5px;">

<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 100%;background:kode warna;" value="OPEN 1" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;CLOSE&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;OPEN 2&#39;; }" type="button" />

</div>

<div style="border:; margin: 0px; padding: 6px;" class="alt2"><div style="display: none;">

<div style="border: 0px solid rgb(153, 153, 153); overflow: auto; width: 300px; height: 365px; text-align: left;">

<div style="text-align: center;">Masukkan Code HTMLnya disini</div>

</div></div></div>

Catatan,

Code yang berwarna merah adalah code warna background tombol spoiler, anda bisa menggantin waranya sesuai keinginan anda. Code warna bisa dilihat disini.

Code yang berwarna biru adalah tulisan untuk membuka spoiler, anda juga bisa menggantinya dengan kata yang anda suka, contoh : Buka,

Code yang berwarna hijau adalahan kata untuk menutup spoiler, anda juga bisa menggantinya dengan kata yang lain, contoh, Tutup,

Sementara code yang berwarna coklat adalah tempat code HTMLnya, silakan copy code widget yang akan anda gunakan.

Nah demikian cara yang saya berikan, salam sukses selalu…

Sumber, prasutan.blogspot.com

Membuat Spoiler Yang Indah Membuat Spoiler Yang Indah Reviewed by Sueca Arimbawa on 00.50 Rating: 5

3 komentar:

  1. wahh...postinganku laku juga...jadi terharu...dulu aku jg sering copy.paste wkt msh pemula..skarang udh bs ngpost sndiri,ada yg ngopy...berarti post.ku keren jg yah..hahaha...thank deawa

    BalasHapus
  2. q, masih pemula bagetz sob, makasih buat postnya...

    BalasHapus
  3. nice post...
    sangat bermanfaat sob.,,

    BalasHapus

Berkomentarlah sesuka hati anda, keluarkanlah unek-unek anda tentang isi artikel blog saya ini. tapi jangan sepaming, berkata kotor, dll yang berhubungan dengan kekerasan dan pelecehan. "SALAM BLOGGER INDONESIA"

Blogger yang baik, adalah blogger yang berkomentar baik"

Flickr Widget

Diberdayakan oleh Blogger.