cara pasang show hide image di atas postingan blog

: 01.28 No comments






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
photo-avatar
Terima Kasih Sobat sudah membaca Artikel saya Tentang cara pasang show hide image di atas postingan blog Silahkan tinggalkan jejak lewat form komentar untuk mempermudah Admin berkunjung balik ke blog sobat. Mau share ulang Article saya ini..? silahkan ..!! tentunya dengan Judul dan narasi yang berbeda dan jangan lupa untuk mencantumkan link sumber..Terima Kasih

Posting Komentar


Terima Kasih Sobat Sudah:
1. Berkomentar Dengan Sopan
2. Tidak Memasukkan Link Aktif Dalam Form Komentar
3. Berkomentar Sesuai Artikel/Postingan
4. Berilah Informasi Kepada Admin Jika ada script yang Sudah tidak berfungsi
5. komentar Jorok/kasar /berbau Sara/Porno /saya anggap sebagai SPAM
6.untuk memasukkan gambar gunakan <i rel="image">URL Gambar</i>