Thursday, April 28, 2011

Tutorial: New Style Blockquote #3

Yeaahh tuto's again . Kali ni pasal buat blockquote juga . Banyak en style dia , haha . Jom kita buat . Sebelum tu tengok gambar bawah ni kalau still tak faham camne rupanya .


1 Dashboard > Design > Edit HTML > Tick Expand Widget Template

2 Search code ni :
.post blockquote { or blockquote {
3 Copy pula code kat bawah
background-image: url(URL BACKGROUND);
border:1px solid #000000;
border-left:10pt double #000000;
padding: 3px;border-bottom-left-radius: 10px;
border-top-left-radius: 10px;}
.post blockquote:hover {background-url(URL BACKGROUND)

;-webkit-transition-duration: 2.5s;background-image:url(URL ICON);
background-position:bottom right;
background-repeat:no-repeat;
border:1px dashed #000000;
border-right:10pt double #000000;}
4 Now , pastekan kat bawah code yang korang cari tu

 Preview kalau jadi ke tak kemudian save template

No comments: