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 "]]></b:skin>". 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 yourblog. 

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 subscribeto Earn Money From Blog. Thanks. :)

reffred by earnmoneyfromblog1

Read More

What Is Blockquote in Blogger's Blog

Have you seen blogs with blockquotes? Personally, I feel that blockquotes are amazing because they makes the blog look more alive and more approachable.

What is Blockquote?
Blockquote are snippets of memo or notes normally included in a blog post by bloggers. Bloggers normally place some short notes in their post as a highlight or important notice.

How to Insert Blockquotes?

In Blogger.com, we can insert blockquote easily using the "Blockquote" button in the post page of Blogger.com. Look at the picture above, that is the button of "Blockquote". All you need to do is to Select the part of your blog's post and click the Blockquote button. Then, the part of yourblog's post will become Blockquote.

Please continue reading to read about Blogger's Blockquote.


Examples of Blockquote:

I have found 2 examples of blockquotes using Google. And the image below shows the example of Earn Money From Blog's blockquote.




reffred byearnmoneyfromblog1

Read More

What is Alexa Ranking

t has been awhile I didn't write anything about Alexa ranking. So, today in this post, let us go back to SEO (Searh Engine Optimization) again. Just to recap with you what is Alexa ranking and why it is important for each and every bloggers to know about Alexa ranking.

Notes:
Earn Money From Blog is going to go through a major restructure and overhaul. Please stay connected to Earn Money From Blog for a more exciting experience of Making Money From Blog. 

What is Alexa Ranking?
Alexa is created in the year 1996. Alexa provides users with their own Alexa toolbar which enable very comprehensive web crawling and provide quite accurate information about almost all the websites around the Internet. Alexa created their own ranking system to give a rank known as Alexa Rank to all the websites crawled by Alexa. Alexa Ranking is a ranking used by a lot of webmasters to gauge the ranking of their site as compared to all other sites.

Why Alexa Ranking Is Important?
Alexa Ranking is important because it provides webmaster the ranking details about their site as compared to other sites. Alexa also provides a lot of other information about websites such as keywords, site linking in, traffic and more. Basically,Alexa ranking shows the popularity of your blog as compared to other blogs. Theoretically, the higher your Alexa ranking, the more visitors your blog is getting as compared to lower ranking blogs.

Please continue reading to learn more about Alexa ranking

The Relationship Between Alexa Ranking and Make Money From Blog:
Since Alexa ranking shows the popularity of your blog as compared to all other blogs or sites out there, then the higher your Alexa ranking, the more the traffic your blog is getting as compared to lower rank blogs. So, your blog with high Alexa rank is potentially able to make more money as compared to lower rank blogs.

Confusing? Let me give you an example:
I found that one of the blog with Alexa rank of 100,000+ Alexa rank is making more than USD$3000.00 per month. So, Alexa ranking is an important indicator about your blog's potential to make money online.

Alexa Ranking of Earn Money From Blog:

Earn Money From Blog is ranked 367,489. It means that I still have to very long way to be ranked at least 100,000 in Alexa. I am hoping to see some improvement in ranking for Earn Money From Blog soon.

How is your Alexa Ranking? I will write another post about Improving Alexa Ranking of your blog soon.




reffred by earnmoneyfromblog1

Read More

How to Add Shadow To Your Blogger's Blockquote

I have written about "How to Add a Blogger's Blockquote to your Blogger's Blog" the other day. Today, I am going to share with you the way to add shadow to your Blogger's Blockquote to make your blockquote more appealingto your blog's readers.

How to Add Shadows to Your Blogger's Blockquote:
From my previous post on "How to Add a Blogger's Blockquote to your Blogger's Blog", I shared with you that you need to add certain codes to your Blogger's template to customize your Blogger's blockquote. In this post, in order for you to add shadow, you will need to add some more short codes to the previous codes to make the shadow appear in your customize Blogger's blockquote.


Firstly, your customize blockquote codes look like this:

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;
}

Secondly, copy the codes below and paste to your Blogger's template to replace the previous codes above:

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;
  -moz-box-shadow: 0px 5px 15px #ccc;
  -webkit-box-shadow: 0px 5px 15px #ccc;
  box-shadow: 0px 5px 15px #ccc;
}

Finally, save your template.

That's it. Now, your customize Blogger's blockquote will look just like:

Note: 
If you find that my blog's post are helpful, you might want to subscribe to my blog by using the subscription box at the top of my blog.

referred by earnmoneyfromblog1

Read More