Create and Submit your Blog Sitemap to Google

Blog Sitemap
Friends today I'll tell you how to build an XML sitemap of your new blog for Google for better SEO. When you create this blogger sitemap and submit Blog to Google and other search engines , it will help the search engines to easily find,crawl and index all your blog posts. This site map usually means Google site map and will increase your search rankings and daily traffic.

How to create and submit your blog sitemap to Google


Let's submit your blog sitemap to Google search engines with these simple steps below:

Step 1.  Login to your Google account and open http://www.google.com/webmasters/tools

Step 2.  Add your blog to Google. Click on "ADD A SITE" button

Step 3.  Write your Blog URL address, then open it.

Step 4.  Click on  Sitemaps , then click ADD/TEST SITEMAP.

Step 5.  Now add below piece of code to that and click submit:

atom.xml?redirect=false&start-index=1&max-results=500
If your blog has more than 500 posts than also add this code

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

As now your blog's all posts sitemap is submitted to Google.Google will check the sitemap and begin indexing your blog posts when it's determined the sitemap has no errors.

If you are having any trouble to submit sitemaps to Google search engine than ask in comments, and subscribe to my future posts by email to learn more blogging and SEO Tips.

SEO Experts In Pakistan and why you have to hire them?

Blog SEO Pakistan
Why you need SEO expert for your website or Blogs? have you ever thought about your website/blog have internet presence in major search engines where people can search about your business or brand? like Google, Yahoo, Bing and you should have such a instructor or Guidant who track, trace and make strategies about how can your blog website perform well in top search engines results.

SEO in Pakistan provide professional SEO services to their clients to deliver a premium results with white hat SEO techniques by writing articles, link building, On-Page SEO, Off-Page SEO, Visitor tracking and many other ethical ways to improve your websites visitors as well as internet presence.

Benefits of SEO Pakistan

If you are running an online business then SEO is main key term for the success or frailer of sales. People use search engines like Google, Yahoo to search their required things and search engines provide results. Basically SEO is the name of that professional technique which is use to boost your websites ranking on particular keyword or phrase. More you will optimize your content and keywords more you will get visitors.

Benefits of SEO In Pakistan


  • SEO gives more visitors to your website for a specific keyword(s)
  • SEO pump your website on top results in search engines
  • Search Engine Optimization add customer trust and professionalism to your brand
  • SEO provide your business more success and visibility
  • It boost your sales as compared before
  • Best SEO always kick other competitors and make your website top ranked

Contact me for SEO Services of your blog for only 1000 rupees Pakistani
You will give me your template and I'll fully optimize it for SEO to get better SEO and google search ranking.

Add Blog URL to Google Search Engine

Submit URL to Google
In today's post I will teach you how to submit your new blog URL to Google, Bing, Ask and Yahoo for free and get high traffic to your blog from these search engine submissions. When you add your blog URL, Search Engines will index your blog and enter or show in their search engine results page (SERP).

How to Submit Blog URL in Search Engines


Add URL to Google

Follow these steps to add your blog url in google search engine results for free.

Step 1.  Go to the following link: http://www.google.com/addurl/?continue=/addurl
Step 2.  Type in your URL, example: http://www.yoursite.com
Step 3.  Enter the captcha text shown in the box.
Step 4.  Now click Submit Request


Add URL to Bing and Yahoo

Follow these steps to add your blog url in Yahoo and Bing search engine results for free. 
Note: Bing and Yahoo are same search engines.

Step 1.  Go to the following link: http://www.bing.com/docs/submit.aspx
Step 2.  Type in your URL, example: http://www.yoursite.com
Step 3.  Enter the captcha text shown in the box.
Step 4.  Now click Submit

When you complete the above steps, submit your blog only once, after some days your blog will show in searches. Because it takes time for the search engines to index your pages. If you submit more than once, some search engines may consider this spamming which could result in not indexing your blog site at all.

Incoming search for:
google add url
add url to google
add url to google com
add url on google
add google url
google url add
add url google
add to google url
add a url to google
add my url to google
how to add url in google search for free

