Monday, 2 May 2011

How to make SEO friendly blogger and Make Money easily

Summary: This useful article teaches you that how you make blogger blog SEO friendly and make money easily and  also lot of useful tips and suggestions has been given in this regard for your information 


By this useful article you teaches that how you make money from  blogger blog and also make blogger SEO friendly. I think blogger is a free, powerful and most popular stage for beginners and blog owners. A blogger blog can provide every need of users it’s owned by Google. A blogger blog can be lost if you will use complicated themes and add lots of cut in template, if you want to make free blog blogger click here. Now I guide you step by step tips, tricks how you create your free blog blogger SEO friendly. 
  
1. Take Advantage from Sitemap

You should be use Sitemap of   blogger  blog, if you provide a Sitemap the list with all pages of your blogger blog. To see the facility of Sitemap Google can search easily. Blogger Sitemap is your-blog.blogspot.com/atom.xml. For more information read useful article How you add blogger Sitemap in Main Search engines. You can also create a custom post with all of your page links to create a custom Sitemap.

2. Use Google webmaster tools Properly

Sign up for Google webmaster tools and add your blogger URL. By using Google webmaster tools, you can give contact to your free blog  blogger directly. i.e checking backlinks, crawl and rates etc there is great role of Webmaster tools to make your free blog blogger SEO friendly.


3.  keep away from moreover many flash and Ajex codes

When you are working on your blogger blog, one thing  think it is very bad that you have used unnecessary codes and other java and flash codes and more confused art like extra designs, over load ads etc. Do not use un-necessary things, pictures and duplicate material. By adding up more things your template is becoming more complicated, your blogger would make unfriendly.

4. Select SEO Friendly blogger Template

You already know about blogger that Google is the owner of blogger. Most of the bloggers like to have a cool looking template like those cool wordpress templates.  Try to use simple templates with less coding lot of SEO friendly templates available take benefit from it.  For more information see the article how you add SEO friendly templates in free blog blogger. and also you need more SEO friendly templates click here

5.  Meta Tags

In my experience the Meta tags perform key role in blogger blog, it is necessary that your page rank will be high position in search engines because HTML Meta tags give way to search engines for indexing properly. If you want to add meta tags according the rules and better ways read this article how you insert Meta tags in blogger blog.  

6. Anchor text, interlink and backlinks

Make interlink your posts with each other and give the reference of your related articles in the end of the post and also use anchor texts. Get some backlinks from related blogs by using this you will get more search rank in high position time to time, red this useful article regarding backlinks click here.

7.  Parmalinks with keywords

You can not change the permalink parameter of blogger and it adds only first 4-5 words as the permalink. It will make search easy. I have already discussed that once permalink made it will not be changed. A distinctive blogger permalink is, your-blog.blogspot.com/2011/02/drive-blogger-traffic.html -now the words on the permalink will benefit your search status. But look at the title, “Some quick tips to make your free blog blogger SEO friendly” -the main keywords from the title are, blogger, blog and SEO. You can not change the permalink parameter of blogger and it inserts only first 4-5 words as the permalink. So you have to change the title like this, “SEO friendly blogger blog-how to make it?” then the permalink will be: your-blog.blogspot.com/2011/02/drive-blogger-traffic.html. For more information read this article how you make SEO friendly permalinks for blogger.

8.  Make Labels

It is very necessary that you should be make labels of your free blogger blog posts. It will help you to drive  traffic to your blog easily. I think your blogger bog should be on two side bars one left and other right select on side bar for categories and specially for labels, if you have not any place in your side bar use slide bar in this regard for more information read this article how you make Scrollbar for your blogger blog.

9.    Ping  Blogger Blog 

 This is very important and main thing to ping your blog  though Ping-o-matic  or pingler.com to ping search engines, which will inform search bots to crawl your blog properly and in my experience this system is very great to improve your blogger traffic for more information read this article How you ping your blgger blog easily.

10.    Make post title tags SEO Friendly

