These Streets

»Tutorial : Blockquote Like Me

Saturday, October 6, 2012

Template Designer / Denim / Washed Denim etc
1. Dashboard > Designer > Edit HTML

2. Press Ctrl + f and find the code / * Headings

3. Copy this code under the close

blockquote {
border: 1px dashed #000000;
border-radius: 5px;
background:url(URL BACKGROUND);
background-repeat:repeat;
padding: 4px;
-webkit-transition: 1s;
}
blockquote:hover {
border: 1px solid #000000;
border-right: 15px solid #000000;
border-left: 15px solid #000000;
border-radius: 5px;
background-position:bottom right;
background-repeat:no-repeat;
background:#fff;
padding: 4px;
-webkit-transition: 1s;
}

4. Paste the below code / * Headings last
5. Save.

Template Classic / Blogskin
1. Dashboard > Template > Edit HTML
2. Copy code below

blockquote {
border: 1px dashed #000000;
border-radius: 5px;
background:url(URL BACKGROUND);
background-repeat:repeat;
padding: 4px;
-webkit-transition: 1s;
}
blockquote:hover {
border: 1px solid #000000;
border-right: 15px solid #000000;
border-left: 15px solid #000000;
border-radius: 5px;
background-position:bottom right;
background-repeat:no-repeat;
background:#fff;
padding: 4px;
-webkit-transition: 1s;
}

3. Paste the HTML close. If the blog is already there blockquote code. Just replace it

with this code.

4. Save

red : border colour
oren : border thickness
green : solid / dashed / dotted
blue : URL background

words spilled @ 11:17 AM / leave goosebumps here ⋄