Membuat Gambar Membesar Saat disentuh Cursor

Diposkan oleh Madie Zha on 17 April 2013 at 1:00 PM

Membuat Gambar Membesar Saat disentuh Cursor | Tutorial Blog

Mungkin sebagian Blogger sering melihat gambar yang menjadi besar apabila tersentuh cursor. Dalam dunia blogging fitur seperti ini sering disebut dengan nama Image Zoom Effects atau Hover Zoom Smooth Effects. Fitur yang satu ini lumayan banyak di senangi para blogger walaupun sebenarnya dengan memasang Image Zoom Effects ini di blog dapat menggangu pengunjung yang sedang membaca postingan kita.
Postingan ini saya buat untuk melengkapi Tutorial di blog ini, buat sobat yang ingin memasangnya silakan Anda ikuti tutorial dibawah ini.

Cara Membuat Gambar Membesar Saat disentuh Cursor :
  • Masuk ke akun blogger sobat.
  • Pilih Template > Edit HTML.
  • Ceklis / Centang Expand Widget Template.
  • Cari kode ]]></b:skin> , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard.
  • Kalau sudah ketemu, letakkan kode berikut tepat di atas kode ]]></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: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }
  • Terakhir klik Simpan Template. Sekarang lihat hasilnya di blog Sobat.
Semoga tutorial singkat ini bisa bermanfaat...

