Thursday, April 28, 2011

Tutorial: New Style Blockquote #4

Kali ni aku nak share dengan korang semua macam mana nak buat blockquote style baru . Nak tau rupanya sila view gambar di bawah . Mau ? Okay ikut step bawah .


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

2 Search this code :
.post blockquote { or blockquote {
3 Copy these code and pastekan kat bawah code korang cari tadi
background:url(URL BACKGROUND);
border-top: 1px solid #000000;
border-left: 35px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
margin:1em 20px;
}
blockquote:hover {
background:url(URL BACKGROUND);
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 35px solid #000000;
border-bottom: 1px solid #000000;
margin:1em 20px;
-webkit-transition: 1.5s;
}
4 Preview dahulu kemudian baru save

1 comment:

Najla said...

Terima kasih! dh jadi :)