Enable Custom robots header tags for blogger SEO Traffic

enable Custom robots header tags in blogger
Blogger has recently introduced search preferences tab in Blogger and continually introducing new features in it to help fellow bloggers do better SEO of their blogs. This will help bloggers to increase your blogs traffic and get better google search results rankings.
One of the new features introduced by blogger's developers is Custom Robots Header Tags.This tool plays great role in our blog's Search Engine Optimization. Using it properly helps us to gain more visitors from search engines and hence our blog page views will also increase.
Also the search engine will not accept the duplicate content form your site so you can avoid your site duplicate content with the custom robots header tags settings.

What are Custom Robots Header Tags ?


These are all the header tags used in blogger and their usage/meaning is defined below.

all:  There are no restrictions for indexing or serving. This is default for all pages
noindex:  Do not show this page in search results and do not show a "Cached" link in search results.
nofollow:  Do not follow the links on this page
none:  Equivalent to noindex, nofollow
noarchive:  Do not show a "Cached" link in search results.
nosnippet:  Do not show a snippet in the search results for this page
noodp:  Do not use metadata from the Open Directory project (DMOZ) for titles or snippets shown for this page.
notranslate:  Do not offer translation of this page in other languages in search results.
noimageindex:  Do not index images on this page.
unavailable_after: [RFC-850 date/time]: Do not show this page in search results after the specified date/time. The date/time must be specified in the RFC 850 format. Example: 17 May 2012 15:00:00 PST

How to Enable Custom robots header tags in Blogger SEO

Follow these steps to enable Custom robots header tags in Blogger Blogs to increase your blog traffic and page views.

Step 1.  Log in to your blogger account Dashboard and click on your blog.
Step 2.  Go to Settings >> Search Preferences.
Step 3.  
Click on edit link in front of Custom Robots Header Tags and then click on Yes option.
Step 4. 
Once you click on the Yes you will see many options. Simply tick on the options as shown in the below image.
Best Custom robots header tags for blogger SEO Traffic

Step 5.  Now click on "Save changes" button and You are done!

That's all! If you have any doubt or need help about this post, please leave comment.

Custom Robots.txt file for Blogger/Blogspot blogs for SEO

Custom Robots.txt for blogger
Today I will show you How to Enable Custom Robot.txt File in Blogger for better SEO and search engine results?

Blogger now lets you edit your blog's robots.txt file. What are Robots.txt files, robots files are plain text files which instruct the search engines what to not index. Robot.txt is a way to tell search engines whether they are allow to index a page in the search result or not. The bots are automatic, and before they could access your site, they check the Robot.txt file to make sure whether they are allowed to crawl this page or not.

How to Enable Custom Robots.txt in Blogger


1. Blogger Dashboard >> Select Blog >> Select Settings tab >> Search Preferences

Robots.txt

2. Click on Edit in front of Custom robots.txt
3. Click on Yes and proceed to next step.
3. Next a box comes up and paste following given code.

User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow: /search
Allow: /
Sitemap: http://YOURBLOGURL.blogspot.com/feeds/posts/default?orderby=UPDATED
4. and finally click on Save Changes button to save code.

I hope this tip would help you. If you are having any issue regarding crawling then, feel free to leave your questions in the comments below and I would try to help you in solving them.

How to remove Blogger Navigation Bar?

Blogger Navigation Bar

In every blog there is a blogger default navigation bar (nav bar) of the above style. This nav bar make your blog look less professional. These navigation bars can be removed using a simple CSS one line code.

Also read: Remove Subscribe to: Posts (Atom) Link on Blogger

Removing Blogger Deafult Nav Bar


Apply these steps to remove the Blogger Navigation bar / Blogger Nav Bar.
Steps:

  • Log-in to your blog
  • Template >> HTML >> Proceed
  • Search For this code  ]]></b:skin>   (tip: Use CTRL+F)
  • Now Just above/before  ]]></b:skin>   insert following code