This is great way to make your blogger page rank high in search engines lot of free blog blogger owners and users are not aware that title is plays the basic role in blogger SEO. You have to create search engine friendly post titles to improve your page rank in all search engines specially in Google. But the blogger templates are not Search engine optimized that is they are not just friendly to boost up your page rank. If  you need SEO friendly templates please read  this useful article SEO friendly free blog blogger templates. First you check that your existing  free blog blogger title displays the blog name first then followed by your post title it is really backwards you should be setup it properly for better SEO tips.

This useful article will be very informative for new blogger owners, if you like it or suggest me, please leave your comments. 

Monday, 25 April 2011

How to add Google Talk to blogger with better SEO tips

Summary: This useful article teaches you that how you add  Google Talk Chat box in free  blog blogger and also Google talk help visitors to chat with others easily and it is very great fun and install it simply


By this useful article you teach that  how you add  Google Talk Gadget in free blog blogger.  Google Talk on the free blog blogger is very significant. Google Talk helps people to easily chat with people not around them. For every time a user who wants to talk or chat with others have to navigate to Google Talk software or open up his Google Email ID, but with this one can easily chat with people while looking up Blog posts.  In this regard no download required you can insert Google talk Gadget to your free blog blogger as a page element in very easy one step to your free blog blogger sidebar and after signing in you will be able to chat with all your friends as you like.  It actually saves time and navigation efforts also.  With this one can even solve his doubts while reading the posts also. Free blog blogger has already been providing many great features and this feature could add lightning to your free blog blogger.


I think Google Talk Chatbox provides you  to communicate with other blog owners. Greeting is one of the most common activities found in the Google talk chatbox. It is where I also found a lot of friends around the world. You can network with friends easily. Really it is great fun and easy to install. Now you will teach that  how to insert  google chat widget easily.


















First go to www.blogger.com then go to Dashboard > Layout > Page Elements > Add a  element > Html/Javascript after that add the below code:






After that change width and height in above codes  to adjust your chat box size according your free blog blogger template and another change can you do according your choice. and aso you want to change widget of above text box change rows, and columns as per your requirement.  Now enjoy with google talk chat box.

I hope this article will be very useful for new blogger owners and others, if you like it or suggest me please leave your comments.

Thursday, 21 April 2011

How to add beautiful author box widget to blogger

Summary: This useful article teaches you that how you add author box widget in free blog blogger really author box in post footer makes your blog more professional and you contents looks in beautiful style. 


By this useful and important article you teach that how you add Author box widget in free blog blogger. One day my friend came to my home to meet me after long time he is also having lot of blogger blogs and he questioned me that we are using blogger blog there is no facility to add author box widget but Wordpress blog post looking very beautiful along with author introduction and picture in the footer of post. This time I have said to my friend that this is very easy and simple really he was in wonder and said that it is possible. I said yes so I have made article and think that I would share it with other friends and visitors.  I have also looked that lot of blogs have an exacting page or text box in footer to show something about the blogger. I think an Author box in post footer make your blog more professional. You may be thinking of that why I do not inserting an author box in post footer.  Anyway I powerfully supposed and once again force that a nice author box under the post footer make your blog more professional and also you add a twitter or facebook link that would be helpfully for increasing follower and fan. Now I will guide you step by step how you add Author box widget footer of the free blog blogger post really it is very popular. 

1.    Do not hurry up please first go to www.blogger.com and then open your blogger Dashboard after that  go to Design and then Edit HTML. Now you have complete this procedure and now find the  bellow code  press  Ctrl + F command in your blogger template and cut paste the following code with carefully.  After doing this please keep backup of your blog in safe place of your Computer.


]]></b:skin>

2.  Now see the code below copy and paste it before the above code.

