TUTORIAL: BLOCKQUOTE HOVER (SMALL ICON APPEAR)

Sunday, July 24, 2011 | 6:37 PM | 0 comments

This tutorial is requested by Elaine Yii:

1) Dashboard>>Design>>Edit HTML

2) Press CTRL+F and search for this code:

.post blockquote {

3) If you have put a blockquote hover before this, delete the old code and replace with this code below here and paste itbelow .post blockquote {

background-color: #F5A9D0;
border:1px solid #8000FF;
padding: 5px;
}
.post blockquote:hover {
background-image:url(YOUR PICTURE URL);
background-position:bottom right;
background-repeat:no-repeat;
}

4) Red code is for your blockquote background

5) Blue code is for your blockquote border

6) Pink code is for your picture URL

You can take the code of your favourite colour >here<