Monday, January 16, 2012

cara pasang show hide image di atas postingan blog






C
oba klik tombol show /hide image di atas postingan blog maka secara otomatis semua gambar yang ada di blog akan hilang(khusus yang sudah di beri kode ) nah cara pemasangan nya adalah:
  • login ke blogger.com
  • masuk rancangan -->tambah gadget dan pilih HTML java script lalu masuk kan kode di bawah ini ---->lalu seret gadget tepat di atas kolom postingan.
  • Berikut kode nya :
    <input type="button" value="Hide image" onclick="document.getElementById('p1').
    style.visibility='hidden'" /><input type="button" value="Show image" onclick="document.getElementById('p1').style.visibility='visible'">
  • Lalu Save template
  • Nah setiap memasang gambar gunakan kode berikut :.
    <p id="p1"><img src="url gambar nya"></p>
    Ganti teks yang berwarna hijau denga url gambar yang kamu suka oke selamat mencoba

No comments:

Post a Comment