#navbar-iframe,#navbar { display: none !important; }

Save your template and view your blog. Blogger Navigation Bar will no longer be there.

Add SEO Meta Tags (Title and Description) in Blogger

SEO Meta Tags:

SEO Meta Tags:


Meta tags is a important things for SEO (Search Engine Optimization). The <meta> tag provides metadata about the HTML document. Meta tags will not be displayed on the page, but will be machine parsable. Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata. The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services. Google bots read meta tags of a site or blog and give these tags (title,keywords and description) information to google search engine, according to these tags your blog is showed in google search engine results pages (SERP's).

Meta Tags are most important and most useful for our blog's SEO. Also see updated post on Meta Tags

Put SEO Meta Tags in Blogger Template

Learn how to put Meta Tags in blogger template for better ranking in search engine results with easy steps.


Step 1.
Login to Blogger >> Go to Dashboard >> Template >> Edit Html

Step 2.
Find the following code [Tip: Ctrl+F]
<head>
This will be mostly on the main page of the template coding.


Step 3.
After/under this line paste the following code.
           <!-- Meta Tags ~  blogtipsuk.com  -->
 <meta content='Your Blog Description' name='description'/>
 <meta content='Keyword1,Keyword2,Keyword3' name='keywords'/>
 <meta content='Author Name' name='Author'/>
 <meta content='Author Email Address' name='Email'/>
 <meta content='all' name='robots'/>
 <meta content='index, follow' name='robots'/>
 <meta content='Language Name' name='language'/>
 <meta content='Country Name' name='country'/>
 <meta content='blogger' name='generator'/>
               <!-- /Meta Tags ~   blogtipsuk.com  -->

Step 4.
Change red color bolded text according to your choice.

Note:  write keywords in separate commas  i.e., write comma after every word.

Step 5.
Now save your template and you are done, your blog is optimized for SEO and Google will show your site/blog in search results

SEO Meta Tags in Google Search Engine Results Pages


Your Blog's Title and Description Tag will look like this in Google Search.

Title and Description Meta Tags

Recent/Latest Posts Widget For Blogger/Blogspot

Recent Posts Widget
You surely have seen on many blogs and websites a Recent Posts Widget in the sidebar that shows the recent or newest or latest posts of the certain blog or website. This widget shows how to write posts title for SEO, date of post and an image of the post and even a snippet of the post. So today we are going to learn how to make this widget for your blog with some very easy steps. So let's start now.



How to add Recent Posts Widget to Blogger


Step 1. Log in to your Blogger Dashboard, then go to Layout and click on Add a Gadget link
Step 2. From the pop-up window, scroll down and choose HTML/JavaScript.
Step 3. Select & Copy the code from one of the options below and paste it into the new HTML/JavaScript: 

Option 1: Recent posts widget with snippets

<div id="hlrpsa">
<script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://your-blog.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div>
<div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://www.blogtipsuk.com/2014/03/increase-traffic-visitors-to-blog-easily.html" target="_blank" title="Grab this Recent Posts Widget" alt="Increase blog Traffic tips">how to increase blog traffic in blogger</a> by <a href="http://www.blogtipsuk.com/" title="Recent Posts Widget"
alt="Blogger Tips and tricks">SEO Tips and Tricks</a></div><noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#hlrpsa a {color: #0B3861; font-size: 13px;} #rpdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0-1tVNqu1lB9droZgWAnXPpaGRggZZ0luRGlzqGaEgZpQxCwxWw4kXmf6rmtFTLX6ga7Rjo7qw92MtS-v4IVZUrDwkrY6F46mcqzI0w7eqX1vnfS2_KN9Zhyphenhyphen-ooA9XpgD3GOedCX3kwwk/s1600/blogger.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>


Option 2: Recent Posts Widget Showing Post Titles Only


<div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://your-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://www.blogtipsuk.com/2014/03/increase-traffic-visitors-to-blog-easily.html" target="_blank" title="Grab this Recent Posts Widget" alt="Increase blog Traffic tips">how to increase blog traffic in blogger</a> by <a href="http://www.blogtipsuk.com/" title="Recent Posts Widget"
alt="Blogger Tips and tricks">SEO Tips and Tricks</a></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;} #rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0-1tVNqu1lB9droZgWAnXPpaGRggZZ0luRGlzqGaEgZpQxCwxWw4kXmf6rmtFTLX6ga7Rjo7qw92MtS-v4IVZUrDwkrY6F46mcqzI0w7eqX1vnfS2_KN9Zhyphenhyphen-ooA9XpgD3GOedCX3kwwk/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

