Artikel Terbaru :
Home » » Cara Buat Gambar Membesar Diarahkan Cursor

Cara Buat Gambar Membesar Diarahkan Cursor

Sabtu, 06 Oktober 2012 | 5komentar

Cara Buat Gambar Membesar Diarahkan Cursor atau jika diarahkan cursor. Gambar tersebut pasti membesar. Dalam dunia blogging, fitur seperti ini sering disebut dengan nama Image Zoom Effects atau Hover Zoom Smooth Effects.contohnya seperti gambar berikut: 
(jika masih terpasang kode nya,kalau tidak membesar berarti saya sudah menghapus kode nya)
coba arahkan maus atau cursor  sahabat ke gambar berikut:
Memasang Image Zoom Effects di blog, sebenarnya sangat menggangu pengunjung yang sedang membaca postingan kita. bagi sahabat yang tidak suka Tetapi tidak tau kenapa, senang dengan fitur ini
berikut langkah-langkah nya:
  • Masuk ke akun blogger sobat.
  • Pada menu Drop Down, klik template.
  • Backup terlebih dahulu template sobat.
  • Klik Edit HTML dan klik Proceed.
  • Gunakan CNTRL + F untuk mencari kode ]]></b:skin>
  • Kalau sudah ketemu, Copy Paste 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); }
  • Simpan template sobat.

Coba buka salah satu postingan blog sobat untuk melihat hasil dari fitur Hover Zoom Smooth Effects
semoga berhasil

Share this article :

ARTIKEL TERKAIT:

5 komentar:

  1. mantap gan ringkas baget gk ribet ijin copas boleh :D

    BalasHapus
    Balasan
    1. terima kasih atas kunjungannya, boleh di copas asal cantumkan subernya yah

      Hapus
  2. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  3. makasi ya sob .. back link yah...

    BalasHapus
  4. terima kasih buat tips2 nya .. sangat membantu sekali

    BalasHapus

Silahkan tinggalkan komentar sobat , tapi mohon jangan Nyepam ya..! Komentar dengan menyertakan LINK / ANCHOR TEXT atau promosi produk tertentu akan saya hapus karena blog ini bukan tempat untuk mempromosikan produk yang dijual di blog anda.

 
Support : Copyright © 2011. Tips Trik Blog | Dan Cara Buat Website - All Rights Reserved
Template Modify by Siti Saleha
Proudly powered by Blogger| Thanks For Visiting