Cara Membuat Efek Zoom Image di Blog

Posted by : Unknown Senin

Hello kawanku, hari ini ane akan share tips buat para blogger yang ingin blog nya terlihat keren dan unik dengan efek zoom pada gambar di postingan. Efek  zoom di posting gambar ini ialah kalo ada Corsur kita menempatkan tepat di atas gambar itu, maka akan memperbesar gambar secara otomatis. Kayak di google gambar gitu loh . . . . .
Ga usah banya basa-basi, langsung aja ya ...

Ok, ini dia:

1. Login dulu ke Blogger
2. Pilih menu Rancangan dan pilih edit HTML
3. Cari kode berikut dengan Ctrl + F masukkan ]]> </ b: skin>
4. Kemudian paste kode di bawah, tepat di atas ]]> </ b: skin>

.post img, table.tr-caption-container {
border:none;
max-width:560px;
height:auto;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);
-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px / 12px;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}


Lihat yang warna Ungu, itu ukuran dari efek zoom yang akan wawwwww. Edit dan sesuaikan dengan selera masing-masing. Selesai Dan SAVE. Dan Finish gambar zoom efek pada posting yang sudah terlihat.


tapi zoom image ini gak bisa dilihat di mode seluler loh :D 
Salam blogger . . . . 

Source 


cara membuat efek zoom image di blog, how to make zoom image in blog, efek zoom image, zoom image, memperbesar gambar di blog

Ditulis Oleh : Unknown ~ Anak Madura Coii !!

Bendito Sahabat sedang membaca artikel tentang Cara Membuat Efek Zoom Image di Blog. Sahabat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, tapi jangan lupa meletakkan link dibawah ini sebagai sumbernya

I Love Madura

{ 36 Commets... read them below or Comment }

  1. UnknownSenin, 19 Maret 2012 pukul 15.20.00 WIB

    Pertamax diamankan :D

    BalasHapus
  2. mobil bututSenin, 19 Maret 2012 pukul 21.26.00 WIB

    contohnya kek gimana bro?
    apa pic.nya bisa membesar gitu ya :)

    BalasHapus
    Balasan
    1. UnknownSelasa, 20 Maret 2012 pukul 13.49.00 WIB

      @mobil butut : ya, coba kursor mouse nya ke gambar diatas . .
      pasti gambarnya membesar. kayak digugel gambar itu loh

      Hapus
  3. Coretan PemulaSenin, 19 Maret 2012 pukul 22.47.00 WIB

    Kayak postingan agan ya yg gambarnya bisa gerak? hehe, oke segera ane coba ;)

    BalasHapus
  4. Ahmad Zuhdi TravelifeSelasa, 20 Maret 2012 pukul 05.48.00 WIB

    nice tips sob. :D

    hadir disini sekedar absen pagi dan mengucap happy blogging :)

    BalasHapus
  5. cerita anak kostSelasa, 20 Maret 2012 pukul 11.35.00 WIB

    wah mantap ni gan, ilmu baru nie... save dulu ah.

    BalasHapus
    Balasan
    1. UnknownSelasa, 20 Maret 2012 pukul 14.22.00 WIB

      @cerita anak kost : jangan disave, lebih baik di bookmark aja :D

      Hapus
  6. Peduli AlamKuSelasa, 20 Maret 2012 pukul 11.36.00 WIB

    wah aku coba utak ati dulu ya...

    BalasHapus
    Balasan
    1. UnknownSelasa, 20 Maret 2012 pukul 14.25.00 WIB

      @Peduli Alamku : silakan diotak atik. semoga berhasil :)

      Hapus
  7. FikriSelasa, 20 Maret 2012 pukul 12.50.00 WIB

    Mantap sekali nih tipsnya
    thanks

    BalasHapus
  8. Mochammad NasrullohSelasa, 20 Maret 2012 pukul 15.13.00 WIB

    cikiciew asik asik css only :D

    BalasHapus
  9. UnknownSelasa, 20 Maret 2012 pukul 20.30.00 WIB

    @naspard : ayu tingting - sik asik

    BalasHapus
  10. cerita anak kostRabu, 21 Maret 2012 pukul 10.06.00 WIB

    berkunjung lagi menanti yang baru.

    BalasHapus
    Balasan
    1. UnknownRabu, 21 Maret 2012 pukul 17.48.00 WIB

      @cerita anak kost : ane update 3 hari sekali bro . .
      mohon ksabarannya :)

      Hapus
  11. BlogS of HariyantoRabu, 21 Maret 2012 pukul 13.44.00 WIB

    keren banget kalo gambar-nya bisa di zoom :)

    BalasHapus
  12. LEMO HOMESTAYRabu, 21 Maret 2012 pukul 13.45.00 WIB

    nice share tutorial ^_^

    BalasHapus
  13. EYSurbaktiRabu, 21 Maret 2012 pukul 14.18.00 WIB

    wah, keren brader ..
    tengkyu :D
    patut dicoba entar ..
    eniwei, kayaknya folbek blog ane blom sukses noh ya ?

    BalasHapus
    Balasan
    1. UnknownKamis, 22 Maret 2012 pukul 18.48.00 WIB

      @EYSUBAKTI : wah wah wah . . . .
      udah ane folback loh

      Hapus
  14. UnknownKamis, 22 Maret 2012 pukul 05.20.00 WIB

    wah keren nih kalau di blog ada efek zoomnya...

    makasih sudah berbagi sobat...

    BalasHapus
  15. cerita anak kostKamis, 22 Maret 2012 pukul 15.36.00 WIB

    mampir kemari lagi, sambil menyambung silaturahmi, menunggu postingan yang baru darimu. ok gan. tenkyu.

    BalasHapus
  16. AnonimMinggu, 25 Maret 2012 pukul 16.15.00 WIB

    Dicoba gan efek zoomnya thanks for share happy blogging

    BalasHapus
  17. UnknownMinggu, 25 Maret 2012 pukul 20.30.00 WIB

    yyeyeyeyeye jadi nih sob... makasih yah...

    BalasHapus
  18. DESA CILEMBUSelasa, 27 Maret 2012 pukul 13.06.00 WIB

    mantep nih bisa segera dipasang didesa biar keren..
    makasih ilmunya gan.

    hepi ng'blog dan sehatlah selalu

    BalasHapus
    Balasan
    1. UnknownMinggu, 01 April 2012 pukul 11.29.00 WIB

      @Desa Cilembu : pasang aja gan, biar lebih keren :D

      Hapus
  19. Cendekiawan ITSelasa, 27 Maret 2012 pukul 15.13.00 WIB

    udah ane coba gan... maknyuuuuuuuuuusss... thx

    BalasHapus
  20. dhlondhenkRabu, 28 Maret 2012 pukul 15.31.00 WIB

    nice share sobat..menambah variasi pada blog agar terlihat lebih keren tuh...support siang skaligus follow#95,dinanti followbacknya loh gan,thanks

    BalasHapus
  21. DulhakMinggu, 01 April 2012 pukul 09.48.00 WIB

    benyak visitorra kanak.,.,.,.,.

    BalasHapus
  22. ciletciletMinggu, 01 April 2012 pukul 22.19.00 WIB

    wah keren gan wkwk

    BalasHapus

SILAKAN MISUH-MISUH ASALKAN JAGA KESOPANANNYA YA !!!!!

Diberdayakan oleh Blogger.

- Copyright © 2013 Anak Madura -Metrominimalist- Powered by Blogger - Designed by Johanes Djogan -