BloggerSoda: 2015

Add Meta Tags in Blogger Manually

Today's article about adding the meta tags in blogger blog for your website manually which is very easy to add it.

First of all you do not need to add meta tag for keyword because Google Search Engine does not support Keyword's but should add it because other search engines are still supporting Keywords for better search.

How to add meta tags in Blogger website?

I will let you know some meta tags which will help you for better seo. It will help you to increase your pageviews, page rank, as well as your revenue.

First step - Go to the blogger account and login click on for your blog and click on Layout and then after Edit HTML.

Second Step 2 - Click any where inside the code window and click one time only. Now click Ctrl+F to open blogger search box.

Third step - Copy the below code and paste before </head> or just after <head>.

<meta charset="UTF-8">
<meta name="description" content="Type here your website description">
<meta name="keywords" content="Type here your website description">
<meta name="author" content="Your Name">
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="1 week">

Fourth step - Edit above as per your site details and fill your meta tags and paste before </head> as I told you guys above.

Place adsense or other ad code below the title in blogger.

If your blog have a good number of page view or visitor so you should start earning from your website. To do this what will you need to do? I know that you will apply for Adsense and after approval you need to place it. There are so many location on your site where impression will be awesome where one place will be just below of your title of your post or article.

How to put adsense ad code just below the title and in side of content of 300*250 px ad code?

To put ad code just below the title, You need to follow some steps.

Step 1. First go to the blogger Template and then edit HTML. After it click any where and press Ctrl+F from your keyboard and open search bar and paste below code and hit the enter button.

<data:post.body/>

Step 2. You will find two code and you have to work with second code not with one.
First parse your adsense ad code from HTML / JS to XML code click here to do it.
Now paste the adsense ad code just before or above of above code which is given in step 1.

Step 3. If you wan to put ad code in side with content in left of 300*250 px ad size so first create a diversion tag which is check below for example

<div style="float:left; padding-left:5px; padding-bottom:5px;">
<!--Your adsense or chitika or any other ad code--!>
</div>

Now copy the above code and paste just before the <data:post.body/> code. That's it!

Fix / Remove broken links in blogger

Are your blogger blog suffering from broken links because your have been change many post URL's. If Yes! then I have a very simple but fabulous idea. It is not so hi-fi. Actually it's a feature which is providing by self blogger. To fix broken links in blogger blog follow some below steps.

Step 1. Go to your blog and login. Now click on Settings then Search Preference.

Step 2. In Search Preference you will see three options which is Meta tags, Errors and redirections and Crawlers and indexing. But you have to work with second which is Error's and Redirections.

Step 3. In Error's and Redirections you have to click on edit which is stand in the front of custom redirects.

Step 4. After click you will see "From" and "To". In from text field you have to paste broken link and in below To field your have to put a URL where you want to move your broken URL. I Suggested you to choose home page of your blog which is will be better for you.

Step 5. After that Save it. After it save your blog and check your broken link is redirecting or not.

After some above simple steps you can remove broken links from Blogger by self. Bye!!!

Breadcrumb for Blogger | How to add it!

Breadcrumb is a link source which shows the path of URL from start to end or current.

For example
Home >> D >> DTDC Full Form

In above example - Home is main page or index, D is the category and DTDC Full Form is the title of the post or article.

So it will be show on your blogger template?

Mostly web developer's or publisher's want to put it on above article and title too. Which looks great and help to a little bit increases in page views.

How to add breadcrumb in blogger?

It's so simple to add. To add it, You need to access your code window of your blog.

Step 1. Go to your website and click on Template and then Edit HTML.

Step 2. Click any where and press Ctrl+F to open search bar. Paste below code in search bar and click enter.

<b:include data='top' name='status-message'/>

Step 3. It's time to add below code before the above code.

<b:include data='posts' name='breadcrumb'/>

Step 4. Again search a code which is given below.

<b:includable id='main' var='top'>

Step 5. Again copy below code and paste before the above code. That's it!

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<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"'>
<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>

Step 6. CSS is necessary to design your breadcrumb in blogger so add some given below code beofre </head> tag.

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:90%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
font-weight:bold;
}

Everything has been done just save the template and go ahead. Do not forget to take a backup while changing in code.

HTML to XML Parser Blogger Tool | Convert Adsense, Chitika ad code

In this page you I am providing an online tool which can convert any code such as Google Adsense, Chitika from HTML to XML or It will be parse your code which will make your old code to new one which will be compatible for your blogger theme or template.

Press Ctrl+D to Bookmarks this page for future use.

Enter Your code

XML Parsed / Escaped code

Domain Not working without WWW on Blogger and giving 404 error | Remove it!

You need to fix your domain problem while adding it to blogger. When a newbie came on blogger with premium domain so he or she always forget to redirect the naked to domain to www. Yes naked domain means without www or any sub domain like - blog.example.com

What happened when some one open's it without www? When some one opens it shows that 404 error and page not found which you looking for.

If you want to run your site without this bogus dis-quality so follow some steps as given below.

Step 1. Go to the blogger and login it.
Step 2. Click on settings and click on edit where your domain added. Your will a check box which is blank or non checked. So checked it and save.
Step 3. After a few seconds of checked it will redirect to non www to www automatically.

If still facing this problem so please check your DNS setting at your registrar site.

Remove Subscribe to: Posts (Atom) from Blogger or Posts Comments (Atom)

