Jika Ada Link Dalam Blog Ini Yang Tidak Berfungsi Atau Broken, Dengan Segala Kerendahan Hati Kami Berharap Pengunjung Sekalian Meng-Infokan Kepada Kami Agar Se-segera Mungkin Kami Memperbaikinya,TERIMA KASIH..!!BLOG ANAK BIMA mengucapkan "SELAMAT HARI RAYA IDUL ADHA 1437H MOHON MAAF LAHIR DAN BATIN" @Admin [by:dyenps]

Saturday, July 28, 2012

Cara Membuat Efek Zoom Pada Gambar

Berikut Caranya membuat efek Zoom pada gambar:
Login ke blogmu, pilih >> Template >> Edit HTML >> klik Lanjutkan >> centang Expand Template Widget
Carilah kode ]]></b:skin>, untuk mempermudah pencarian tekan Ctrl + F dan jika sudah ketemu, copy dan pastekan kode dibawah ini tepat diatas kode ]]></b:skin>.


        .hovergallery img{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;opacity:0.7;margin:0 10px 5px 0}.hovergallery img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);box-shadow:0px 0px 30px gray;-webkit-box-shadow:0px 0px 30px gray;-moz-box-shadow:0px 0px 30px gray;opacity:1}

>> Kilk >> SimpanTemplate ,
Untuk memunculkan efek pada gambar maka copy-pastekan kode berikut pada postingan atau widget yang dimana sobat ingin menaruh gambar yang akan diberi efek. Berikut Codenya:


        <div class="hovergallery">Url Gambar Milik Sobat </div>



    Ganti teks berwarna Orange dengan link dari gambar sobat. Contohnya seperti dibawah ini:


SELESAI



Artikel Terkait:

4 comments:

  1. jadi setiap memasukkan gambar harus disertai kode ya sob..

    ReplyDelete
  2. @ Andi,kalau yang ini iya, ada code lain yang akan membuat semua gambar dalam blog mempunyai efek zoom.
    kalau mau yang simpel gini aja:
    <div class="HOVERGALLERY"separator" style="clear: both; text-align: center;">url gambar</div>kalau pada postingan ada gambarnya code ini pasti ada sisipkan aja tulisan HURUF BESAR di atas,tentunya setelah code CSS nya dimasukan dalam template.

    ReplyDelete
  3. jd pingin masang Sob...
    makasih sob infonya nice share.

    ReplyDelete
  4. @Nakusan,silakan di coba aja...moga sekses..D.

    ReplyDelete

Syarat Berkomentar:
Tanpa Sara
Tanpa Spam
Jangan Membuat Link Hidup Di Tengah Komentar
Berkomentarlah Yang Sopan Dan Bijak Agar Diharagai Oleh Orang Lain.
Komentar Yang Mengabaikan Syarat Diatas Akan Di Hapus,Terima Kasih...!

Followers

Google+ Followers

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More