4rbung blog's adalah web blog yang berisi artikel tutorial, free download software dan lagu, chord gitar dan info-info menarik yang ada di dunia

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




10 komentar:

Anonim mengatakan...

Wahhhh keren Nie Sobb......

Di tunggu nie kunjungan dan komen baliknya makasi

Anonim mengatakan...

Ijin ntimak nie Sobbbb..

Suport me yaa

Anehuda25 mengatakan...

@galadeg : thanks sob n thanks juga atas kunjungannya ...

oke sob ...:)

Anehuda25 mengatakan...

2ariflaw : silahkan sob.. thannks atas kunjungannya ...

Oke sob ...

tova mengatakan...

wah ini yang saya cari2 gan..akhirnya ketemu di sin..hehe
thanks infonya gan..

Misbah mengatakan...

Sangat bermanfaat terutama dalam penggunaan ruang postingan :D

Anehuda25 mengatakan...

@tova : hehehe, okey sob, sama", mkasih udah mau berkujung....:)

Anehuda25 mengatakan...

@misbahaudin : ya sob, nih manfaat banget, biar menghemat tempat ...

mkasih atas kunjungan ...

Arya Dharma mengatakan...

Wah,, Keren :) mampir disini :D

Anehuda25 mengatakan...

@Arya dharma : hehhe, makasih sob atas kunjungannya ... :)

Posting Komentar

## Terima kasih, anda telah membaca artikel pada blog ini ...
## Jangan lupa untuk meninggalkan komentar setelah membaca artikel ...
## Karena dengan komentar anda blog ini akan semakin maju di dunia internet ...

Membuat Spoiler / Show Hide pada Blog