Ad Code Converter

If you facing errors or problems while embedding Ad Codes from Google Adsense, Adbrite, Chitika, Bidvertiser, etc. in Blogger template, then you are at right place to solve this problem.

The solution of this problem is to covert ad code into suitable correct format that is accepted by XHTML Blogger template.

The textbox tool given below automatically converts JavaScript ad code into the correct format so that you can embed it directly into xml Blogger template. It’s works perfectly for AdSense, AdBrite, Chitika or any other JavaScript ad code you may have.

Instructions for using Ad Code Converter Tool:

• Paste your Adsense code or any other Ad Code in box give below and then press "Convert" button.

***the converted code will appear in this same box here, just after clicking "Convert" button***

• Click "Select All" to select Converted Code.
• Press "Ctrl+C" to copy to clipboard.
• Embed code into blogger template.

Ad Code Converter Tool:

             

Note: 

The above tool is helpful for all JavaScript codes (Ads, Widget Codes, etc.) those are to be directly embedded into Blogger Template i.e. via Dashboard > Template > Edit HTML.

For example, the following JavaScript code for Google plus button:

<script src="https://apis.google.com/js/platform.js" async defer></script>

when directly embedded into template gives following error while saving template:

“Error parsing XML, line 1107, column 60: Attribute name "async" associated with an element type "script" must be followed by the ' = ' character.”

OR,

The following JavaScript ad code for Facebook like button:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=275790029225681&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

when directly embedded into template gives following error while saving template:

“Error parsing XML, line 1114, column 62: The reference to entity "appId" must end with the ';' delimiter.”

All these types of errors can be resolved by converting these codes with the Ad Code Converter Tool into correct format.

If you want to add Ads code into sidebar or bottom bar via Dashboard > Layout > Add Gadget > "HTML/JavaScript", then there is no need of  conversion of ad code. In this case, the ad code can be added directly.

Read More »

Sitemaps: Generate and Submit sitemaps of Blogger/Blogspot to Google Webmasters.

For a website, sitemap is an important tool for SEO as well as website navigation.

What is a Sitemap?

Sitemap is basically a XML file containing all the links in all of your website. For a general website, the webmaster needs to create “sitemap.xml” and upload it to root directory of his website for make the search engines to index it.
But for blogger, you do not need to generate separate “sitemap.xml” file. It is automatically generated as soon as you start your blog and gets updated automatically when you publish new posts. This is located in “atom.xml” file. To have a look of this, just add “atom.xml” to end of your blog url (immediate after .com, .in, .ru, etc.) in url bar of browser and press Enter.

Why do we need sitemap?

1. Sitemap is important for the fact that automatic crawling bots of search engines use "sitemap.xml" file for general websites or “atom.xml” for blogger.com to crawl all webpages of your website. Without crawling, your website is not indexed in search engine listing/results.
2. Moreover, you can use it for your website navigation. It can be easily incorporated into webpage to list all your posts to appear in single page which then facilitate visitors to find all on your website. 

To have a demo of this beautiful sitemap navigation function, kindly visit: Sitemap Navigation Demo.
To apply this navigation system to your website, read this detailed tutorial:

How to Generate Sitemaps of Blogger/Blogspot blogs or websites:

Generating sitemaps for blogger.com site is very easy. Unlike generating “sitemap.xml” file and uploading it in root folder of your website, for Blogger, you just need to add following url extension to your blog url:
1. “atom.xml” as like given below:

www.yoursite.blogspot.com/atom.xml

OR,

2. “/feeds/posts/default?=rss” as like given below:

www.yoursite.blogspot.com/feeds/posts/default?=rss

You can use the same process if you are using a custom domain names such as
 

www.yoursite.com/atom.xml

How to submit the sitemaps to Search Engines:

Submitting sitemaps is very important task from SEO point of view also.

For submitting sitemap to Google:

• First sign in to Google with your Gmail account.
• Go to Google Webmasters home page :

https://www.google.com/webmasters/tools/home?hl=en 

• On this page, you will find various sites and blogs created by you.
• Click on the site for which you want to submit sitemap to be indexed by Google Search.
• On the “Site Dashboard” page, Click “Crawl” in the left column and then “Sitemaps”.
• At top right corner of “Sitemaps” page, click on “ADD/TEST SITEMAPS”.
• Enter “atom.xml” in the text box as like in snapshot below and click “Submit Sitemap”.

• Refresh the webpage after successful submission. Your sitemap will be listed below with “Pending” indexed status.
• Google will crawl your all website.

Note:

You can limit the Google to index to certain numbers of webpage of your website by using following url extension:

atom.xml?max-results=10&redirect=false

This will make Google to index only latest 10 posts. You can replace 10 with number as you like.

For submitting sitemap to Bing:

Use the following url:

www.yoursite.blogspot.com/atom.xml

Note: Although you do not need to create “sitemap.xml” file for BlogSpot websites, still you can generate it by using third party sitemap generators and use it with or without “atom.xml”.

Read More »

Automatic Post Summaries and Thumbnails on Blogger and their Customization.

Automatic post summaries and thumbnails provide freedom to blogger to add “Insert Jump Break” every time during publishing new post. Moreover, it is very difficult to insert the jump break at right point to have similar summaries at homepage and other index pages. Care is also taken to provide equal size first images in all post to get equal thumbnail size in summaries.

I’m going to discuss a method that will create summaries and thumbnails of all posts automatically. You can control the thumbnail size, its design and number of characters in summary to suit your needs. You can modify the looks of post summaries with little CSS coding.

Read More »