WELCOME IN RZS CYBER BLOG ┌П┐(︶へ︶ メ)

Wednesday 31 July 2013

Cara Membuat Efek ZOOM diBlog

logo_zoom
Mungkin kalian sudah sering melihat gambar blog yang menggunakan widget ini. Ini adalah widget yang dimana jika kita meletakkan kursor kita ke gambar, maka akan terlihat efek zoom pada gambar tersebut. Widget ini sangat cocok apabila anda mengambil tema yang banyak mengandung unsur Image-nya. Ingin membuat Widget tersebut? Silakan ikuti langkah-langkah dibawah ini. :)


Silakan Login ke blog sobat, lalu masuklah ke dashboard blog sobat. Pilih Template , Lalu Edit HTML.

Langkah Pertama : Carilah code ]]></b:skin>, Lalu Copy dan Paste Code dibawah ini diatas code ]]></b:skin>.

.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); }

Langkah Kedua : Simpan Template :)

Semoga Bermanfaat
GBU
Description: Cara Membuat Efek ZOOM diBlog Rating: 4.5 Reviewer: Unknown - ItemReviewed: Cara Membuat Efek ZOOM diBlog

Artikel Terkait:

0 comments: