Saturday, May 28, 2011

How to Add and Customize Your Blogger's Blockquote

As promised in my previous post about "What is Blockquote in Blogger's Blog", in this post I will share with you the way to add a blockquote to your blogger's blog and customize the blogger's blockquote to make it look like Earn Money From Blog's blockquote.

If you would like to have a Blogger's blockquote like my blog, then this post would be a great guide for you to get started to create a blockquote like Earn Money From Blog.

Earn Money From Blog Blockqoute:
This is Earn Money From Blog's blockquote. 
First: Add the Following code to your Blogger's blog Template:
blockquote {
background: #FFFFCC;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
width: 450px;
height: auto;
border: 2px dotted #FFCC66;
text-align: left;
font-style:italic;
color: #6e6e6e;
}
Reminder: Add the codes above before the "]]>". Look at the picture below:

Second: Save your Blogger's Template.

DONE!

Now, you can go to create a new post.
1. Type something in your post area.
2. Highlight the sentences you want to change to be blockquote.
3. Click on the "Blockquote" button. As shown in the picture below:


4. Publish and you will see your post now contain blockquote that look like mine.
Note: 
You might have notice that my Blogger's Blockquote has shadow around it. I will teach you how to add shadow to the Blogger's Blockquote in the next post. We do it one step at a time. :)

Congratulation!!! You just created a Customize Blogger's Blockquote or your blog. 

I hope this post will be clear for you to follow.If it is too confusing, please give some comments. Thanks.

Note: 
If you find that my blog's posts are helpful for you, maybe you would want to subscribe to Earn Money From Blog. Thanks. :)

No comments:

Post a Comment