Cara Membuat Gambar Otomatis Membesar di blog dengan mudah

Ehh.... ketemu lagi ya sob,
Kali ini ane akan share Cara Membuat Gambar Otomatis Membesar di Blog
trik ini sangat cocok bagi blog yang banyak memuat gambar ya biar agak kerenan dikit gitu... hehhee....
jadi nanti setelah sobat praktekan maka ketika kursor di dekatkan di gambar pada blog sobat maka gambar tersebut otomatis membesar.
Dari pada ane ngomong kesana kemari langsung aja pada Cara atau Triknya ya sob.

  • Login ke Bloger
  • Pilih Template terus klik Edit HTML

  • Silahkan sobat cari kode ]]></b:skin> 
    Gunakan Fungsi Find atau Ctrl+F pada Keyboard untuk memudahkan Pencarian
  • Selanjutnya Sobat tinggal Letakan Kode dibawah ini tepat diatas ]]></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); }
  • Jika Sudah silahkan klik Simpan Template
    Kemudian Lihat hasilnya
Semoga artikel ini bisa membantu

0 Response to "Cara Membuat Gambar Otomatis Membesar di blog dengan mudah"

Posting Komentar