How to make your Blogger template do boxed text:
First, in a post, start the soon-to-be-boxed text with
<div class="blockquote">
put text here
then end it with
</div>
Now edit your Template so it knows how to handle it:
You'll need the "boxed text" style specifications for the "blockquote" tag - I found and adapted the one that's in the Daily Kos stylesheet, at http://www.dailykos.com/dailykos.css, so it looks like this:
.blockquote {
font-family: verdana, georgia, arial, sans-serif;
color:#222;
font-size:11px;
font-weight:normal;
border:1px #00;
background:#F0F0F0;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
margin:25px;
}
Copy the lines and paste them into your template, before the "</style>" tag (it'll be towards the top of your template).
font-family: verdana, georgia, arial, sans-serif;
color:#222;
font-size:11px;
font-weight:normal;
border:1px #00;
background:#F0F0F0;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
margin:25px;
}
Don't go plunking it in the middle of some already-bracketed info, obviously.
Now Preview your Template to test. And Save, if it looks right.
NOTE: the text does _not_ show up as boxed on Blogger's "Edit post" page, at least not with the "Classic" (meaning "old") Blogger interface - so don't be alarmed about this.
No comments:
Post a Comment