How to Add Meta Tags to Blogger ;

As mentioned in my previous post, having a meta tag can help search engine autobots to crawl your website easily and index pages. Meta Tags are in other words are a communicating link between a website and a search engine crawler.

To add meta tags to blogger, follow the procedure given below.

Go to Layout through blogger Dashboard

Now click Edit Html

Using Ctrl+F find the code given below

<b:include data='blog' name='all-head-content'/>


Now insert the code given below after the above line

<meta content='WRITE DESCRIPTION HERE' name='description'/>
<meta content='WRITE KEYWORDS HERE' name='keywords'/>
<meta content='WRITE YOUR NAME HERE' name='author'/>
<meta content='blogger' name='generator'/>
<meta content='ALL' name='ROBOTS'/>

Change the text in red with the required details and Save Template.

Remember not to add irrelevant keywords and too many keywords of the same category (example: football shirts, football t-shirts, football team shirts) as search engine ranks will have a negative effect due to this.

Read more on this article...

SEO Tip - Add Title Tag To Blogger ;

One of the most important things to improve search engine ranking is by optimizing the blogger title tag. Here by optimizing the title tag we intend to remove the blog title from the individual posts so that search engines can easily search keywords and index the page.



- From Blogger Dashboard go to Layout

- Click Edit Html

- Use to Ctrl+F to find the code given below:

<title><data:blog.pageTitle/></title>
Replace the above code with the code given below
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

- Now Save Template, its done!

Read more on this article...

How To Add Read more to blogposts ;

Lately many people have been asking me regarding how to use expandable posts, which I personally think makes the blog look decorous & elegant. As you can see in my blog I have used expandable posts to make my blog more user friendly and easy to navigate, you can add this option by following these steps



For blogger, use the following steps to add read more option:

- Go to Layout through the blogger Dashboard.

- Now open Edit Html option.

- Tick the Expand Widgets option and find <data:post.body/> using Ctrl+F.

- Now paste the code given below above the <data:post.body/> line:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

- Now paste this another code given below after the <data:post.body/> line:

<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more...</a>
</b:if>
</b:if>

(Note: There are supposed to be two tags)

After saving the template, go to Settings -> Formatting and enter the following code in post template code:

<span class="fullpost">
</span>

It will appear as follows:



Now in by default every post will contain the above code as shown in the picture below:



After saving settings you can start posting. The text that you want to be shown after the read more option should be entered between the two lines as shown in red colour below in posting section:

<span class="fullpost">
ENTER THE TEXT YOU WANT TO BE SHOWN AFTER READ MORE OPTION
</span>
Read more on this article...

How To Insert Ads in blog posts ;

Very often you come across blogs having ads in their blog posts, which usually has a high click through rate provided the blog is driven by rich content and good traffic.

In order to insert ads in post:

- Go to Blogger templates, Layout -> edit HTML section

- Tick expand widget templates

- Using Ctrl + F find out <div class='post-header-line-1'> or

- Now paste your generated adsense code below this line in this format

Note: Add the codes in blue as well as shown below.

For ads to appear on left side of the post:

<div style='float:left;'>
AdSense Code
</div>

For ads to appear on right side of the post:

<div style='right:left;'>
AdSense Code
</div>

Read more on this article...

How to Add Youtube videos to blogposts ;

In order to add youtube videos to blogger, select the embed code on youtube video page as show below:


To select Press Ctrl+A and copy using Ctrl+C. Now paste the code in your blogpost using Ctrl+V and its done!
Note: You can adjust the width and height of the youtube video player by changing the respective sizes in the embedded code.
Read more on this article...

How To Remove Blogger Navigation Bar ;

Many of the times i have come across users who want to get rid of blogspot navigation bar at the top of their blog.

It certainly annoys me & i think removing it makes your blog look much professional and neat.


Here is how you can remove it:

- Login to blogger

- On Dashboard, select Layout. Now in the Template tab, Click Edit HTML. In the Edit Template section you will see your blog's HTML.

- Tick Expand Widget Templates

- Paste the code below directly above the #header-wrapper line in your blog's HTML.

- Use (Ctrl + F) and type in #header-wrapper to quickly find the #header-wrapper line.

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
- Save your template, done!
Read more on this article...

How To Track Website Traffic for Free ;

If you have always been wondering where do the uers come from on your site, which are the most popular pages, visit time, visit length, visitor location then Statcounter.com offers you the perfect solution.

Statcounter.com offers the best online tracking tool I have ever seen and whats good about it is its totally free. All you need to do is to copy the code created at Statcounter.com and insert it on your site/blog and start tracking.

Full list of its features:

Log-Size
Invisible Counter Option
Configurable Counter
Configurable Summary
Stats
Magnify
UserDrill Down
Popular Pages
Entry Pages
Exit Pages
Came From
Keyword Analysis
Recent Keyword Activity
Search Engine Wars
Visitor Paths
Visit Length
Returning Visits
Recent Pageload Activity
Recent Visitor Activity
Country/State/City Stats
Recent Visitor Google Map
ISP Stats
Browser Stats
O.S. Stats
Resolution Stats
JavaScript Stats
Email Reports
Multiple Site Management
User Access Management
Public Stats
Blocking Cookie
Secure Tracking [Upgraded Members Only]
Custom Branding Logo [Upgraded Members Only]

There are many other sites which offer this kind of service but in my opinion statcounter offers the best service. I have been using it since over a year now and I have never faced a problem using it. Statcounter certainly goes to the depth of tracking.

Statcounter

Read more on this article...