Darmasite akan berbagi tips menarik, yaitu Membuat Efek Zoom Gambar di Blogger, misalnya cursor menyorot gambar akan membesar, nah semua gambar di blog anda akan ber'efek zoomer ini, akan sangat menarik bukan? hal ini penting untuk membuat suatu postingan menjadi lebih menarik. Berikut ini Saya ingin memberikan sedikit trik untuk membuat gambar / image pada blog Anda menjadi lebih menarik dengan menambahkan efek zoom in dan zoom out menggunakan kode CSS, berikut langkah-langkah nya.


  1. Silahkan Anda login ke blogger Anda masing-masing
  2. Masuk kebagian Rancangan, dan klik bagian Edit HTML, kemudian beri tanda centang pada bagian 
  3. Cari kode ]]></b:skin>, gunakan shortcut keyboard Ctrl + F
  4. Setelah ketemu copy paste kode CSS berikut tepat diatas kode tadi



.post img:hover { 
-o-transition: all 0.3s; 
-moz-transition: all 0.3s; 
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }



   5. Terakhir, simpan Template anda. dan lihat Hasilnya! ^_^



Original post : Darmasite

Posting Komentar

  1. ada gak kode css yang gambarnya bergerak selain di zom . . .
    dulu saya pernah make css kyk gney tpi membuat konflik.js
    tpi untung css ini tidak ..
    makasi infonya ...

    BalasHapus
  2. Keren gan.. boleh di coba..

    BalasHapus
  3. follback sukses sobat ..

    nice posting ... :D

    BalasHapus
  4. mantabb tuhh gann...

    info yang sipp abis,,
    lngsung ke TKP nih ane,,,

    BalasHapus
  5. Balasan
    1. coba ulang copy cssnya sob! thanks dah mampir!

      Hapus
  6. makasih ya aq coba zoom picture x di blog q - salam blogger

    BalasHapus
    Balasan
    1. ok sob, makasih buat kunjungannnya!

      Hapus
  7. Gan cara buat recent post di blog kaya punya agan gmana ya? mohon bantuanya......

    BalasHapus
  8. Makasih informasinya..ternyata mudah juga yah..sy pikir kodenya njelimet gitu.... :D

    BalasHapus

Catatan:
1. Komentar Anomin telah kami buka, silahkan berkomentar yang sopan
2. Jika kurang mengerti dengan posting di atas silahkan ajukan pertanyaan
3. Kami usahakan membalas komentar anda secepat kilat!
4. Masalah "Link Rusak" bisa anda laporkan lewat komentar
5. Jika meninggalkan Link Aktif pada komentar terpaksa kami hapus

Salam Admin
Darma Jaya

 
Top