Tuesday, March 30, 2004

How to create boxed text in your Blogger weblog

(This post is for bloggers only, will be of no use to anyone else.)

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).

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: