Ceaster Forum
Selamat Datang di Forum Ceaster
Bahas apa aja di sini sesuai forum !
Dapatkan Banyak Info,Ilmu,Berita di Sini !
AYO BURUAN DAFTAR ADA EVENT BERHADIAH BAGI PENDAFTAR !
Daftarnya mudah Tinggal Masukin data !

Cara Memberikan Efek Memperbesar (Zoom) Gambar Blog Login_button1Cara Memberikan Efek Memperbesar (Zoom) Gambar Blog Register_buttonCara Memberikan Efek Memperbesar (Zoom) Gambar Blog Button-fb-loginCara Memberikan Efek Memperbesar (Zoom) Gambar Blog Connect-facebook-button


Join the forum, it's quick and easy

Ceaster Forum
Selamat Datang di Forum Ceaster
Bahas apa aja di sini sesuai forum !
Dapatkan Banyak Info,Ilmu,Berita di Sini !
AYO BURUAN DAFTAR ADA EVENT BERHADIAH BAGI PENDAFTAR !
Daftarnya mudah Tinggal Masukin data !

Cara Memberikan Efek Memperbesar (Zoom) Gambar Blog Login_button1Cara Memberikan Efek Memperbesar (Zoom) Gambar Blog Register_buttonCara Memberikan Efek Memperbesar (Zoom) Gambar Blog Button-fb-loginCara Memberikan Efek Memperbesar (Zoom) Gambar Blog Connect-facebook-button
Ceaster Forum
Would you like to react to this message? Create an account in a few clicks or log in to continue.
Ceaster Forum

Forum Pengetahuan Informasi dan Jual Beli Terlengkap di Indonesia


You are not connected. Please login or register

Cara Memberikan Efek Memperbesar (Zoom) Gambar Blog

Go down  Message [Halaman 1 dari 1]

avatar

Cara Memberikan Efek Memperbesar (Zoom) Gambar Blog memiliki keuntungan tersendiri yaitu menghemat ruang artikel pada tulisan blog dan selain itu memberikan efek memperbesar gambar blog juga mempercepat proses loading blog. Berapa pun banyaknya gambar yang ingin ditampilkan kedalam artikel tidak akan pernah jadi masalah dan anda juga tidak perlu kwuatir terhadap loading blog anda karena saat proses loading berjalan, yang terbaca adalah gambar kecil yang telah diatur sebelumnya.

Cara memberikan efek memperbesar (zoom) gambar blog ini telah saya gunakan pada salah satu artikel saya yang menggunakan banyak gambar dan bisa anda lihat di cara mengetahui kode template atau pada contoh tampilan gambar berikut ini
Cara Memberikan Efek Memperbesar (Zoom) Gambar Blog Cara-memperbesar-zoom-gambar-blog
Berikut Cara Memberikan Efek Memperbesar (Zoom) Gambar Blog
Masuk ke akun blogger anda
Pilih menu Template >> Edit Html >> tekan Ctrl+F pada keyboard
Cari kode </head>
Letakkan kode berikut diatas </head>
<script src="http://yourjavascript.com/29031127131/zoomeffectpict.js" type="text/javascript"></script>
<script src="http://yourjavascript.com/82412173123/zoomeffectpict1.js" type="text/javascript"></script>
<style>#preview{position:absolute;border:1px solid #ccc;background:#333;padding:5px;display:none;color:#fff;}</style>
Simpan template
Setelah memasang kode diatas kedalam template blog anda, gunakan kode berikut setiap kali anda ingin memberikan efek memperbesar gambar blog kedalam artikel atau postingan

<a class="preview" href="Ulr Gambar Besar" title="Judul Gambar"><img alt="gallery thumbnail" height="110" src="Ulr Gambar Besar Tapi Kecil" width="170" /></a>

Keterangan
Url Gambar Besar : Ukuran asli dari gambar
Url Gambar Besar Tapi Kecil : Ukuran asli dari gambar yang sudah memiliki ukuran kecil karena sudah memiliki skala 110 untuk tinggi gambar dan 170 untuk lebar gambar
height="110" : Ukuran tinggi gambar
width="170" : Ukuran lebar gambar
Untuk kode JavaScript, jika ia tidak bekerja atau kadaluarsa karena gangguan host, silahkan baca panduannya Disini atau tinggalkan komentar
Atau pastikan didalam template anda sudah terpasang kode javascript dari Jquery. Jika belum, silahkan ambil kodenya di Jquery.com yang saat sudah berada pada versi 1.9
cyclops

Kembali Ke Atas  Message [Halaman 1 dari 1]

Permissions in this forum:
Anda tidak dapat menjawab topik