Sebelum saya memberikan tutorialnya, sahabat combate semua terlebih dahulu harus tau apa itu Show Hide. Show Hide ini bisanya dipakai di sidebar blog agar terlihat lebih rapi.tujuan Show Hide ini adalah supaya mengirit ruang di blog kita. Nah karna sahabt combate semua sudah tau apa itu Show Hide kali ini saya akan memberikan tutorialnya kepada kalian. Caranya sangat gampang kok. Ikuti tutorialnya OK…!!
1.Seperti biasa massuk dulu ke akun blog kalian
2.Pilih tata letak/Rancangan
3.Pilih HTML/JavaScript
4.Copy kode di bawah ini :
2.Pilih tata letak/Rancangan
3.Pilih HTML/JavaScript
4.Copy kode di bawah ini :
<div><div style="margin-bottom: 2px;"><small>Klik</small><input value="Show" 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 = 'show'; }" type="button" /></div><div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
Kode Script Sobat disini
</div></div></div>
Keterangan : kode yang berwarna merah, Ganti dengan Seript yang diinginkan.
Cuma sedikitkan dan sangat mudah banget. Tidak perlu mengedit template kalian.
Jangan lupa like fans page saya OK. Kan udah berbagi ilmu
Banyak artikel menarik DISINI
Tidak ada komentar:
Posting Komentar