How To create a sitelinks through webmaster tools

How To create a sitelinks through webmaster tools

our site links provided a page rink and index our site a google search engine. our sitelinks is very important . if any people any keywords search in google search engine ralated our keywords our site is top of list how to create a site links through webmaster tools . very simple sign in google webmaster tools throush your gmail account. and click of your site and then

and click the search appearance and then click the site links . copy your site post url and past in demote this sitelinks url. and uper see the for this search result past your post title.thanks 

How to Optimize Post Title in our blog

How to Optimize Post Title in our blog

this is a blogger customization if our blogger have not a customization then our blog have no page rank and no index in search engine. so complete the customization then your blog index in google search engine and your post show in google search engine how to optimize post title in your blog see this 

sign in the blogger dashboard and click the template and click the edit html

and now click the the ctrl+f  open a box and this box name search box.

and now copy this text and past in your find box

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

find this code in find box this code is high lite in your html coding aero key 2 cut this html code and past this html code in your html coding 

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

<title><data:blog.pageName/> |<data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title> </b:if>

How To Submit Blogger Sitemap To Google Webmaster Tools?

How To Submit Blogger Sitemap To Google Webmaster Tools?

To be successful in your blogging career you must have to generate decent organic traffic to your blog. By the term “organic traffic” I mean the traffic which comes to your blog through search engines like Google. If you are a new blogger then you should be aware with the Google Webmaster Tools. This is a great tool which is provided by Google itself. It helps your blog being indexed in Google and improve its crawling rate. You just need to verify your blog ownership in Google Webmaster Tools and then submit a simple sitemap. It is very important to submit blogger sitemap to Google in terms of SEO which tells Google about your blog and its content. Whenever you update your blog with new posts, your sitemap helps to index them easily in search engines. This is the topic of my today’s post. Let see how to add blogger sitemap to Google Webmaster Tools.

Submit Blogger Sitemap To Google Webmaster Tools

Below are some easy steps you have to go through in terms to submit your blogspot blog sitemap.

• Sign in to Google Webmaster Tools.
• Click on the blog title for which you want to add sitemap.
• Click on sitemap button as shown below.

• At the top right corner of the page, press Add/Test sitemap button.

• Once you click on the button, a small box will appear as shown in the screenshot below.

• Add the below code in the text field.

atom.xml?redirect=false&start-index=1&max-results=500

This is the sitemap code for your blogger blog which you need to add.

• Press “Submit Sitemap” button.
• Refresh the page.

Congratulation! You have finish the process of submitting your blog sitemap.

Note: The above sitemap will work for 500 posts only. If you have more than 500 posts published in your blog, then you have to add one more sitemap. Whole procedure will be same but at this time you have to add this code.

atom.xml?redirect=false&start-index=500&max-results=1000

How to Add Custom Robots.txt file in Blogger

What is Robots.txt?

Robots.txt is a text file which contains few lines of simple code. It is saved on the website or blog’s server which instruct the web crawlers to how to index and crawl your blog in the search results. That means 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, your demo page or any other pages that are not as important to get indexed. Always remember that search crawlers scan the robots.txt file before crawling any web page.

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

Explanation

This code is divided into three sections. Let’s first study each of them after that we will learn how to add custom robots.txt file in blogspot blogs.

1. User-agent: Mediapartners-Google

This code is for Google Adsense robots which help them to serve 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 arerestricted 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.

http://www.bloggertipstricks.com/search/label/SEO

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.

Disallow Particular Post
Now suppose if we want to exclude a particular post from indexing then we can add below lines in the code.

Disallow: /yyyy/mm/post-url.html

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 March then we have to use below format.

Disallow: /2013/03/post-url.html

To make this task easy, you can simply copy the post URL and remove the blog name from the beginning.

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. Means whenever the web crawlers scan our robots.txt file they will find a path to our sitemap where all the links of our published posts present. Web crawlers will find it easy to crawl all of our posts. Hence, there are better chances that web crawlers crawl all of our blog posts without ignoring a single one.
Note: This sitemap will only tell the web crawlers about the recent 25 posts. If you want to increase the number of link in your sitemap then replace default sitemap with below one. It will work for first 500 recent posts

How to block a web site in Windows 7

How to block a web site in Windows 7
Windows operating system is having some many features that are not visible to all. One such feature is blocking the web sites which we don't want to see. You children may browser your system and you want to block some known sites like games, other adult sites. In Windows Vista and Windows 7 operating system you can block the sites without any 3rd party software.

All you need to do is to add the web sites in hosts file which is in Windows system folder. This is not a new concept which exists in old version of Windows operating system. It requires administrator permission to modify and save the hosts file.

