Ads 468x60px


Saturday, November 19, 2011

Membuat Efek Zoom Pada Gambar di Blog Anda

Di dalam blog terutama pada postingan Anda, akan sangat menarik dan identik jika terdapat sebuah gambar atau image, 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.
  • Silahkan Anda login ke blogger Anda masing-masing
  • Masuk kebagian Rancangan, dan klik bagian Edit HTML, kemudian beri tanda centang pada bagian
  • Cari kode ]]></b:skin>, gunakan shortcut keyboard Ctrl + F
  • 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); }
  • Simpan Template Anda, dan lihat perubahan nya
Selamat Mencoba...
Suka? Klik Like Ya...

2 comments:

  1. Kunjungan balik y gan ^^
    Thx infonya

    http://4share-information.blogspot.com

    Salam blogger Indonesia
    Jangan lupa komentarnya ^^
    Lebih baik saling menyapa sesama blogger Indonesia

    jangan lupa follow jga ^^
    ( bila berkenan )
    Atau subscribe
    Pastinya akan saya foll back / subscribe back

    ReplyDelete
  2. @anime lover : makasih kunjungan nya... udah ane fol,...

    ReplyDelete

 
Back to Top