.authbio{
color: #666;
 font-weight: normal;
 font-size:0.9em;
 background: #fff;
 border: 1px solid #ccc;
 width: 540px;
 padding: 15px;
 margin-bottom:25px;
 }
 .authbio a{
 text-decoration:underline;
 }
 img.alignleft {
 float:left;
 background-color: #c4e3e0;
 border:1px solid #c4e3e0;
 padding: 5px;
 margin-left:2px;
 margin-top:0px;
 margin-bottom:25px;
 margin-right:12px;
 }

3. I think you have done well the above code and now search for the following text code  in your blogger template through Ctr+F command.

<data:post.body/>

 4.  This is very important that look at the following code with carefully and insert after the above text 

<div class="authbio">
 <div style="float: left;">
 <img alt="" src=" http://i.imgur.com/zAEgds.jpg " />
 </div>
 <h1>
 GM Qazi</h1>
Hardware and Software Engineer and also you like facebook, twitter or linkdin profile anything you want </div>


5.  Now go to http://imgur.com/  and make your picture link and replace  the red color link with your image link and amend your profile detail in the above code.  Finally save it and see that how it look like. 

This article will be very useful for new blogger owners and others, if you like it  or suggest me  please leave your comments.

How to increase page rank for free blog blogger

Summary: This most useful and important article teaches you that how to improve your free blog blogger page rank in Search Engines  and also suggestions and tips have been given to drive traffic quickly

 
By this useful and informative article you will teach that how you increase your free blog blogger page rank in Search Engines Like, Google, Yahoo, Bing and other main search engines. Today I was in my office one my friend called me and also sent me email said that how he increases his blog page rank in search engines quickly and easily. I think this time lot of blog owners and other friends need to increase page rank in search engines. Really this is very hard task but not impossible you can not move your blog quickly in high page rank but you should be patience and start to struggle continued. I am writing this useful article about boosting blogger page rank in Search Engines to see the requirement of blog owners. Basically, page rank of your free blog blogger depends upon your blog’s back links. When a free blog blogger with higher page rank than yours link to your blog , I am sure in the next page rank update you will find to boost in your page rank. Therefore, it is very important to get your free blog linked to sites and blog’s that hold higher page rank than your blog. Some of the other techniques that you require to implement for increasing your page rank are argued step by step below:

1.  Search Engine Optimized Blog

The original step to boost your free blog blogger page rank would be to set your free blog blogger as per the search engines friendly. If your blog title tags has been made SEO friendly I think this is great step for page rank in Search Engines. In this regard please read my useful article how you adjust your free blogger title tags SEO friendly and also another useful article how you adjust heading tag in free blog blogger these articles will be very useful to move your blog in good page rank in search engines. In these useful articles I have discussed suggestions and tips with details.

2.  Give your comments to other Blogs increase Page Rank

This technique is most successful and you play an important role in it. Develop relationships with fellow bloggers and also build relationships with fellow bloggers by commenting regularly on their sites blogs, by requesting link exchange, and by mentioning them on your own blog. Remember one important think is that you have to comment on blog’s that allow "Do Follow" and if you comment on "No Follow" blogs, it provide for no use. It is important to comment on blog’s that have higher page rank. Now I give you the list of "Do Follow" blogs step by step sent your comments and in the comments mention your blog. In few days your blogger page ranking will be increased time to time but have patience. If other person comes to your blog and give reply comments quickly. Please see the following Do Follow blogs list.


http://newcritics.com
http://blog.mofuse.com
http://www.eartheasy.com/blog
http://weblogtoolscollection.com