Step 4.

  • Change 5 (option 1) and 10 (option 2) with the number of posts you want to display. 
  • Change false to true if you want the posts dates to appear 
  • Change 100 (option 1) if you want more characters to be displayed.
  • To change the color and font size of the links, modify the values in blue (links) and violet (font-size)
  • To change the style of posts summary, modify the values in green (color) and orange (font size)
  • Replace the your-blog text with the name of your blog or if you have a custom domain change all the bolded line with your address.

Step 5. Save your widget. And that's it! Enjoy!

If you need any help, leave a comment below.
And if you liked this post, please consider sharing it. Thanks.

Add Custom Error Page (Page Not Found) in Blogger

Custom Error Page (Page Not Found)

What is Error 404 Page ?

This page appears only

1. When a reader reaches to a page that does not exist or

2. Reader type wrong permalink for a post or page. This type of link is known as broken link or Custom Page Not Found or (Error 404 Page).


Also Read: How to Remove "Powered By Blogger" Attribution from Blogger

How to Add Custom Error Page (Page Not Found) to Blogger

Now you can create a Custom Error 404 Page (Page Not Found) for Blogger blog. This error page design i'm giving you is an idea only (which i use in my blogs). This error page gives the users message that page is not found or currently unavailable. It also has a link to Homepage of the blog and a Search box for users to search within your site. You can create a custom error page as per your blog design and creativity. 

Follow these steps to apply this error page on your blog or website.

1. Blogger Dashboard >> Select Blog >> Select Settings tab >> Search Preferences
2. Now under Error and redirections you can find Custom Page Not Found. Next to this there is an Edit option. Now click on this.
3. Next a box comes up and paste following given code

<h3>Your requested page was not found</h3>
<p>Sorry, we cannot find the page that you are looking for. It might have been removed, had its name changed, or is temporarily unavailable.<br/>
Please check that the Web site address is spelled correctly.</p>
<b>Other things to try:</b><br/>
<ul>
<li>Go to our <a href="/">home page</a>, and use the menus or links to navigate to a specific post.</li>
<li>
<form method="get" action="/search">
<table width="100%">
<tr>
<td><input type="text" style="width:95%;padding:2px;" value="Search this blog.." onfocus="if (this.value == &quot;Search this blog..&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search this blog...&quot;;}" name="q"></td>
<td><input type="button" Value="Search"></td>
</tr>
</table>
</form>
</li>
</ul><br /><a href="http://bloggerseotipstraining.blogspot.com/2013/04/add-custom-error-page-not-found-in-blogger.html">Error Page from Blogger and SEO Tips</a>
 4. and finally click on Save Changes button to save code.

Now visit any page which is not a part of your blog e.g., ( www.yourhomepage.com/ssssss ) and see this beautiful error page working having a link to homepage and a search box.
If you have any question regarding this than comment down and ask, I'll try to answer your questions. Thanks.

Change 'Read More' or 'Jump Break' Link to Button in Blogger

Stylish Read More Button
Today I'm going to teach how you can insert read more link in your blogger posts.

After inserting your read more links in your blogger posts you can change them to stylish buttons of your choice.
Now first we will see how to insert read more links in the blogger posts.
"Back To Top" Button for Blogger

How to Insert 'Read More' links in Blogger Posts.


While writing a post in blogger post editor there is an option called "Jump Break" which can be used to insert the read more link anywhere you want in the post. See the image below.

