13.51
™Zack Gonzalez™
, Posted in
Tips Ngeblog
,
0 Comments
Hallo sobat blogger, ketemu lagi dalam postingan murah meriah ini. Kalo bagi master-master sih udah diluar kepala, tapi saya membuat ini khusus bagi kawan-kawan yang masih pemula, yang semangat ngeblognya tinggi – setinggi bintang dilangit..heheheee
Tips dan trik blog bagi blogger 
dalam berkreasi tidak ada batasnya. Kerena keingintahuan yang tinggi memaksa kita untuk belajar, belajar dan belajar. Dengan harapan, blog yang kita kelola bisa seperti master-master yang sudah terdahulu didunia persilatan perbloggeran, dengan Pagerank (PR)yang tinggi-tinggi. Berkat kerja keras hasilnya pasti akan maksimal dan memuaskan….(kayak guru aja yaaa..)
Saya akan berbagi tentang cara membuat Tombol Hiden/Show praktis dan serbaguna, tidak ribet, tidak sulit dan tidak membuat puyeng….
Contohnya seperti ini lho….(coba aja diklik yaa…)
Kalau berminat, silahkan sobat copy code dibawah ini ;
<div><div style="margin-bottom: 2px;"><input value="hide" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = '
CONTOH'; }" type="button"></div> <div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
TULISAN ATAU KODE JAVASCRIPT/HTML
</div></div></div>
Kalau sobat pingin kelihatan ganti Hide menjadi Show, dan kata berwarna merah ganti dengan kalimat kesukaan sobat.
Bagaimana ??? selamat mencoba dan salam belogger…aaaeeeiitttt jangan lupa commentnya donk :)
13.51
™Zack Gonzalez™
, Posted in
0 Response to "Cara Praktis Membuat Tombol Hide/Show"
Posting Komentar