http://www.netchunks.com
http://www.seobythesea.com
http://rumahabi.com
http://bytesizecss.com/blog
http://www.marketingblagger.com
http://www.bluehatseo.com
http://www.powerdosh.com
http://niceblogger.com
http://www.dumblittleman.com
http://cashtactics.net
http://ez-onlinemoney.com
http://www.affordable-internet-marketing.com
http://www.articlesnatch.com/blog
http://pixelheadonline.com/blog
http://www.howtowakeupearly.com
http://www.currybet.net
http://www.howtowakeupearly.com
http://www.communityspark.com
http://www.peterleehc.com/blog
http://www.ecommtips.com
http://tucsonseosolutions.com
http://www.memwg.com
http://www.howtospoter.com
http://www.seotops.com
http://www.organicseo.in
http://www.reviewerofsites.com
http://infodotnet.blogspot.com
http://www.tlmarketing.net
http://www.dollarsblog.com
http://www.affiliatebestprograms.com
http://www.yimto.com
http://dmiracle.com
http://www.voice-broadcast.com
http://www.extremejohn.com
http://www.bloggodown.com
http://tycoonblogger.com



3.   Submit your free blog blogger in Blog Directories

The next successful process of improving your free blog page rank is to propose your blog to all the directories that are available. Never spend any amount in submissions, that is, do not pay your hardworking earning amount to any services. I recommend you to personally submit your blog to all the free directories that are available. If you want to submit your free blog blogger in free blog directories please Click here and submit with carefully.

4.   Make Internal links of your free blog blogger


This is one of the most easy techniques and strategy that one can accept to boost your page rank quickly. Just give a link from one post to another post of your blog. In this regard for your understanding check this post I linked with other post click on link. This will absolutely boost your page rank quickly and easily. Additionally, it increases the page views for your blog and also in the end of each post make tags and give reference of your related old posts.


I hope all the above tips and techniques will be very useful for you and other visitors, if you want to suggest me or like it please leave your comments.


Wednesday, 20 April 2011

How to add blogger to DMOZ Directory increase traffic

Summary: This useful article  teaches you that how you submit your blogger  blog  to DMOZ  Blog Directory free and increase traffic easily,  DMOZ directory is totally free and good source of incoming traffic    


By this useful article you teach that how  to increase traffic in blogger blog and how you submit your blogger free in top ranked DMOZ Blog Directory like other blog directories and also really  this is informative article  about improved free blog blogger traffic quickly and easily. This service is totally free one day I was searching Blog Directories I have found very useful Blog Directory DMOZ and I have submitted my blog link. Now I want to share this useful directory with all new visitors and free blog blogger owners. I have found that this blog directory is very great source of boosting traffice. DMOZ is the directory of Open Directory Project (ODP), the largest human edited web directory of the Web. The ODP powers center directory services for some the most popular portals and search engines, including AOL Search, Netscape Search, Google, Lycos, and HotBot, and hundreds of others. Being listed in DMOZ is like an backing of your website quality. From a SEO (Search Engine Optimization) point of view, a link from DMOZ brings more trust and authority than most sites. DMOZ is not as highly regarded as it used to be, but to have an inbound link from it is still considered good SEO nonetheless.

Introduction of Open Directory Project (ODP)

The Open Directory Project is a web directory of Internet resources. A web directory is something akin to a huge reference library. The directory is hierarchically arranged by subject - from broad to specific. The ODP is maintained by community editors who evaluate sites for inclusion in the directory. They are our experts, and all submissions are subject to editor evaluation. We care a great deal about the quality of the ODP. We aren't a search engine and pride ourselves on being highly selective. We don't accept all sites, so please don't take it personally should your site not be accepted. Our goal is to make the directory as useful as possible for our users, not to have the directory include all (or even most) of the sites that could possibly be listed or serve as a promotional tool for the entities listed. To keep the ODP running smoothly and to assist us in exercising our editorial discretion, we have set up policies for submitting sites for our consideration. We may reject, delete, or edit submissions that violate these policies or that we otherwise believe, in our sole discretion, should not be included in the directory. We may also reject, delete, or block other sites that we believe to be associated with a user who has violated these policies. You should take a few moments to understand these policies and the steps to submit a site before you begin.  Failure to understand and follow these instructions generally will result in the rejection of a submission.

How submit free blog blogger in DMOZ

Now I learn you step by step suggestions and tips how you submit your free blog blogger but going ahead with it, you might want to read the submission guideline and FAQS about suggesting your site to DMOZ first. You will be aware about the rules and regulations of this great directory.

