Adding your Blogger sitemap in robots.txt
First of all you should know what is the Robots.txt. It is a text file which contains few lines of simple code. It is saved on your website or blog’s server and it instruct the web crawlers to how to index and crawl your blog in the search results. So you can restrict any web page on your blog from web crawlers so that it can’t get indexed in search engines like your blog labels page. Always remember that search crawlers scan the robots.txt file before crawling any web page. 
Normally each blog hosted on blogger have its default robots.txt file which is something look like this:
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://example.blogspot.com/feeds/posts/default?orderby=UPDATED
 Normally above code section is divided in to three sections

1 User-agent: Mediapartners-Google
This code is for Google Adsense robots and it help them to send better ads on your blog. Either you are using Google Adsense on your blog or not simply leave it as it is.
  • User-agent: *
This is for all robots marked with asterisk (*). In default settings our blog’s labels links are restricted to indexed by search crawlers that means the web crawlers will not index our labels page links because of below code.

Disallow: /search

That means the links having keyword search just after the domain name will be ignored. See below example which is a link of label page named SEO Tricks.  

http://freedomforbloggingtricks.blogspot.co.uk/search/label/SEO Tricks

And if we remove Disallow: /search from the above code then crawlers will access our entire blog to index and crawl all of its content and web pages.

Here Allow: / refers to the Homepage that means web crawlers can crawl and index our blog’s homepage.

How to Disallow Particular Post
Now suppose if we want to exclude a particular post from indexing then we can use below lines in the code.
Disallow: /yyyy/mm/post-url.html

In here yyyy and mm refers to the publishing year and month of the post respectively. For example if we have published a post in year 2013 in month of November then we have to use below format.
Disallow: /2013/11/post-url.html

Unless you can simply copy the post URL and remove the blog name from the beginning.

How to Disallow Particular Page
If we need to disallow a particular page then we can use the same method as above. Simply copy the page URL and remove blog address from it which will something look like this:
Disallow: /p/page-url.html
  • Sitemap: http://example.blogspot.com/feeds/posts/default?orderby=UPDATED
This code refers to the sitemap of our blog. By adding sitemap link here we are simply optimizing our blog’s crawling rate.But this sitemap will only tell the web crawlers about the recent 25 posts. If your more post you can add 500 or 1000 according to the no of post in your blog.
Sitemap: http://example.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
Sitemap: http://example.blogspot.com/atom.xml?redirect=false&start-index=500&max-results=1000
OK if you think that it is very complicated don't worry follow bellow steps and use codes what I give.

Step 1 Log in to your blogger >> Dashboard >> Setting
Step 2 Now select "Search preferences" under Settings category.
Step 3 Select "Custom robots.txt and select "Yes" ratio button.
Step 4 copy past below codes
User-agent: *
Disallow: /search
Allow: /

Sitemap: http://sureyea.blogspot.in/atom.xml?redirect=false&start-index=1&max-results=500
 Step 5 Save changes

Check below video to further clarifications.  
 
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://sureyea.blogspot.in/atom.xml?redirect=false&start-index=1&max-results=500

User-agent: *
Disallow: /search
Allow: /
Sitemap: http://sureyea.blogspot.in/atom.xml?redirect=false&start-index=1&max-results=500

User-agent: *
Disallow: /search
Allow: /
Sitemap: http://sureyea.blogspot.in/atom.xml?redirect=false&start-index=1&max-results=500
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://sureyea.blogspot.in/atom.xml?redirect=false&start-index=1&max-results=500


Most of the internet users use Google for searching information what we want to know because of Google is the giant of search engines. Google provides search results with links of webpages that contains the information that we are looking after. 
If you own a blog then you might be doing everything possible to get more visits to your blog. To get traffics from search engines your blog must be indexed in the respective search engines. Your blog will be indexed in search engine only after you have submitted your blog to that search engine. 

In this tutorial I am going to teach you how you can submit your Blogger blog to the Google. Google is the most popular search engine in the world and number of webpages indexed by Google is uncountable. To make Google find, index and rank your site you need to submit your sitemap of your site to Google Webmaster Tools. Google Webmaster is a good SEO tool to use. You could also keep track of your sites statistics with the help of Google Webmaster Tools.Here is the method you should follow.

Step 1 : Go to Google webmater tool.Click here or visit this link http://www.google.com/webmasters

Step 2 :Sign in to Webmaster Tools with your gmail id and password

Step 3 :You can see now a thumbnail and a link of your site if you have already submitted your site. Otherwise you should submit your site.

Step 4 :If you submit your site just now you have to veryfy your site.for that follow one from those selections (html tag is easy)
Now click on Sitemaps

Step 5 :Then ADD/TEST SITEMAP

Step 6 :Now you popup will appear and past bellow link inside that text area.
 
/atom.xml?redirect=false&start-index=1&max-results=500
Step 7 :Now click on submit and refresh the page.

 Your webpages are submitted and waiting to be indexed. When you login to your Google Webmaster some days later, you can see the indexed pages and statistics of your blogger.
During I was chatting with one of a my face book friend he ask from me, is there is a method to display contact form widget in a unique page. That is mean her requirement is to display contact form in the contact us page without getting other service supplier. 

So I thought that that problem is a comment problem for most of blogger. Therefor I decided to teach how to ad contact form to a blog page. Here is the method and follow it. 

Step 1 : Firstly you have to ad a bank page.
Add a blank page in blogger
Step 2 : Then select HTML tag and go to options.
Step 3 : Select "Use <br>" tag in the Line "breaks section"
Stem 4 : Then past bellow codes block in your blank page.

<form name="contact-form">
Your Name:<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

Your Email:
<span style="color: red; font-weight: bolder;">*</span><br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

Your Message: <span style="color: red; font-weight: bolder;">*</span><br />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />

<div style="max-width: 222px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>


Step 5 : Save and publish your page.





Formatting
You can use your own words for,Your Name,Your Email and Your massage

When you write a blog post you categorise that post under a some name. That names are called as "Lables", "Tags" or "Categories". And that list of names (Lables) shhow in a widget called as lable widget.You can style your blog's label widget from different ways like adding cloud label styles.

But sometimes Label links get more space that blog can't hold.You can interlink up to 2000 labels in a blog with 20 labels per post.So in a situation like that you can use drop down lable widget to save more space.I describe how to make drop down label widget and add it on your blogger blog.Each label titles array alphabetically with number of posts.

  1. Sign in to your blogger account. 
  2. Then go to Layout at blogger left pannel and add lable widget. 
  3. Then go to Template-->Edit HTML.
  4. Click anywhere on the template editor and press Ctrl+f(windows) or Command+f(Mac).Then find Label1 code in your template.Now you will see a block of code like below.
 <b:widget id='Label1' locked='false' title='Labels' type='Label'/>

Now replace that codes using below code block.
<b:widget id='Label1' locked='false' title='Categories' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<select style='width:100%' onchange='location=this.options[this.selectedIndex].value;'>

<option>Choose a Category</option>

<b:loop values='data:labels' var='label'>

<option expr:value='data:label.url'><data:label.name/>

(<data:label.count/>)</option>

</b:loop> </select> <b:include name='quickedit'/> </div> </b:includable>

</b:widget>

Formating
  1. Replace Red color Categories with your desired title of the label drop down menu.
  2. width:100% define the width of drop down menu and you can change it with pixels.
  3. Change the title of the drop down menu instead of Choose a Category.
  4. If you don't want to display number of posts,remove above green color(<data:label.count/>) code.