oke langsung aja pada langkah membuatnya:
Kode script hide/show untuk blog.
caranya tambah kode diatas ke blog, bisa pada elemen baru, atau di halaman posting, tergantung kebutuhan sech.
seterusnya ganti tulisan Tampilkan/sembunyikan dengan kata2 lain yang menurut kamu bagusLah.
terus ada tulisan silahkan diisi apa saja ... , silahkan ganti dengan kode/elemen yang akan diberi efek hide/show, cukup jelas bukan!!!!
Sebagai contoh , perhatikan dibawah!!!
Mudah bukan caranya, monggo dipraktekkan....
Kode script hide/show untuk blog.
<div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Tampilkan" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button"/>
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">
Silahkan diisi apa saja di sini, yang memang dirasa perlu tuk disingkat
</div></div></div></div>
caranya tambah kode diatas ke blog, bisa pada elemen baru, atau di halaman posting, tergantung kebutuhan sech.
seterusnya ganti tulisan Tampilkan/sembunyikan dengan kata2 lain yang menurut kamu bagusLah.
terus ada tulisan silahkan diisi apa saja ... , silahkan ganti dengan kode/elemen yang akan diberi efek hide/show, cukup jelas bukan!!!!
Sebagai contoh , perhatikan dibawah!!!
Mudah bukan caranya, monggo dipraktekkan....
Waah..mantap kali ini tutorial bah..
BalasHapusMantabs nich tutorialnya...
BalasHapusNice information. Thanks
BalasHapusTutorial yang sangat menarik...
BalasHapusGood and interesting information. thanks
BalasHapusaku juga ada nih tutor sejenis
BalasHapusada 3 macem
VERSI 1
VERSI 2
VERSI 3
pren bukan yang ini tapi itu lho menu navigasi yang kalo mouse di atasnya dia muncul kaya punya you diatas , (Home)(tutorial blog )(BISNIS)
BalasHapussudah saya coba sobat terima kasih mau berbagi ilmu sobat ..o iya aku sudah follow ....
BalasHapusmakasi mas tutornya langsung bisa ni....
BalasHapus^_^y
Cara Membuat Fungsi Hide And Show (Sembunyikan/Tampilkan) Pada Blog
BalasHapusKode HTMLnya mana Bozz... kok cuman kotak putih az
@Belajar BLog : ada koq gan kodenya, coba dilihat lagi diatas.........
BalasHapus