Here is how to submit your blog to DMOZ directory first go to www.dmoz.org and click on the Directory and then proceed to the category  for more information see the picture has given belwo for your guidance and information.















To see the above after that select  your concerned directory  and  then  click on suggest  URL   for more guidance see the picture has given below: 
 
After that procedure when you click on suggest URL according show the picture above  after selecting your concerned category then you will see a Form that you will be filled it with carefully for more information see the  picture has given below:
 
Now enter your blog url, blog title, blog description and email address as required in the form seen in above picture. When you have completed the submission procedure you will receive following message look at the picture given below:



















I hope this useful article will be very informative for you and  other visitors to increase traffic  to blogger,  if you like it or suggest me please leave your comments.

Wednesday, 13 April 2011

How to add wonderful Marque Scrolling for blogger

This useful article teaches you that how you add wonderful Marques Scrolling code in blogger blog, this is great way to attract visitors to your blogger blog and also make  your own slide shows by Scrolling Marque


By this useful article you teach that this is good  way to attract visitors to your Free Blog Blogger or some of its pages decoration to like scrolling Marques text, etc. You can add scroll bars to tell your visitors what will be your next updates, popular posts, advertisements, etc. Scrolling text works especially good for headlines and also scrolling or marquee text is very attractive way to tell and write your Free Blog Blogger news and adding it to your blog makes it more attractive. 

The nice thing here is that “Scrolling or marquee text for Free Blogger Blog” can be re edited by you to suitable your blog needs and your needs every time. Now I will show you a lot of “Scrolling or marquee text for free Blogger Blog” and after this, I will explain to you how to use it and how to add it to your free Blog Blogger in the way you like. The Scrolling or marquee text code contain 2 tags, opening tag, and closing tag and between the 2 tags and the real code for scrolling or marquee text looks like the next and if you added this for your free Blogger Blog generate you a normal scrolling or marquee text box with default text font and size and with White back ground. 

But what you do if you need to change the direction, adding background color, change the text speed ( scrollamount ) or change its height and width. That is very easy but it needs your complete attention. I can control direction, background color, scrollamount or any thing by adding values to the opening codes. And now let us talk about surprise about colors codes and numbers. I made amazing box that gives you the colors codes and number once you click any color, no need now to try to get the colors codes you want in a hard way, now I made a very easy way for you, please check it out. If you want to put this on your header, then login in to your blogger account go to Layout, Edit html,click add a page element select html/javascript and paste the code in html/javascript and save the changes. Now look at the following html marque codes for your guidance you can add in free blog blogger easily.



1. Now check the result of above code in the following Marques scrolling if you want to change color and direction of Marque go to www. google.com and type HTML color codes and select color code according you choice and change it in above code and if you want to change direction in above code change right to left, up, down as you like.


Blog Blogger Training/marquee>

Blog Blogger Training/marquee>

Blog Blogger Training/marquee>

Blog Blogger Training/marquee>



It is very useful when the reader wants to read the text and the scrollamount is big, so that he will put the mouse over the text to pause the text and read the matter see the code below:
   



Blog Blogger Training

Another Marque code is  the important and most useful one, adding hyperlinks in the scrolling text . Hyperlink means a link when clicked go to another location(site). Now see how to add hyperlinks to the scrolling text:
 


After that it is very necessary that replace the Link#1, Link#2, Link#3 with the text and url#1,url#2 and url#3 with the desired url addresses as you like. Now see the result below of the above code.


Free Music Blogging Tips Blogger Training

In view of the above Marques Scrolling are very useful for new Blog owners really Marques are very important to setup Slide show for your blogger blog and attractive to new visitors. If you like above Marque HTML codes give me suggestions or leave your comments.

Tuesday, 12 April 2011

How to add breadcrumbs for blogger with best SEO tips

