6 Mar 2013

Membuat Spoiler Di Postingan Blog Pasti Berhasil

Spoiler -  bisa di bilang tombol Show Hide yang biasanya ada di berbagai forum di indonesia,
pernahkah anda mendengar forum indonesia KASKUS ?
pasti kalian smua pernah dengar kan ?

Coba kalian liat di salah satu postingan di kaskus,
pasti anda menemukan yang namanya spoiler di stiap postingannya
liat gambar berikut ini














Nah Sobat bisa liat kata Spoiler kan?
Nah itulah yang akan saya jadikan postingan hari ini,
Tapi itu tombol kan buat di forum-forum saja
Saya akan berbagi tutorial Memasang Spoiler Di Blog

Langsung saja berikut tutorialnya :
1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Kemudian Copy kode berikut ini pada 'HTML/JavaScript'.

<div style="margin-bottom: 2px;"><span style="color: rgb(102, 102, 204);"> </span>
<div style="margin-top: 5px; text-align: left;"><input 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;TUTUP&#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;BUKA&#39;; }" value="BUKA" style="margin-top: 5px; width: 60px; font-size: 10px;" type="button" /> </div> <div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

Letakkan link/script/gambar disini!

</div></div></div> 
4. Terakhir klik Simpan.
Nah hasil akhirnya akan seperti di bawah ini 

Letakkan link/script/gambar disini!


sekian tutorial Memasang Spoiler Di Blog versi saya. selamat mencoba :)


2 komentar:

  1. .: Tutorial yang sangat bermanfaat, bisa menghemat space...^_^

    BalasHapus
    Balasan
    1. haha
      iya sob
      biar postingan gk trlalu pnjang sob :D

      Hapus

Semua umpan balik saya hargai dan saya akan membalas pertanyaan yang menyangkut artikel di Blog ini sesegera mungkin.

1. Komentar SPAM akan dihapus segera setelah saya review
2. Pastikan untuk "Berlangganan Lewat Email" untuk membangun kreatifitas blog ini
3. Jika Anda memiliki masalah cek dulu komentar, mungkin Anda akan menemukan solusi di sana.
4. Jangan Tambah Link ke tubuh komentar Anda karena saya memakai system link exchange
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Bergabung dengan kami untuk menjadi member ► | JOIN TO MEMBER BLOG | Dan mendapat fasilitas penuh