tutorial comelkan blockqute
tutorial comelkan blockqute was posted on: 08 June 2011 @7:53 PM | 2 love ★
Hyehye, bloggie . :) Assalamualaikum . today i wanna teach you how to make your blockquote box cute :) Oke , actually tau tak blockquote tuh ape ? ha , camni :
this is blockquote .
click here : blog isha lagi satu for blockquote that change background on hover atauuu see this blockquote jee la . then , i will teach you both . oke ? ;)
FIRST BLOCKQUOTE TUTO
Firstly , kalau na buat blockquote macam kat atas tuhh camni :
- Dashboard -> Design -> Edit HTML ->
expand widget templates - Click pada masa yg sama Ctrl + F dan cari .post blockquote .
- Copy and paste code dibawah ni dekat bawah atau lepas .post blockquote { tadi
background-color: #FBEFEF;
border:1px dashed #F78181;
padding: 5px;
}
.post blockquote:hover {
background-image:url(URL gambar klipklip);
background-position:bottom right;
background-repeat:no-repeat;
}
margin: 1em 20px;
}
4. Tak payah preview , terus save . done ! :D
SECOND BLOCKQUOTE TUTO
- Dashboard -> Design -> Edit HTML -> expand widget templates
- Click pada masa yg sama Ctrl + F dan cari .post blockquote .
- Copy and paste code dibawah ni dekat bawah atau lepas .post blockquote { tadi
background:url(URL BG SEBELUM HOVER); padding:5px;
Border:2px dashed #FF0080;
colour:#FF0080}
blockquote:hover {
background: url(URL BG SEMASA HOVER) repeat right bottom ;
border:2px dashed #000000;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
}
p/s BG = BackGround .
- Yang warna biru tuh warna border. Korang boleh cari dekat sini atau manamana laman web yg ada HTML colour codes ni .
- Yang warne hijau tuh letak URL background . oke ? :D
4. TAK PERLU PREVIEW , nanti tak jadi. So, terus save . done ! :D
senang kann ? oke la , goodluck and byebye :D Much love <3
Tab Menu :D
Sebelum ni :)