Saturday, May 28, 2011

How to Add & Customize Blogger's Blockquote

Sponsored Ads
Blogger Customization Blockqoute
In my previous post "What is Blockquote in Blogger's Blog", I mentioned about how to add blockquote to your Blogger's blog and how to customize blogger's blockquote. In this post, I am going to guide you through step-by-step too add blogger's blockquote to your blog and customize the design of blogger's blockquote. You can have a blogger's blockquote just like Earn Money From Blog 2.0.


If you would like to have blockquote on your blog posts, then this post will be a great guide for you to get started and create your customize blockquote design. You can further edit the codes given to you below to suit your blog. such as the colors, the fonts and so on.

The look of Earn Money From Blog 2.0 Blockquote:
This is Earn Money From Blog's blockquote. 


How to Add a Customized Blogger's Blockquote

First of all: Copy and Paste the codes below 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: Paste the codes above just before the "]]></b:skin>" in your blogger template. Look at the picture below:

Blogger Customization Blockqoute

Secondly: Save your Blogger's Template.

Blogger Customization Blockqoute
Ok, all DONE!


Try Out Your New Blogger's Blockquote

Since you have done and completed all the steps, now you can go to create a new post:
1. Begin with typing something in your post area.
2. If you want to make a part of your post into blockquote, highlight the sentences that you want to change to blockquote.
3. Finally, click on the "Blockquote" button. As shown in the picture below:

Blogger Customization Blockqoute


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 2.0. Thanks. :)


This post is edited from my old blog Earn Money From Blog, Earn Money From Blog 2.0 is an updated version of my old blog. 

About the Author: This Post is written by William Lee (Nickname: Greenleaf). Make money blogging and work from home is the best job I ever experienced.