By Rose DesRochers
Block quotes are generally used in blog posts to indent text.
You can add blogquote to your blog by clicking on the ” quotation marks in your post editor.
Alternatively, you can choose to wrap your quotations in blockquote tags, using the BlockQuote html element.
BlockQuote element example:
This is the HTML code: <blockquote>Block quotes are generally used in website formatting to indent text.</blockquote>
This is how the HTML code will look.
Block quotes are generally used in website formatting to indent text.
In your template there are a few lines of code that will define how block quotes will appear when published in your posts. By default almost every blogger template has this blockquote tag included.
You can change how your blockquotes look with some CSS. It doesn’t matter if you’re using Blogger or WordPress.
I’m going to assume that you already know how to edit your template.
Borders: If you wish to add border to your blog quote, you can use the following code.
This CSS will put a 1 pixel wide black border around all blockquotes.
blockquote {
margin:1em 20px;
border: 1px solid #000000;
padding: 5px;
}
Color Background
If you want to highlight block quotes from the main body of text you use a color for the background.
blockquote {
margin:1em 20px; background: #cccccc;
}
This would create a Grey blockquote.
Sometimes changing the color is all that is needed to bring attention to your blockquote. If you need any help, please don’t hesitate to ask in the comment section or the Bloggertalk forum.
About the Blogger
Rose wears many hats. She’s a wife, mother, respite worker, proud shih-tzu owner, blogger, published poet, freelance writer, as well as the owner and administrator of Blogger Talk Blog Community. Visit her personal blog at World Outside my Window where you can find more great blogging tips.
Related Post:
- – How to redirect from Blogger- Html Redirect
– How do you define a Blogging Expert
– How to Backup a Blogger Blog
– Alexa Ranking Explained
– Comment Spam – Are You Contributing to the Problem?
If you found this page useful, consider linking to it.
Simply copy and paste the code below into your web site (Ctrl+C to copy)
It will look like this: Using Blockquote in your blog posts