Host file will map the IP address to a host and it is controlled by the administrator of the system.

To block Web sites

Open the location C:\Windows\System32\drivers\etc and you can see a list of files.

Open the hosts file in a notepad and you can a default address with 126.0.0.1 and localhost. Below that add the web sites that you want to block. One web site can be added in one line (check the below screen shot) Enter the Default IP address and the website address name

All the IP address should be 127.0.0.1 and the web sites can be any web sites that you want to block. Once you added all the web sites save the file. Even as a administrator you cannot edit the file. You need to assign permission to edit the file and you can start editing the file. Any time you can edit the hosts file and you can add or remove the web sites to allow or block.

Do not depend on this host's file alone. You can use some software to block the web sites. Make this file as ready only so that the other standard uses cannot modify the hosts file.

How to Add Alexa traffic rank Stats Badge on your Blog and Website

Everyone who has a website or Blog should know about Alexa website.it not just a website.Today Alexa traffic rank is valid measure that count the popularity of each site. Alexa traffic rank is updated daily. Which means you're not to worry about how will my Alexa rank improve and how I can attract advisers and improve my online presence.The value of Alexa traffic ranks is very important as a webmaster.Because advertisers check the Alexa rank of the site before dealing with site.So proceeding good Rank in Alexa is really important as a web site owner.

Alexa Inc provides some Widgets for wbmasters and bloggers. One of these gadgets is Alexa traffic rank badge or rank stats widget.It show the alexa rank of particular site andalexa backlinks.By displaying one stats widgets on your site,You can build trust of advisors also amaze your readers.I have brought some codes of these badges.You can add one of desired Alexa traffic rank badges below to your blog or website.


Small Button  (120 x 65)

<a href="http://www.alexa.com/siteinfo/Your_site_Address"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/t/a?url=Your_site_Address'></script></a>


Regular Button  (120 x 90)

<a href="http://www.alexa.com/siteinfo/Your_site_Address"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/t/b?url=Your_site_Address'></script></a>

Replace Your_site_Address  with your website's or blog's URL.Below is an example code ofAlexa badge.

<a href="http://www.alexa.com/siteinfo/bestlodge.blogspot.com"><script src="http://xslt.alexa.com/site_stats/js/s/a?url=bestlodge.blogspot.com" type="text/javascript"></script></a>

If you have any question adding Alexa traffic rank on your site ask me below.

What is the Alexa rank of your site? I would like to hear...

How to change Font Size of your blogger blog pages?

How to change Font Size of your blogger blog pages

One considerable aspect of any success blogger is its DESIGN. Template setup,Widget settings and content settings are belonged to Design.Readership and Readability are dominant factors that must have in any site.You know it.Having suitable content width, font size of any blog gives many advantages such as increasing the conversion rate and pageviews per user and also unique page views.

Some users confuse to realize the content of some blogs.Any blog receives the visitors from different of ages.Twenty age visitors can read the content speedily than other readers. Forty age readers get more time to read the content.also some of them aguise pair of spectacles.Sixty age readers get most time to read the articles than other younger readers.most of them ZOOM the web page to read the article clearly.We want all these readers.

READERS ARE THE FOUNDATION OF EXISTENCE OF ANY SITE

In this tutorial you will learn how to change the Font size of your body copy.Font size of your blog is different from each blogs.It is depended on your blog niche,Template/Theme and your writing style.But having undisguised font size is really good for any site.I distinguish that having 16px or more than font size on your site is really good.(16px is equal to 1em),You may think that 16px fonts are big,but it is not.Font Family for "Georgia" and 16px font size is matching for any site.But,don't increase your font size more than your headlines.It will confuse you  and especially your readers.Now let's learn how to change your blogger blog content font size easily.

.....................................................................................................................................

Change the Font size of your blog

.....................................................................................................................................

1. Sign in to your blogger account.

2. Go to your Blogger Dashboard--> Select one blog --> Template -->Edit HTML.

3. Now find body selector code on your template within skin tags.

4. You will be found similar Css code like below.