Summary : This useful tutorial teaches you that how you add Breadcrumbs to  blogger blog easily and also it gives users a way to keep track of their location within programs or documents  and main benefit is that breadcrumb displays visitors location accordingly


By this useful article you teach that how you add breadcrumbs  to blogger blog like  Wordpress blogs and also you are feeling  that it should be in blogger blog. If you cannot understand what I mean or what a breadcrumb is meant see the definition below I have found it from Wikipedia. 


Definition of Breadcrumbs
Breadcrumbs or breadcrumb trail is a navigation aid used in user interfaces. It gives users a way to keep track of their location within programs or documents. The term comes from the trail of breadcrumbs left by Hansel and Gretel in the popular fairytale. The trails like Home >> Label >> Post Name are the breadcrumbs. You should find this guide pretty easy and very simple. 

Benefits of Breadcrumbs 

There are lot of benefits of Breadcrumbs  and also better  SEO tips and benefits. Whether you are using a custom template or a default Blogger template breadcrumb navigation can be added. Adding a breadcrumb to your blogger blog,  it provides a form of text-based navigation. A breadcrumb displays the visitor's location within a your blogger blog. The advantage of a breadcrumb is that it provides shortcuts to enable visitors to quickly get around your blog by jumping from one part of your blog to another.

How to install Breadcrumbs

It is not difficult  by this useful blogger tutorial I guide you  step by step how to add breadcrumb navigation to blogger blog so do not long wait now lets get started.

1.  Login to your blogger dashboard

2.  Go to Layouts and then Edit HTML
 
3.  Then I would suggest you download the whole template first then continue editing.
 
4.  Then tick the Expand widget Template.
 
5.  Now find  this code in your blogger template
     
     <b:include data='top' name='status-message'/>
 
6.   Now replace it with the below code
      
      <b:include data='top' name='status-message'/>
      <b:include data='posts' name='breadcrumb'/>
 
7.   Now find another code has given below.
 
<b:includable id='main' var='top'>
 
8. Now replace the above code with below large code immediately
 
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/><a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

9.     Now find this ]]></b:skin> and replace it with the below code.
 
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}
]]></b:skin>

I hope this useful article will be profitable for you and other blogger owner, if you like it , or want to suggest me, please leave your comments.

Sunday, 10 April 2011

How to analyze Meta Tags for Free Blog Blogger

Summary: This important and useful article teaches you  that how to analyze Meta tags of blogger blog and also guided about right place of Meta tags according correct SEO rules Meta tags drive traffic to bogger easily

By this useful and informative article you will teach that how you analyze Meta Tags in free blog blogger. The Meta Tags Analyzer provides all the Meta Tags information for each URL, which can be downloaded as .csv file. It checks the Meta tags syntax, recommends the ideal content length, and also indicates duplicate tags. Now you will learn that run the  Meta Tags extractor to analyze the Title and Meta tags of your Free Blog Blogger and  understand how they are set up with reference to Search Engine strategy. Meta Tags increase your Free Blog Blogger visibility in popular Search Engines. However, it is recommended that you first run the Blogger URL Extractor tool to obtain a complete list of your Blogger URLs. A Meta Tags Analyzer understands how Search Engine robots read information from your free Blog Blogger. It will support you basically to check whether you are on the right path. You can find some of the best and very popular Meta tags analyzers now insert your Blogger url and get best result. The list of the popular Meta Tags Analyzer  has given below:


Now I describe more useful points related about great information of  Meta tags how you know about right situations and how you analyzed properly.

1.   Meta Titles

The first Meta tag it analyzes is the title tag. It explains the number of characters in your Free Blog Blogger title and shows how relevant it is to your page content. Positive Search Engines have limitations in number of characters of the title that can be showed in a search result. For more information and guideline please read my useful article How you change Blogger post title tags for better SEO.

2.  Meta Description

The next Meta tag that is analyzed is the description. At times beginners be likely to write a lot of description for the Meta tag. It is said that an ideal Meta tag description should not exceed 150 words. The Meta tag analyzer will show the particular portion as shown in the picture to warn that it has crossed the advised limit. For more in Information look at the following pictures has given below:



  


