cara pasang show hide image di atas postingan blog

cara pasang show hide image di atas postingan blog - Hallo Sob Jody Blog, artikel kali ini berjudul cara pasang show hide image di atas postingan blog, kami telah menuliskan yang kami tahu pada artikel ini, semoga bermanfaat.

Judul : cara pasang show hide image di atas postingan blog
link : cara pasang show hide image di atas postingan blog

lihat juga


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


Demikianlah Artikel cara pasang show hide image di atas postingan blog

Sekian cara pasang show hide image di atas postingan blog, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingankali ini.

Anda sedang membaca artikel cara pasang show hide image di atas postingan blog dan artikel ini url permalinknya adalah https://caratutorialgratis.blogspot.com/2012/01/cara-pasang-show-hide-image-di-atas.html Semoga artikel ini bisa bermanfaat.