Kamis, 12 Juli 2012

Membuat Spoiler / Show Hide pada Blog





 Masukkan code atau gambar atau yang lainnya


Sobat blogger, Hari inni saya pengen keluar tapi di luar panas banget terus gak jadi deh. ehm, saya blogging aja deh terus posting . hehehehe :). ehm, Kesempatan kali ini saya akan beri tau anda semua tentang " Bagaimana membuat Spoiler / Show Hide pada blog ". Biar gak lama - lama, langsung saja ke tutorialnya :

1. Pertama " login " dulu pada akun blog anda.
2. Masuk Dashsboard -> Tata Letak --> Add Gadget-> Html/Javascript.
3. Kemudian " Copy pastekan " code di bawah ini ke dalam " Html/javascript " yang telah anda buka.

<div><div style="margin-bottom: 2px;"><i><b><small> </small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px;font-size: 15px;" 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;Hide&#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;show&#39;; }" type="button" /></div><div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

MASUKKAN IMAGE ATAU CODE YANG ANDA INGINKAN.

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

nb: Tulisan warna merah bisa anda ganti dengan code - code yang anda inginkan.

4. " Save " dan Lihat hasilnya . Semoga bermanfaat

Terkait

Description: Membuat Spoiler / Show Hide pada Blog Rating: 4.5 Reviewer: Sinta Ayu ItemReviewed: Membuat Spoiler / Show Hide pada Blog
Al
Mbah Qopet Updated at: 21.18