how to insert jump break

That option is actually used to insert the Read More link inside a post in blogger. Click this option where you want to insert the Read More link. Usually people insert it after the first paragraph.

Inserting this Link will only show that part of the post that is above the "jump break" on the home page. In place of the remaining post it will show a link as 'read more' to read the full post.

You can actually change this text link to an image link or stylish button link.Now let us see how to change this link to buttons.

Change "Read More" Text link to Button.

Follow these steps to change the text with a button.

1. Go to Design tab >> click "Edit html" >> Tick "Expand widget Templates" checkbox
2. Find below text from search (Ctrl + F)

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

3. Now remove these words from the above code.
 + &quot;#more&quot;

Use Mouse Pointers in Blogger
4. After removing these codes your html will look like this.
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

5. Now look for these words
<data:post.jumpText/>
Replace it with your Text which you want to appear in the place of 'read more' or with your image url
 <img src="http://image-URL.png"/>

Inseert this Stylish Read More Button
6. If you want to insert this picture as your jump break button then put this code.
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZy-dG1DdzMFdVjbYMkjtdKL9vdxDFJlUwY4Mbd6qL39n88fAaO2i99erFfKcuhLb_5h4uLrCduA9sG3W3v_vOnR6r7LGkLtJhigeDUoozCN0tIAZ0dEPykdVHr9sVjRwRZwSd7CHd-97b/s1600/read+more+in+blogger.gif" width="87" height="47"/>

7. Now save your template ,everything is done. View your blog and see the button Working.

Change Older Posts,Home and Newer Post Links to Buttons in Blogger

In Blogger Blogs, there are newer posts, home and older posts links below every post. That's been set by default by blogger , but you can change them to buttons as mentioned above or the text of your choice. e.g.. next page or previous page.
Preivious, Home and Next Post Button

In this tutorial I'll teach you how you can change these links into buttons or change the text to your choice.
So let's start changing these links by some very simple steps.

Also Read Procedure to  Remove "Subscribe to: Posts (Atom)" Link on Blogger?

Change Older Posts,Home and Newer Post Links to Buttons in Blogger


Start the procedure by following below steps:

Log-in to Blogger dashboard
Go to Template >> HTML >> Check the Expand Widget Template

For Previous Post Button search for below code (tip: use CTRL+F)
<data:newerPageTitle/>
Replace it with this code below:
<img src="Img-Url-for-previous-button"/>


For Next Post Button search for this code:
<data:olderPageTitle/>
Replace it with this one below:
<img src="Img-url-for-next-button"/>


For Home Button search for this code:
 <data:homeMsg/>
The above code may appear twice, so both times replace it with below code:
<img src="img-url-for-home-button"/> 

Now save your template and you've done almost all steps :-)

Things to Remember



  • Change bold img tag URL's with your desired Button URL's or if you just want to change the text then only write the desired text (do not write any URL.)
  • You can download the buttons from Google then upload it on your blog new post to get the URL on the images, then copy that URL's and paste them in these codes and then visit your Blog and see the butons working.

If you have any questions regarding this post than comment below.

How to Remove Subscribe to: Posts (Atom) Link on Blogger?

In Blogger, there is a link namely "Subscribe to: Posts (Atom)" which appears below every post sometimes at left side or at center. It also appears on Blog'e home page. By clicking this link a visitor can subscribe to your RSS feeds. but instead of this unnatural link, there are many other awesome ways to give visitor the opportunity to subscribe to your blog feeds. 

Subscribe to: Posts (Atom) Link

Earn Money by clicking ads
Mostly people, especially new blogger users dislike this link. They want to make their blog more beautiful and shiny. So and therefore, they want to remove this link as quickly as they find a solution for it. There are many tricks have been shared on the internet about this issue. But the one I'm going to share, is the easiest method to remove this link from your blog. Let's now come straight to the solution.
Use Related Posts Widget in Blogger/Blogspot

How to Remove Subscribe to: Posts (Atom) Link on Blogger?