.:. 290 komentar .:.Post a Comment

  1. ijin pakai gan.
    ayo dukung go green berikan pendapatmu di link ini dikomen ya artikel ini http://www.pradipha.com/2013/04/go-green-hal-yang-mustahil.html

    ReplyDelete
  2. langsung dipraktekin aj gan,,terimakasih bnyak infonya gan...

    ReplyDelete
  3. okeh deh,,mkash bnyak gan,,saya langsung coba infonya.

    ReplyDelete
  4. wah, ini memang yang sedang saya cari mas admin untuk zoom gambar. makasih ya.

    ReplyDelete
  5. ijin praktek gan , kapan kapan.

    ReplyDelete
  6. well work gan , thx . visit back yee gan

    ReplyDelete
  7. Apakah ini tidak berat klu dipake di template?

    ReplyDelete
  8. Keren sob berfungsi..
    kunjungi jga
    rock-heaven.blogspot.com

    ReplyDelete
  9. sy coba y gan,

    jgn lupa mampir gan
    segitigailmu.blogspot.com

    ReplyDelete
  10. kalo CSS nya di sembunyiin jadi ga bsa ya ?

    ReplyDelete
  11. oke akan saya coba terima kasih infonya

    ReplyDelete
  12. terima kasih atas imformasi yang telah anda berikan melalui web ini
    semoga menjadi amal soleh. salam kenal dan salam sukses selalu.

    ReplyDelete
  13. wah gan ini yang ane cari, buat gallery ane :D

    Makasih sebelumnya udah nemu nih carannya disini...

    ReplyDelete
  14. Artikel yang sangat menarik nih di bacanya.

    ReplyDelete
  15. bagus banget tulisannya, sangat menginspirasi.

    ReplyDelete
  16. makasih gan buat informasinya yah semoga bermanfaat buat kita semua dan salam kenal aja yah dari saya

    ReplyDelete
  17. makasih gan buat informasinya yah semoga bermanfaat buat kita semua dan salam kenal aja yah dari saya

    ReplyDelete
  18. makasih gan buat informasinya yah semoga bermanfaat buat kita semua dan salam kenal aja yah dari saya

    ReplyDelete
  19. Informasi yang sangat bermanfaat nih gan.

    ReplyDelete
  20. ijin pake gann..
    www.orbit.co.id

    ReplyDelete
  21. Oh ternyata begitu ya biar gamarnya membesar kalo di sentuh.

    ReplyDelete
  22. Terimakasih gan buat tips nya, ini pasti sangat bermanfaat artikelnya.

    ReplyDelete
  23. informasi yang sangat menarik.....sukses selalu.....

    ReplyDelete
  24. Makasih banget buat infony ya sob.. bermanfaat banget .. =)) Tadi yg pertama kali saya gk berhasil .. tapi coba lg jd berhasil.. Arigatou gozaimas ^^

    ReplyDelete
  25. terimakasih gan untuk informasinya

    ReplyDelete
  26. makasih sob untuk info dan tipsnya, salam sukses

    ReplyDelete
  27. isi artikelnya sangat menarik gan, terimakasih

    ReplyDelete
  28. makasih ya atas informasinya, sangat membantu

    ReplyDelete

  29. informasi yang sangat menambah wawasan saya makasih ga,.

    ReplyDelete
  30. Her posts are very dance gan,,

    ReplyDelete
  31. cool article, thanks gan his info .

    ReplyDelete
  32. thanks for the info may be useful gan

    ReplyDelete
  33. informasinya luar biasa sangat bermanfaat sekali...
    Banyak sekali ilmu pengetahuan yang saya dapatkan
    Terimakasih banyak atas informasinya ...
    Semoga semakin sukses

    ReplyDelete
  34. continued success gan, awaited further atikel ..

    ReplyDelete
  35. trimakasi info, useful ... add to my knowledge ...

    ReplyDelete

  36. thanks for the info may be useful for everyone ..

    ReplyDelete

  37. Her comments come gan article, I think the info is very interesting to observe ...

    ReplyDelete
  38. akhirnya saya nemu juga informasinya, makasih sob

    ReplyDelete
  39. mantap nih tutorial, mau praktekkan juga nih tutorial...makasih,

    ReplyDelete

  40. information is very interesting to observe, hopefully useful,

    ReplyDelete
  41. gan cool info, thanks gan broaden my

    ReplyDelete
  42. success continues to sob, wait again next article,,

    ReplyDelete
  43. Informasinya sangat bermanfaat sekali...
    Banyak pengetahuan saya dapatkan setelah saya menyimak artikel di blog ini...
    Ditunggu postingan selanjutnya...
    Semoga semakin suksesnya....

    ReplyDelete
  44. UNIK

    5 Makanan Langka Dan Termahal
    Alasan Kenapa Kaki dan Ketiak Gampang Geli
    Bunyi Jam Weker Unik Sekali
    Facebook Rilis Stiker Unyu Merdeka
    Foto Unik Dari Iklan Indonesia - New !!
    Gaya Style Yang Populer Di Jepang - New !!
    Google Merayakan Kemerdekaan Indonesia (RI)
    Makanan Yang Di Larang Di Beberapa Negara
    Media Amerika Meliput Kisah Jokowi
    Misteri Segitiga Bermuda
    Nama Lain Indonesia Dalam Sejarah Perjalanan Bangsa
    Perbedaan Mata Cewek Dengan Mata Cowok


    Sumber Artikel Dari : http://bloggeronecu.blogspot.com/2011/03/folder.html#ixzz2dfGGCB1q

    ReplyDelete
  45. waah infonya kangat kereeennn gan :p

    ReplyDelete
  46. ditunggu ea gan artikel slanjutnya :)

    ReplyDelete

  47. informasi yang sangat menambah wawasan saya makasih ga,.

    ReplyDelete
  48. Her posts are very dance gan,,

    ReplyDelete
  49. Oh jadi begitu mas, saya baru tahu nih.

    ReplyDelete
  50. makasih infonya bagus banget,,,, sukses selalu,,, :D

    ReplyDelete
  51. well work gan , thx . visit back yee gan

    ReplyDelete
  52. ditunggu ea gan artikel slanjutnya :)

    ReplyDelete
  53. artikel yang sangat bagus sekali dan tentunya sangat bermanfaat untuk pembaca khususnya saya pribadi, terima kasih salam kenal dan sukses selalu.

    ReplyDelete
  54. setelah saya baca seluruh artikel dan akhirnya saya menemukan apa yang saya cari selama ini. saya ucapkan terima kasih ini semua berkat anda. salam kenal dan salam sukses

    ReplyDelete
  55. kwalitas yang penting dalam suatu artikel dan itu ada dalam artikel anda ini, hebat gan. lam kenal dari saya.

    ReplyDelete
  56. artikel yang patut di acungkan jempol, kata-kata yang tersusun rapi jelas dan mudah di mengerti, banyak di butuhkan orang teruma saya pribadi, terima kasih atas segala kebaikan anda yang anda berikan melalui tulisan ini.

    ReplyDelete
  57. setelah saya menyimak smua isi artikel anda dan saya ucapkan beribu terima kasih, berkat artikel ini, ilmu dan pengetahuan saya jadi bertambuah, semoga bermanfaat. salam kenal gan dari saya.

    ReplyDelete
  58. terima kasih banyak atas imformasinya ini sangat bermanfaat khususnya untuk saya pribadi, sukses ya gan..

    ReplyDelete
  59. artikel yang sangat menarik dan tentunya sangat membantu saya dalam belajar, makasih banyak ya lam sukses selalu

    ReplyDelete
  60. stelah sayan baca artikelnya sangat menarikkk thanks gan

    ReplyDelete
  61. stelah saya baca memang artikelnya sangat menarik untuk disimak, sukses terus gan

    ReplyDelete
  62. setelah saya menyimak smua isi artikel anda dan saya ucapkan beribu terima kasih, berkat artikel ini, ilmu dan pengetahuan saya jadi bertambuah, semoga bermanfaat. salam kenal gan dari saya.

    ReplyDelete
  63. terima kasih banyak atas imformasinya ini sangat bermanfaat khususnya untuk saya pribadi, sukses ya gan..

    ReplyDelete
  64. artikel yang sangat menarik dan tentunya sangat membantu saya dalam belajar, makasih banyak ya lam sukses selalu

    ReplyDelete
  65. artikel yang sangat bagus sekali dan tentunya sangat bermanfaat untuk pembaca khususnya saya pribadi, terima kasih salam kenal dan sukses selalu.

    ReplyDelete
  66. setelah saya baca seluruh artikel dan akhirnya saya menemukan apa yang saya cari selama ini. saya ucapkan terima kasih ini semua berkat anda. salam kenal dan salam sukses

    ReplyDelete
  67. kwalitas yang penting dalam suatu artikel dan itu ada dalam artikel anda ini, hebat gan. lam kenal dari saya.

    ReplyDelete
  68. artikel yang patut di acungkan jempol, kata-kata yang tersusun rapi jelas dan mudah di mengerti, banyak di butuhkan orang teruma saya pribadi, terima kasih atas segala kebaikan anda yang anda berikan melalui tulisan ini.

    ReplyDelete

  69. infonya sangat menarik banget gan :)

    ReplyDelete

  70. ok dech artikelnya sangat menarikkk gan

    ReplyDelete
  71. waah infonya kangat kereeennn gan :p

    ReplyDelete
  72. infonya benar-benar sangat menarik gan thanks

    ReplyDelete
  73. ditunggu ea gan artikel slanjutnya :)

    ReplyDelete
  74. infonya sangat menariiik banget gan

    ReplyDelete

  75. ikut komen gan,, infonya sangat menarik gan... thanks

    ReplyDelete

  76. artikelnya sangat menarik untuk dibaca gan sukses terus ea..

    ReplyDelete


  77. informasi yang sangat menarik dan bermanfaat bagi saya thanks gan

    ReplyDelete
  78. ditunggu ea gan artikel slanjutnya :)

    ReplyDelete

  79. infonya sangat menarik gan untuk disimak thanks :)

    ReplyDelete
  80. stelah sayan baca artikelnya sangat menarikkk thanks gan

    ReplyDelete
  81. stelah sayan baca artikelnya sangat menarikkk thanks gan

    ReplyDelete
  82. setelah saya menyimak smua isi artikel anda dan saya ucapkan beribu terima kasih, berkat artikel ini, ilmu dan pengetahuan saya jadi bertambuah, semoga bermanfaat. salam kenal gan dari saya.

    ReplyDelete
  83. artikel yang sangat bagus sekali dan tentunya sangat bermanfaat untuk pembaca khususnya saya pribadi, terima kasih salam kenal dan sukses selalu.

    ReplyDelete

  84. makasih infonya semoga dapat bermanfaat untuk semua orang..

    ReplyDelete
  85. artikel yang patut di acungkan jempol, kata-kata yang tersusun rapi jelas dan mudah di mengerti, banyak di butuhkan orang teruma saya pribadi, terima kasih atas segala kebaikan anda yang anda berikan melalui tulisan ini.

    ReplyDelete


  86. makasih infonya semoga dapat bermanfaat untuk semua orang..

    ReplyDelete
  87. artikel yang patut di acungkan jempol, kata-kata yang tersusun rapi jelas dan mudah di mengerti, banyak di butuhkan orang teruma saya pribadi, terima kasih atas segala kebaikan anda yang anda berikan melalui tulisan ini.

    ReplyDelete
  88. ditunggu ea gan artikel slanjutnya :)

    ReplyDelete
  89. setelah saya baca seluruh artikel dan akhirnya saya menemukan apa yang saya cari selama ini. saya ucapkan terima kasih ini semua berkat anda. salam kenal dan salam sukses

    ReplyDelete
  90. terima kasih banyak atas imformasinya ini sangat bermanfaat khususnya untuk saya pribadi, sukses ya gan..

    ReplyDelete
  91. artikel yang sangat menarik dan tentunya sangat membantu saya dalam belajar, makasih banyak ya lam sukses selalu

    ReplyDelete

  92. ikut komen ea gan infonya sangat bermanfaat

    ReplyDelete
  93. ikut komentar ea gan infonya sangat bagus

    ReplyDelete
  94. gan, klok kode ]]> gx ada gimana y?
    udah di ganti bolak-balik temanya masih gx ada juga....
    bikin pusing aj....
    mohon bantuannya gan,...

    ReplyDelete

  95. infonya sangat menarik gan

    ReplyDelete

  96. ikut saran ea gam menurut saya artikelnya sangat berkualitas dan menarik

    ReplyDelete

  97. sangat menarik sekali infonya untuk saya simak,,

    ReplyDelete
  98. Terimakasih banyak atas infonya sangat bermanfaat sekali...
    semoga semakin sukses....
    Ditunggu artikel berikutnya....

    ReplyDelete

  99. wiih menarik gan artikelnya

    ReplyDelete
  100. terima kasih, bro
    jangan lupa kunjungin laman aku di
    PAKET PESTA MURAH
    http://tendadekorjayanti.blogspot.com

    ReplyDelete
  101. Tips bagus untuk mempercantik blog, gan. Makasih.

    ReplyDelete
  102. saya paling suka berkunjung ke blog ini
    informsinya sangat bermanfaat sekali makasih gan
    atas informasinya...
    semoga semakin susesnya....

    ReplyDelete

  103. makasih infonya semoga bermanfaat gan

    ReplyDelete

  104. kereen infonya sukses trerus gan

    ReplyDelete

  105. makasih ea gan infonya :P kereenn bangettt

    ReplyDelete
  106. artikel yang sangat bagus sekali dan tentunya sangat bermanfaat untuk pembaca khususnya saya pribadi, terima kasih salam kenal dan sukses selalu.

    ReplyDelete
  107. makasih banyak atas info nya semoga bermanfaat
    dan semoga semakin sukses...

    ReplyDelete

  108. Artikelnya sangat menarik gan

    ReplyDelete
  109. setelah saya baca ternyata artikelnya sangat menarik, dan semoga bermanfaat... sukses terus gan!!

    ReplyDelete
  110. setelah saya baca artikelnya sangat menarik dan menambah pengetahuan saya, sukses terus gan ditunggu artikel selanjutnya

    ReplyDelete
  111. informasi yang menakjubkan dan sangat menarik
    terimakasih info nya sangat bermanfaat
    semoga sukses

    ReplyDelete
  112. menarik sekali artikel yang anda buat
    saya tunggu artikel selanjutnya
    semoga bermanfaat salam sukses

    ReplyDelete
  113. Terimakasih banyak atas info nya
    sangat bermanfaat sekali
    kini pengetahuan saya semakin bertambah
    semnoga semakin sukses nya

    ReplyDelete
  114. informasi yang sangat luar biasa sekali menakjubkan
    banyak pengetahuan yang saya dapat
    teimakasih salam sukses

    ReplyDelete
  115. infonya sangat menarik untuk saya simak,, nice infonya gan. sukses terus!!!!

    ReplyDelete
  116. . terima kasih banyak atas imformasinya ini sangat bermanfaat khususnya untuk saya pribadi, sukses ya gan..

    ReplyDelete
  117. sangat luar biasa informasi yang saya dapatkan
    banyak sekali pengetahuan yang saya dapatkan
    sangat bermanfaat sekali

    ReplyDelete
  118. menakjubkan sekali informasi nya
    pengetahuan saya semakin bertambah
    sanagt bermanfaat sekali

    ReplyDelete
  119. . artikel yang sangat menarik dan tentunya sangat membantu saya dalam belajar, makasih banyak ya lam sukses selalu

    ReplyDelete
  120. terimakasih banyak atas informasi nya
    semoga bermanfaat dan sukses

    ReplyDelete
  121. Terimakasih gan infonya ^^ mampir ya ke blog ane http://pacinzshare.blogspot.com

    ReplyDelete
  122. artikel yang anda tulis di blog ini, sungguh sangat memotivasi diri saya untuk trus berkarya, terima kasih semoga kebaikan anda mendapatkan balasa yang lebih baik.

    ReplyDelete
  123. . setelah saya menyimak dari awal hingga akhir, banyak sekali ilmu yang saya terima dari artikel yang anda tulia, semoga tambah bermanfaat ya lam kenal dan sukses selalu

    ReplyDelete
  124. makasih gan atas tutorialnya,,jadi buat blog wallpaper mantap ini,,moga sukses gan dengan blognya,,terus beri tips blog yang bermanfaat lagi,,

    ReplyDelete
  125. terima kasih banyak atas imformasinya ini sangat bermanfaat khususnya untuk saya pribadi, sukses ya gan..

    ReplyDelete
  126. makasih banyak info nya
    bermanfaat

    ReplyDelete
  127. makasih infonya sangat menarik

    ReplyDelete
  128. . artikel yang anda tulis di blog ini, sungguh sangat memotivasi diri saya untuk trus berkarya, terima kasih semoga kebaikan anda mendapatkan balasa yang lebih baik.

    ReplyDelete
  129. informasi nya menakjubkan sekali
    sangat bermanfaat...
    semoga sukses

    ReplyDelete
  130. kayaknya keren nih Mas .....
    bisa di coba :)

    ReplyDelete
  131. terimakasih banyak atas info nya sangat bermanfaat sekali....
    semoga sukses nya... dan bermanfaat

    ReplyDelete
  132. terimakasih banyak atas info nya sangat bermanfaat sekali
    semoga sukses...

    ReplyDelete
  133. sangat menarik infonya gan,,

    ReplyDelete

  134. Thanks infonya sangat bermanfaat sekali buat saya, di tunggu ea artikel selanjutnya :D

    ReplyDelete

  135. Informasinya sangat keren....

    ReplyDelete
  136. Keren tipsnya. Bikin gambar di blog jadi keren :)

    ReplyDelete

 
Alexa Certified Traffic Ranking for http://wadahtutorial.blogspot.com
Follow
back to top
Home
back to bottom