Kali ini saya ingin berbagi tips kepada anda semua bagai
mana cara untuk membuat gambar di postingan kita bisa besar dengan efek
zoom.saya sendiri mendapatkan tips ini dari blog lain.tetapi kali ini saya
ingin membagikan tips ini kepada agan-agan semua.
Gambar Yang Memiliki Efek Zoom ini sendiri memiliki banyak sekali kelebihan selain dapat memperunnik blog anda,gambar ini
juga bisa menjadi gambar yang bisa memperjelas artikel bagi para pengguna,selain itu gambar yang kita masukan cukuplah gambar yang sedang tidak usah yang besar-besar karena nanti akan di besarkan dengan efek zoom ini sendiri.
Adapun cara membuatnya adalah sebgai berikut :
1.Silahkan agan-agan login dulu di bloggernya
2. Template >> Edit Html >> Lanjutkan >> Beri centang "Expand Template Widget".
3. Letakkan kode berikut ini sebelum kode ]]></b:skin> untuk caranya dengan menekan ctrl+F
/**************************/
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }
/**************************/
4. Klik "Simpan Template"
1.Silahkan agan-agan login dulu di bloggernya
2. Template >> Edit Html >> Lanjutkan >> Beri centang "Expand Template Widget".
3. Letakkan kode berikut ini sebelum kode ]]></b:skin> untuk caranya dengan menekan ctrl+F
/**************************/
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }
/**************************/
4. Klik "Simpan Template"
Untuk melihat hasilnya silahkan agan-agan masuk kesalah satu
postingan agan-agan yang berisi gambar.kalau agan-agan dekatin mouse nya
gambarnya jadi besarkan.
Semoga bermanfaat,
0 Komentar untuk "Cara Membuat Gambar Dengan Efek Zoom Di Blogspot."