3.   Meta Keywords

The Analyzes of keyword Meta tags tells you how many keywords are used in the Free B log Blogger. Most Search Engines would not prefer more than 20 keywords. So do not ever stuff in with keywords. It recommends you to avoid stop word like ‘of’,'and’,'to, in keywords. Certain Keyword Analyzers would tell you the relevancy of the keywords as well. I have searched useful and very informative Keyword suggestions tools.  For more information and guidelines look at the following useful keyword suggestions tools.

4.   Functions of Robots
This analysis tells you as to what robots asked to do. For example: all, noindex, noodp, noydir, etc. A ‘noindex’ tells the robots not to index the page. ‘Noodp’ tells the robot to bypass the blog description. The benefit of this is that it shows description relevant to that of the search query.
Finally I will give you advised that you analyze your Meta tags so that you can check whether you are on the same track while optimizing your Fre Blog Blogger for the search. This is also the basic step for optimization of your single blog post. According my experience a good optimized Blogger blog post perform better than n number of un-optimized posts and if you have succeeded in analyzing of Meta Tags properly you can increase more and more visitors to your Free Blog Blogger.

This useful article will be most reliable and informative for new blogger owners and others, if you  like it or suggest me please leave your comments. 


Thursday, 7 April 2011

How to add stylish table to free blog blogger post

Summary: This useful article teaches you that  how you add table in Blogger Blog Post and how you change Rows, Columns, Colors, in the table because table is very important in Blogger Blog and you have never seen like this article


By this article you will teach that how you add Table in Blogger Post. This Blogger tutorial give details how to place a table into a Blogger post. You will learn how to make tables in Blogger sorting from a simple table to a more complex table with irregular colors. Now you will begin with a necessary table and slowly add CSS styling to the table to get better the look and functionality awaiting we have build the table pictured directly below. No knowledge of CSS and HTML is unspecified so this Blogger tutorial is suitable for complete blogging basic knowledge.

I think tables are very useful method to show information mostly tabulated information. Tables are very nice when you wish to line up information so that it is simple to read and be grateful for. You can insert text, hyperlinks and even images to a table which create them very useful for there information. No easy way as yet to insert tables in Blogger Blog because table button is not provided. Now I give you step by step suggestions and tips how you insert table in Blogger Blog post easily. If you want to insert table with 4columns and 4 rows alongwith header and how to insert additional rows, columns a and changing of colors to the header, a border, a caption, change the size of the table, center align the table and more other useful options.

1.   First go to www. blogger.com open dashboard and open  a new post and then click on the Edit HTML tab on your Blogger editor and where you want to insert table copy and paste it the following code on that place. For more information please look at the picture has given below:
















Now see the above picture insert table code after </div> and when you close the below code enter </div> in the end of table code for more information look at the follow table and code with carefully.

Table Header Table Header Table Header Table Header
Table Cell Table Cell Table Cell Table Cell
Table Cell Table Cell Table Cell Table Cell
Table Cell Table Cell Table Cell Table Cell


<table border="2" bordercolor="#FAAC58" style="background-color: #FAAC58" width="100%" cellpadding="3" cellspacing="3">
          <tr>
          <th>Table Header</th>
          <th>Table Header</th>
          <th>Table Header</th>
          <th>Table Header</th>


          </tr>
          <tr>
          <td>Table Cell</td>
          <td>Table Cell</td>
          <td>Table Cell</td>
          <td>Table Cell</td>
          </tr>
          <tr>
          <td>Table Cell</td>
          <td>Table Cell</td>
          <td>Table Cell</td>
         <td>Table Cell</td>
          </tr>
          <tr">
          <td>Table Cell</td>
          <td>Table Cell</td>
          <td>Table Cell</td>
          <td>Table Cell</td>
          </tr>
          </table>


