cara buat tombol bukak tutup pada postingan
tentunya sobat saat memostingan sebuah artikel dan disitu ada bacaan tertentu atau penambahan gadget dan lainnya biar bisa agak irit tempat postingan ini ada gadget buat tombol buka tutup pada blog.
sebagai contoh;
silahkan ikuti ini;
pertama masuk ke-blog
kedua bukak entri baru/tempat menulis artikelmu
pindahkan kelaman HTML
kemudian copy paste kode ini;
<div style="margin-bottom: 2px;"><span style="color: rgb(102, 102, 204);"> </span>
<div style="margin-top: 5px; text-align: left;"><input 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 = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'BUKA'; }" value="BUKA" style="margin-top: 5px; width: 60px; font-size: 10px;" type="button" /> </div> <div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
Letakkan link/script/gambar disini!
</div></div></div>
simpan dan klik publikasikan dan lihat hasilnya
tentunya sobat saat memostingan sebuah artikel dan disitu ada bacaan tertentu atau penambahan gadget dan lainnya biar bisa agak irit tempat postingan ini ada gadget buat tombol buka tutup pada blog.
sebagai contoh;
silahkan ikuti ini;
pertama masuk ke-blog
kedua bukak entri baru/tempat menulis artikelmu
pindahkan kelaman HTML
kemudian copy paste kode ini;
<div style="margin-bottom: 2px;"><span style="color: rgb(102, 102, 204);"> </span>
<div style="margin-top: 5px; text-align: left;"><input 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 = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'BUKA'; }" value="BUKA" style="margin-top: 5px; width: 60px; font-size: 10px;" type="button" /> </div> <div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
Letakkan link/script/gambar disini!
</div></div></div>
simpan dan klik publikasikan dan lihat hasilnya
0 comments: