.jpg "Cara Membuat Efek Membesar pada Gambar di Blog")
Salam hangat from saya for Sobat semua, saat ini saya akan
berbagi lagi artikel tentang bagaimana Cara Membuat Efek Membesar pada Gambar di Blog. Baiklah dari pada banyak basa basi kesana kemari
kita langsung saja ke topic, berikut ini lah langkah-langkahnya…
1. Login ke akun blogger
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Cari kode ]]></b:skin> lalu letakan kode berikut ini tepat di bawahnya:
.ow
img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 10px 5px 0;
}
.ow img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 10px 5px 0;
}
.ow img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}
5. Simpan Template
6. Untuk menerapkan Efek Membesar ini kita harus menambahkan tag class="ow" pada kode HTML gambar, example nya seperti dibawah ini:
<a
class="ow" href="http://twitter.com/@rezky971"
><img border="0" height="177" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhElli-wXYD-DMwrw-bjDvEJPjj6NCMg_Aj7yNh-gl1eSLNOuv5f9Qwsr_AcUuX28x3CIEo8-5w2n264_iqL6Z-uWDTumZHjJ4Kyo82WoFImsUfc_39V88-xDkWCxAQPYbhVUVWPDKrhH25/s320/SEJENAK+MENCOBA.jpg"
width="284" /></a>
Terimakasih Telah Berkunjung
Judul: Cara Membuat Efek Membesar pada Gambar di Blog
Ditulis oleh Unknown
Rating Blog 5 dari 5
Semoga saja artikel ini bermanfaat bagi Sahabat Cara Terkini semuanya . Jika kalian ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://kumpulan-terkini-93.blogspot.com/2013/09/cara-membuat-efek-membesar-pada-gambar.html. Terima kasih sudah datang untuk membaca artikel ini. Jangan lupa share artikel ini dan silahkan tinggalkan komentar anda dibawah.Ditulis oleh Unknown
Rating Blog 5 dari 5
Cara Membuat Efek Membesar pada Gambar di Blog
4/
5
Oleh
Unknown