2. Insert some further styling to our table header to improve the look of our table as denoted in orange according Blogger template. Change the background color and color attributes to suit your own color scheme if you wish and as you like.




<style type="text/css">.nobrtable br { display: none }</style> <div class="nobrtable">
<table border="2" bordercolor="#FAAC58" style="background-color: #FAAC58" width="100%" cellpadding="3" cellspacing="3">
<tr style="background-color: # FAAC58; color: # 000000; padding-top:5px; padding-bottom:4px;">


          <th>Table Header</th>
          <th>Table Header</th>
          <th>Table Header</th>
          <th>Table Header</th>
          </tr>
          <tr>
          <td>Table Cell</td>
          <td>Table Cell</td>
          <td>Table Cell</td>
          <td>Table Cell</td>
          </tr>
          <tr>
          <td>Table Cell</td>
          <td>Table Cell</td>
          <td>Table Cell</td>
          <td>Table Cell</td>
          </tr>
          <tr>
          <td>Table Cell</td>
          <td>Table Cell</td>
          <td>Table Cell</td>
          <td>Table Cell</td>
          </tr>
          </table>></div>




3.  In this procedure I am going to center the contents of  Blogger Blog table. This can be done in several methods but  going to take a short cut here by assigning a style to every table row of the table with good style and also going to ballet up our Blogger table by inserting alternating colored rows to improve readability and appearance. By far the easiest way to do this is to assign a class. For more information see the picture has given below:

<style type="text/css">.nobrtable br { display: none } tr {text-align: center;} tr.alt td {background-color: #FF0000; color: red;}</style><div class="nobrtable"> <table border="2" bordercolor="#FAAC58" style="background-color: #FAAC58" width="100%" cellpadding="3" cellspacing="3"><tr style="background-color: #D7DF01; color: #ffffff; padding-top:5px; padding-bottom:4px;">
          <th>Table Header</th>
          <th>Table Header</th>
          <th>Table Header</th>
          </tr>
          <tr class="alt">
          <td>Table Cell</td>
          <td>Table Cell</td>
          <td>Table Cell</td>
          </tr>
          <tr>
          <td>Table Cell</td>
          <td>Table Cell</td>
          <td>Table Cell</td>
          </tr>
          <tr class="alt">
          <td>Table Cell</td>
          <td>Table Cell</td>
          <td>Table Cell</td>
          </tr>
          </table>

4. Look at the above code change color of header and rows according your desire as you like. I have already discussed that change the colors and styles according your template design and you can change rows and color of headers and rows columns any time look at the table related with above code. 




Table Header Table Header Table Header
Table Cell Table Cell Table Cell
Table Cell Table Cell Table Cell
Table Cell Table Cell Table Cell

5.  Now you want to add caption in Blogger table It is also simple  to insert  a caption. For a caption in the table simply add the caption line as shown below the table according your Blogger template format. For a caption look at the following code and table how I have add caption in the Blogger table.

A Blog Blogger Training Table Caption
Table HeaderTable HeaderTable Header
Table CellTable CellTable Cell
Table CellTable CellTable Cell
Table CellTable CellTable Cell



6.    Now see the above table and go to ahead and insert your  your data to your new Blogger table. Filling in each instance of "Table Header" and "Table Cell" with your own data. The information you insert to the Blogger table can be text, hyperlinks or even an image as you like according your choice and then save your changes to the Blogger table by saving and publishing your post finally.

Troubleshooting and Solving Problems in the Tables
Now you have seen the above codes and tables how you solve the problems in codes and tables. 

1.  Go to www.google.com and search "HTML color Codes" and then select the color and get its code and go to the table and change the codes with carefully for example I want to change color code #FAAC58 to another code it must be select the code from HTML Color codes and change it with your choice of Color.

2.  Change the Headings and Table cell according your data and save it properly and also maintain your Blogger post table according your templates settings.  

I hope this useful article will be more profitable for new blogger owners and if you like it give me more suggestions and leave your comments.