You can remove this link by using many tricks, but this is the simplest & quickest method, because by using this method we will just hide it from our blog by using CSS property. You'll have to add just one single CSS line to your blog's style sheet and that's all. Now follow the steps to do this:

You would also like to use:  Social Media Sharing Buttons in Blogger.

  • Log-in to your blog
  • Template >> HTML >> Proceed
  • Search For this code ]]></b:skin> (tip: Use CTRL+F)
  • Now Just above/before ]]></b:skin> insert following code

.feed-links { display:none !important; }
Save your template and view your blog. Feed Atom link will no longer be there.

Write Best Post Title For Search Engine Optimization(SEO)

Today we're going back to basics! And nothing is more basically important to a site than properly written title tags. You know the ones that used to appear in the little blue bars in your browsers. Most modern browsers try to hide these, though that doesn't stop them being helpful!

So what is a title tag? Why is it important to SEO, and how do you write the darn things?

Meta Tags:


First let's talk about meta tags. Meta elements are HTML or XHTML elements used to provide information about a web page for the search engines and website users.

Such elements must be placed as tags in the head section of a HTML document. These elements are the:

  • Title Tag
  • Description
  • Keywords (No one uses these anymore and you can get spam "points" for overuse on Bing, so just forget them. If you have keyword stuffed "spammy" ones, you probably want to fix those.)

What is a Post Title Tag?

Title tags are part of the meta tags that appear at the top of your HTML inside the < head> area. Think of title tags like the title of the chapter of a book. It tells people and search engines what your page is about.

Title tags are also part of what makes people decide whether to visit your site when it shows up in the search results. The title tag should contain important keywords to help the search engine determine what the page is about.

Write title tags for humans; format them for search engines.

NOTE: Every experienced SEO has their own unique methods to doing this, so I'm going to give you best practices along with some of my methods. However, there are a million ways to write a title tag.

What Does the Title Tag Look Like?

The title tag looks like this in your HTML code:

<title>Important Words Go Here</title>

Here is how title tags appear in a browser that uses the bar to display title tags (other browsers might only use the tab space or not show them at all):
Title Tags in Browser Bar

Finally, here's where Google shows the title tag:

Title Tags in Google Search

REMEMBER: A title tag is THE MOST IMPORTANT SINGLE TAG in your page. It tells the search engines what your page is about. It is still vitally important to your SEO strategy.

Quick Checklist

When you're writing your title tag what do you need to know? Here's a quick checklist with some tips on how to write optimized title tags:

