Tuesday, May 1, 2007

Blogger 101: Blockquote Coding

Replace your current blockquote segment (under "posts") with this:

blockquote {
background:#fdf5e7;
font-size:100%;
padding:10px 15px;
border:1px solid #0f491c;
}


Here's an example of the blockquoting with the particular colors shown above.

Have fun tweaking the color numbers for the background and the border. It doesn't work automatically with all of the templates (one of the templates, at least, has a very simplified "posts" section). I use the palette in Paint Shop Pro to find the color numbers I want.

10 comments:

Unknown said...

Alicia, this is great. Thanks!

It's time for us to start spreading the word about this site, eh? I hope it will be a useful resource for all of us.

Ana Braga-Henebry said...

Alicia, it worked, I love it! Font size is listed as 100-- I want it a bit smaller.. what do you suggest?
Ana

Elena LaVictoire said...

That really is a neat trick!

Elena LaVictoire said...

Could you be a little more specific Alicia on how exactly to use this code or where to put it. Thanks.

love2learnmom said...

Ana - you can change to any percent you like. Perhaps 80 would be a good place to start. I really love the "preview" button at the bottom of the "edit template" box. I use that a ton!

Elena - I will try to get more specifics for you (I will edit this same post), but it MAY take me a couple of days.

Amy said...

I just tried this too and it worked. :) I used 80% font size and was happy with that...

Mary Vitamin (Helen) said...

The bullet point feature doesn't work in my post section. I use blogger. Any advice for me?
Thanks!
Helen

love2learnmom said...

Helen - I could show you how to hand-code it (which is really quite easy) but this comment area won't let me do it because it thinks I'm trying to code something in the comment. If you e-mail me (webmaster at love2learn dot net), I think I can send it to you that way. Computers are so funny sometimes!

Mary Vitamin (Helen) said...

Thanks Alicia - I will email you.

I made the blockquote change. I tried to tweak the code a little but I seemed to have a large border. I just took the border out completely.

How do I adjust the border size?
Here's a post with a blockquote:

http://mariancastle.blogspot.com/2007/05/ralph-vaughn-williams-composer-study.html

No rush! And thanks for all you've done already.

Bing Futch said...

Great info, thank you!