Tutorial : Blockquote Senget Bila Hover
Sep 19, 2011 | 2 comments
Photobucket

Serious lawak gila tajuk, kan? Whatever lah. Anyway credit goes to Sist Lettha.

1) Dashboard > Design > Edit HTML

2) Search code :
.post blockquote {

3) Paste code ni kat bawah code tadi.
background-image:url(URL BACKGROUND);
-webkit-transition-duration: 3s;
padding: 13px;
margin: 3px 3px;
}

4) Tambahkan code ni selepas semua code² tu.
.post blockquote:hover {

5) Paste code ni pulak di bawah code yang korang cari tadi.
background: url(URL BACKGROUND);
-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px / 12px;
-webkit-transform: skew(5deg,-5deg);
-moz-transform: rotate(2deg);
-webkit-transform: rotate(2deg);
-webkit-transition: 3s;
}

6) Preview dulu ! Kalau jadi boleh Save Template sambil makan ayam golek.
Kuiz Blogger :
Merah : Letak URL gambar background korang.
Biru : Tambahkan nombornya kalau nak lebih senget. Ex : 3, 5, 10.

Labels:


NEW
OLD