Tutorial cara buat zoom efek pada gambar pada blog

Tutorial cara buat zoom efek pada gambar by BLogger Blog TUtorial






Selamat datang ke Tutorial cara buat zoom efek pada gambar pada blog,blogger tutorial,cara dan blogspot..haha..mengarut lagi...Dalam tutorial ni aku guna coding css...ringan sikit berbanding jabasekerip...pada blog ni aku x pasang efek tu..

live demo..letak mouse cursor pada gambar tu

Mula2 cari pergi ke desbot---desaign---edit html---dan save template..x perlu tick pada expand widget template..expand widget template tu untuk edit html code...yang ni css code...ada paham?...

cari code a img pada template anda mungkin code tu mcm di bawah tu

a img {
border-width:0;
}

yang tu simple punya..lain template lain setting.. tapi kurang lebihan saja...gantikan code di atas tu dengan code di bawah

a 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;
}
a 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);
-moz-border-radius: 50px 50px;
border-radius: 21px 21px;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

kemudian save template terus kalo korang berani.apa mau takut..kalau salah kan dah save template tadi...rilek la..save terus..buat macam biasa...hahaha...setel... senangkan...sekian terima menerima kasih...