Length: Title tags should be a maximum of 70 characters long, including spaces.
Keyword Placement: Your most important words (keywords) need to be first in your title tag, with your least important words being last in the title tag (most to least). However, if you're working in a language that reads right-to-left, then it is reversed, and it would be least important to most important.
Keyword Separation: Use pipes | to separate important (keyword) phrases (no commas, underscores, dashes or any other punctuation unless the keyword is written that way).
Wording: Keep your important phrases short and simple. Leave out words that would make it read like a sentence. (e.g., and, if, but, then, etc.)
Company Name: If your company name is not part of the important (keyword) phrases, put it at the end of the title tag; if it is part of your important words, put it as the first words in the title tag. Some SEOs will tell you to leave it out. You can leave it in for branding purposes – so people will see the brand and click. This isn't valid for all sites.
DON'T DUPLICATE Title Tags: They must be written differently for every page. Don't mass replicate your title tags.
Make It Relevant: Title tags must be written to be descriptive of the content on the page. (e.g., the About Page would be:
About | Important Keywords | Company Name

or

Important Keywords | About Us | Company Name.

Google & Title Tags

Sometimes Google doesn't like your title tag. In fact, sometimes Google thinks it can pick a better one, so it will rewrite the tag for you. There are several places it might get this information, most of them you won't prefer to one you crafted yourself.

While there isn't any assurance your title tag won't be replaced, make sure you write a title tag that is page related, content descriptive, short and sweet, and not keyword stuffed. This is your one defense.

Keyword Stuffed Title Tags

You've probably come across badly written title tags that try to rank for everything or repeat a word over and over. Keyword stuffing is the worst offense when it comes to title tags.

Say your site is trying to rank for Blue Bells and Yellow Bells. Many times you will see the main keyword repeated multiple times across the title tag. It might appear like this:

Blue Bells, Yellow Bells, All Types of Bells | Bells Bells and More | Doors.com

This is bad title tag writing. You don't need to repeatedly write the keyword. Google especially can pick up the keywords like your eyes can read them, so you would best to rewrite this as

Blue & Yellow Bells | Doorbells | Doors.com

We removed the extra words, combined the products (if possible you would split these products to separate pages, a blue and a yellow, but this isn't always feasible or desirable) and added a category keyword which would appear in the middle of the title tag on all doorbell related page titles, then end it with the domain name (again this is for branding purposes – there are also good reasons to not do this, it depends on the SEO).

Now our title tag is short, sweet, simple, and to the point. We have also categorized it and added in branding for good measure.

We also took out the word "and" and replaced it with an ampersand (&) so that you don't accidentally relate the two items and make Google think you want people who are looking for Blue AND Yellow Bells.

And there you go, a basic lesson in title tag writing. This can be the most challenging and fun part of any SEO's work! Or should that be "Inbound Marketer's" work?

Some Title Tag Writing Examples

Let's look at a few examples of writing title tags with actual examples.

If your important words (keywords) were "Charlie Sheen" and "Winning" your title tag would be written in that order:

Charlie Sheen Winning

Charlie Sheen would be the first words in the tag.

Now what if we had more than one set of words? What if my keywords were "Charlie Sheen Winning" and "Tiger's Blood"? Your title tag would still be written with "Charlie Sheen Winning" as the first words in the tag. Then you would add a pipe | and "Tiger's Blood" as the second phrase:

Charlie Sheen Winning | Tiger's Blood

Don't use hyphens, underscores, commas or any other type of character – just pipes.

Now what if we had more than one set of words and a company name we were not worried about optimizing for (the company name was not part of the reputation issue). If my words were "Charlie Sheen Winning" and "Tiger's Blood" and "CBS", you would separate these three phrases with pipes, with CBS last and farthest from the beginning, which Google sees as the least important phrase:

Charlie Sheen Winning | Tiger's Blood | CBS

The company name can be repeated in every title tag as long as it as not part of the important words and appears at the far right end of the title tag.

What about sentences? Couldn't you just write a sentence such as "Charlie Sheen Says Winning And Tiger's Blood And Gets CBS Riled Up"? You could, but those extra words like "says", "and", and "riled", dilute your important words and make them less important to content, so best to keep it short, simple, and clear. Leave out the extra words.


Title Tag Writing Pop Quiz!

When using strict SEO principles. Which are the BEST title tags for the important (keywords): (pick 2) "Charlie Sheen" "Winning" "Howard Stern Show" when optimizing (trying to rank for) the words "Charlie Sheen (1) Winning (2)"


  1. Charlie Sheen Winning on the Howard Stern Show
  2. Howard Stern Show & Charlie Sheen | Winning
  3. Charlie Sheen is Winning Points on the Howard Stern Show
  4. Charlie Sheen | Winning | Howard Stern Show
  5. Charlie Sheen and Howard Stern Winning the Show
  6. Winning | Charlie Sheen on the Howard Stern Show
  7. Charlie Sheen Winning | Howard Stern Show


Doesn't matter as long as the words are all there

If I were writing this, the correct answer would be No. 4.

How to Remove "Powered By Blogger" Attribution from Blogger?

Blogger Attribution
As many of you know that Blogger is completely developed in XML (Extensible Mark Up Language). Blogger has its own XML codes which you can use to add elements or to remove elements. Those who make Blogger templates must know XML. There are many attributes or links on default blogger templates which sometimes people don't want to see on their blogs. And one out of those links is "Powered By Blogger" Attribution which appears in every blogger default template at the footer.


So today, we will find the easiest and quickest way to remove this link.

Steps:

  1. Go to Blogger Dashboard.
  2. Now click on your Blog Title.
  3. Navigate to Template tab.
Blogger Template
Note: Before editing your template, you may want to save a copy of it. Back Up Your Template.




4. Click on Edit HTML button.

5. Click Proceed button to continue.

6. Now you have to find the code of attribution element. Search for the code snippet similar to below in the template,
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

7. Now alter the attribute locked value to false in the line of code, which cause element unable to remove.
i.e: <b:widget id='Attribution1' locked='false' title='' type='Attribution'>

8. Now you will able to remove attribution element. But still you won't be able to add any element to your page footer. So you need to change another line of code to allow adding elements to footer. Find the code snippet similar to below from the template.
<b:section class='foot' id='footer-3' showaddelement='no'>

9. Now change attribute value showaddelement to yes as below,
<b:section class='foot' id='footer-3' showaddelement='yes'>

10. Now Save template.

Blogger Layout

11. Navigate to Layout tab from left pane.




12. Find Attribution element bottom of the page.

Blogger Attribution Element




13. Click on Edit link correspond to the Attribution element.

14. Now click Remove button on pop up window.

15. Now Attribution element has been removed. You can add another element using bottom Add a Gadget link to add custom attribution or any other element.

16. Click Save arrangement button.

Enjoy :-)

Vertical Social Media Sharing Buttons Widget For Blogger

Vertical Social Media Sharing Buttons Widget For Blogger
Blogging becomes interesting when people share your content on different social media sites and other websites with friends. In order to share your content on social media sites by visitors; you need to add some beautiful and smashing social sharing widgets. If your widget is looking attractive and catches people's attention then your content might get shared by visitors. For this purpose, there has been a huge number of Blogger widgets and plugins by different designers. Today, I would like to share a floating social sharing widget with you which scrolls down automatically when visitors scroll down the page. You can see this widget on my blog. The same widget I'm sharing with you.

You would also like:  Facebook Widgets for Blogger

The Benefits of This Widget:

There are many advantages you can get by using this widget on your blog. The first benefit is that you can have all social sharing buttons in a single widget and also one can send your content to someone via email by using this widget. The second benefit is that this widget don't have loadable JavaScript or jQuery codes so it can easily be loaded by browser and also it scrolls down automatically and user can observe sharing your content somewhere, while visiting your blog.

You would also like:  Add Facebook Comments Box in Blogger

How to Add Social Media Floating Widget to Blogger?

The process of adding this widget to your blog is simplest. You need just to follow below steps:

1. Open Blogger
2. Go to Layout
3. Add a Gadget
4. Add HTML/JavaScript
5. Copy the below code and Save

<div <!–sidebar floating share buttons code start–>
<style>
#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#000000;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="Apply this Widget on your website or Blog">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="UmarKhaleeq">Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<br/><div style="clear: both;font-size: 9px;text-align:center;">[<a href="http://bloggerseotipstraining.blogspot.com/2013/03/vertical-social-media-sharing-buttons-blogger.html">share buttons Blogger</a>]<font></font></div></div>
<!–sidebar floating share buttons code end–></!–sidebar></!–sidebar>


6. Save Arrangement


Customization

The floating is set to left side of your blog, if you want set it for right side of your blog then simply change the bolded  float:left property to float:right.

What is Blog, Blogging ? Blogger.com


Blog Blogger.com

Noun:
A Web site on which an individual or group of users record opinions, information, etc. on a regular basis.
Verb:
Add new material to or regularly update a blog.

Definition


A blog is a discussion or informational site published on the World Wide Web and consisting of discrete entries ("posts") typically displayed in reverse chronological order (the most recent post appears first).

In Simple Words:
Short for Web log, a blog is a Web page that serves as a publicly accessible personal journal for an individual. Typically updated daily, blogs often reflect the personality of the author.

A Blogger is a person who blogs.