When some one on your blogger blog homepage so "Subscribe to: Posts (Atom)" will stand after the content and just above the footer section.
And when some visiting any of your post or article so "Subscribe to: Posts Comments (Atom)".
But now can remove it. To remove just follow the given below steps.

Step 1. Login to blog or website and go on Dashboard click on Template and then Edit HTML. Then after click any where inside of area code and press Ctrl+F to open it's own search box where you have to paste below code to find and remove the subscribe......

<b:include data=’feedLinks’ name=’feedLinksBody’/>

Step 2. Nothing in step 2. Just delete the above code and save it. Then after your template will get free atom or RSS. That's it!

How to check page views of your blogger post and pages?

There are two ways where you can see or check your post or pageviews (page views).

Step 1. Go to the blogger Dashboard then click on posts. After click you will see your entire post of your blog. You have to notice that 2 thing you can see first the number of comments and second is your post views.

Step 2. To see pageviews or page views - You need to go on dashboard and then click on pages. In this section you will see entire pages on your blog where you can check same as in posts which is comment's and page views.

If you want to see complete overview so click on Stats where you can see complete overview of your page view, landing URL, Traffic source, Map wise Audience from today to all time. Number of percent of browser with operating system, referral site.

Show / Hide Widget / Gadget in some specific page / post in blogger

Is there any way where you can stop showing Adesne ads in Contact us page, About us, or any other post where you do not want to show ads because it will get bad reading experience. Yes? if your answer is yes so I have solution for it. I have some steps which you need to follow then after it will not show any ad in some specific pages in your blogger blog as per your choice.
Step 1. First you need go at your blogger Dashboard and then Layout. In layout you need to add a Gadget, add HTML/JavaScript with title. Specify the title name such as "Cool Post" because we will need to work with the title.

Step 2. After save, Click on Template which is just below to Layout and then click on Edit HTML. In edit HTML, Click any where and press Ctrl+F to open search box.
Now, find any widget title in search box and enter (I entered "Blog Archive"). So i will find below code.

<b:widget id='HTML1' locked='false' title='Cool Post' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

The above code show's it's location in layout itself.

It's time to make some change's To show the widget only on Homepage

<b:widget id='HTML1' locked='false' title='Cool Post' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

To Show widget only on post pages

<b:widget id='HTML1' locked='false' title='Cool Post' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

To hide widget only on post pages

<b:widget id='HTML1' locked='false' title='Cool Post' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType!= "item"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

To Show gadget only on specific pages

<b:widget id='HTML1' locked='false' title='Cool Post' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL of the page"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Note - You can replace the URL of the page if you want to display the gadget.

To hide gadget only on specific pages

<b:widget id='HTML1' locked='false' title='Cool Post' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != "URL of the page"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

To show gadget in static page

<b:widget id='HTML1' locked='false' title='Cool Post' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

To hide gadget in static page

<b:widget id='HTML1' locked='false' title='Cool Post' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

To Show gadget only on archive pages

<b:widget id='HTML1' locked='false' title='Cool Post' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Step 3. Nothing in step 3. Just save it and have a look of your site. That's it

Stop Country Redirection of Blogger / Blogspot Extension / URL

Are you using non premium domain as http://example.blogspot.com?

If yes then you can see that if your blog getting open by other country so it is redirecting to other country extension. For example - http://example.blogspot.in.

Here, You can see that .in which is from India, .pk from Pakistan, .np from Nenal and so on. But you can stop it.

You just need to add some code and your URL will not redirect and it will remain with .com

Step 1. Login to your blog then Click on Template and then Edit HTML. Click anywhere in code window one time only and press Ctrl+F for open Search bar and paste below code.

</head>

Step 2. Copy below code and paste just before or above of </head>

<script type="text/javascript">var blog = document.location.hostname;var slug = document.location.pathname;var ctld = blog.substr(blog.lastIndexOf("."));if (ctld != ".com") {var ncr = "http://" + blog.substr(0, blog.indexOf("."));ncr += ".blogspot.com/ncr" + slug;window.location.replace(ncr);}</script>

Step 3. Save it. That's it!

Make Your Title SEO optimized or Friendly in Blogger

Do you know guys? In blogger, free template's does not support SEO friendly title's. You must have to have to change it, if you want to increase the rank of your site in search engine's. It will take your rank high it will increase your CTR which will give increases in your Adsense revenue or other's too.
To understand better I have two image's which is given below. First image is not optimized and second one is SEO friendly title which is optimized.
Image 1.

Image 2.

If you also want to make your title seo friendly so make some changes in your free blogger template. Follow some steps -
Step 1. Login to your blog. Go to Template and then edit HTML then after click any where in code window one time and press Ctrl+F from your keyboard and find given below code.

<title><data:blog.pageTitle/></title>

Step 2. Now you need to change some code. Remove or Delete above code and paste given below code as it is.

<b:if cond='data:blog.pageType == "item"'>

<title><data:blog.pageName/> | <data:blog.title/></title>

<b:else/>

<title><data:blog.pageTitle/></title> </b:if>

Step 3. Nothing in step 3 just go ahead, Save it. That's it!

How To Remove Powered by Blogger or Attribution

It is standing in last or in footer which is showing that your site is hosting on blogger.
So today's topic is for remove it.

It is so simple just need to follow basic steps-
Step 1. Go to your blog and login and then Template > Edit HTML
Step 2. Click one time at anywhere in code window and press Ctrl+F for open search box. Then find given below code.