body{
margin: 0;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 14px;
text-align: center;
vertical-align: top;
background: #d7d2bc url() top center no-repeat;
color: #212121; }

If you blogger Template has used Variable definitions,codes will like this.

body {
  font: $(body.font);  color: $(body.text.color);
  background: $(body.background);
  padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
  $(body.background.override)
} 

I will explain you to change font size on these both templates.

As in above first code,If your template has given font size straightly,you can change your blog's font size easily.You just need to replace 14px with any suitable width.It is not inevitable to use the measure as px(Pixels).You can use mm,cm,in,em,pt ...etc some measures too.If you replace 14px with 16px,the whole CSS code will look like this.

body{
margin: 0;
font-family: Georgia,Arial, Helvetica, Sans-serif;
font-size: 16px;
text-align: center;
vertical-align: top;
background: #d7d2bc url() top center no-repeat;
color: #212121; }

If your blog has used Variables,you must do some changes on variable definitions to adjust the font size.First find the Variable definition on your template.usually it is just under the skintag (<b:skin><![CDATA[/*) on most of blogs.It may difficult you to find out the code on your template.As in above second code,font size shows in  font: $(body.font); code.To get relevant variable of body font,search variable name using Inbuilt searching tool on your template editor.As above example code varable name is body.font.Now you will see similar code like below,

<Group description="Page Text" selector="body">
     <Variable name="body.font" description="Font" type="font"
         default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="body.text.color" description="Text Color" type="color" default="#222222" value="#222222"/>
   </Group>

Now replace your font size to be displayed on the blog instead of red 12px.Don't forget to replace both numbers(Default and Value) with your font size.If you didn't put equal numbers to both positions,it will not work.

5. At last,Save your template.

You're done.If you have any problem changing the font size of your blog,feel free to ask me.Happy Blogging:)

How to Create static pages in Blogger

How to Create static pages in Blogger

What are Blogger static pages?

Blogger allows you to make specific pages like About me,Contact me,Privacy & Terms etc. These pages are Stand-alone pages.You can publish static information on these pages.Static pages are similar to post pages.But There are some differences between post pages and static pages.Static pages are not shown on homepage and not included in Labels.Address of static page is different than usual post pages(Not include the date).It also static pages are not indexed as Archive pages.But Static pages are ranked in Search results highly than some posts.Keyword-rich static pages can rank in higher positions in your search queries.

How to create Static pages?

Step 1 : Sign in to your Blogger account.
Step 2 : Now click on "pages" from the drop down menu near the your blog's title.

Step 3 : Click New page-> Blank page.

Step 4 : Now type your page content from "Compose" mode or edit its content clicking on "HTML" button.

Step 5 : After you add content to page,Click on Preview button to see how it will appear on your blog.

Step 6 : When you finished editing the page,click on Publish button to publicize your static page.

Step 7 : Now you have three options to link your static page on your blog.

1. Keep your page link on the top of blog as a navigation menu.- Top tabs
2. Add page's link on your sidebar as a vertical menu link- Side links
3. Hide your page from blog.You can link that page manually on your Template/Menu bar.-Don't show

Step 8 : After you set the page link on your blog,click on "Save arrangements" button.

You're done.If you want to edit your page content again,click on "Edit" link bottom of your page title.Then edit your page content and after that click on "Update" button.

If you want another static page for your blog,repeat above steps.that's all.If you have any problem with creating new static page,feel free to ask from commenting section in below.

How To Add Horizontal menu bar for Blogger

How To Add Horizontal menu bar for Blogger

Step 1:  Sign in to your Blogger account.
Step 2:  From Blogger Dashboard,go to Layout.
Step 3:  Now click on "Add Gadget" link and find HTML/JavaScript element on the pop up window.
Step 4:  Paste below codes on your "HTML/JavaScript" element and make below changes on the given codes.

<style>
#hrnav05 {
list-style-type:none;
padding:0px;
margin:0px;
font-family:Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
font-size:18px;
}
#hrnav05 li {
display:inline;
float:left;
margin:0px;
}
#hrnav05 li a {
color:#EDEA3B;
padding:11px;
text-decoration:none;
text-transform:capitalize;
background:#B7B7B7;
border-style:solid;
border-color:transparent;
border-width:3px;
-moz-transition:all 250ms ease-out;
-webkit-transition:all 250ms ease-out;
-o-transition:all 250ms ease-out;
transition:all 250ms ease-out;
}
#hrnav05 li a:hover {
color:#B20000;
border-style:solid;
border-color:#B0B0B0;
box-shadow:inset 0px 0px 8px 10px #ccc;
-moz-transition:all .3s ease-in ;
-webkit-transition:all .3s ease-in ;
-o-transition:all .3s ease-in ;
transition:all .3s ease-in ;
}
</style>
<br/>
<div id="hrnav05">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Currency converter</a></li>
<li><a href="#">Our Group</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>

- Replace red color #  with your target Urls such as your blog pages,specific posts or labels.
- Type the titles/names of your target Urls.

Step 5: Now Save your HTML/JavaScript.

..............................................................................................................................
More Information about customization
...............................................................................................................................

This navigation widget has been used hovering effects.You can change the default background color replacing the color name or hexadecimal number instead of #B7B7B7 .Also do same thing to the text color (color:#EDEA3B; ).You can change the both default and hovering effects.If you need any help,do comment in below.Happy blogging :)