Tutorial : Blockquote Senget Bila Hover
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: Tutorial
Profile
The Girl Behind The Laptop
★ In short, I am :
• A malay muslim.
• Lives in Terengganu, studies in Selangor.
★ Bloggie :
• Created since 24 November 2009, five days after celebrating my 10th birthday.
• Created by
Ummi because I was interested in blogging when I saw she's updating her blog.
• Sesuci Kejora has been here for almost 11 years. Big applause :')