Thursday, January 12, 2012

How To Change Blockquote Design On Blogger

How To Change Blockquote Design On Blogger, Change Blockquote On Blogger, Change The Blockquote Design On Blogger.
Hai guys, now i will share a tutorial to you. Its about "How To Change Your Blockquote Design On Blogger" I hope this tutorial will be useful for you. I think its not a great web design tutorial. But it may useful for you, exactly for a newbie blogger like me, who like to spice up their blog. Ok lets we started "How To Change Your Blog Quote Design On Blogger"

How To Change Blockquote Design On Blogger
1. Login to blogger
2. Design - Edit HTML - Expand Widget Template
3. Find </b:skin> code, and paste this code below BEFORE </b:skin> code
.blockquote {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhozGUx5H6guPsGhHjG4fr8JG4cM-2gHjbu_PA_UMIoNI-DpfTGg36qdt3StGDfGFOTZXcvYd9xEjpv3FukasrxlcAnRhSWnFAixRRto6EjoO2KUHzL4yxb7XAXy1QNATpi4AGac1Rq12s/s1600/green-black-side.gif) ;
background-position:;
background-repeat:repeat-y;
margin: 10 20px;
padding: 20px 20px 20px 50px;
color:#C7CACF;
font: normal 0.9em Helvetica, verdana, serif, Georgia, "Times New Roman";
}
And save your template. After that you can check is that work or not? Just create a new post and write any word on that post, and then click blockquote or just type a word between this code.
<blockquote>Type Your Word here</blockquote>
And you'll found a blockquote design like me, if you not like this blockquote design. You can edit the CSS code that i given to you. Just flow your creativty. OK thanks for follow up my blog

No comments:

Post a Comment

My Ping in TotalPing.com
Feedage Grade D rated
Preview on Feedage: web-design Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki
Ping your blog, website, or RSS feed for Free