Jumat, 20 Februari 2009

Create Search Engine Friendly Permalinks for Blogger

For any webmaster of a Blogger Blogspot blog good permalinks will help ensure that your traffic finds your site and is an important SEO consideration. Care needs to be taken to craft permalinks that are keyword rich and accurately describe your post. In this article I discuss how to manage the permalinks of each post to ensure you make the most of them.

What are Permalinks?
Permalinks are the permanent links to a post page. Blogger automatically generates a permalink based on the title of your post. Permalinks provide information to the viewer about the kind of content being pointed to.

Permalinks create permanent links to your Blogger posts which are indexed by search engines such as Google. Search engines use permalinks to categorise posts. Browsers use permalinks to help navigate to your posts. When you hover over a permalink in your browser you can read the post name in the status bar.

The permalink for this article is:

http://blogknowhow.blogspot.com/2009/02/improved-permalinks-for-blogger-posts


Permalink View in Browser

Tips for Working With Permalinks in Blogger
While other blogging software such as Wordpress allows the user to edit permalinks Blogger has no such feature. For this reason care needs to be taken when creating titles for your posts as the permalink generated from the title can't be changed later. The original permalink assigned at the point that the post is created remains the same no matter how many times you change the title of your post.

Another issue with Blogger is that it takes only the first 35-40 characters of your title to create the permalink so if you have a longer title you can run into problems. My suggestion is that you design your titles carefully if you want to avoid losing the end characters from your permalink. For instance a long title such as the one below would result in a shortened permalink which would lose the important fact that this post is related to working with Blogger:

http://blogknowhow.blogspot.com/2009/01/how-to-create-user-friendly-permalinks-for-your-blogger-posts

Fortunately there is a way around this problem. You will need to publish and then republish as I did with this post. The method involves creating a shorter title that will adequately summarise the content of your post (eg Improved Permalinks for Blogger Posts) and then publishing your post. Now go back and change the title to the one you prefer. In this case I changed the title to "How to Create User Friendly Permalinks For Your Blogger Posts." Now your title can be as long as you like. As you can see mine is longer than 40 characters. The permalink, however has remained the same even though the title has changed.

You can use this trick to create eye catching and memorable titles. It will also ensure that the permalink reflects a concise title and that unnecessary details in the permalink are removed. Creating concise permalinks is important for Search Engine Optimisation. Read more about Search Engine Optimisation in this blogs tutorial Tips for Search Engline Optimisation.

This tutorial has concentrated on crafting good permalinks as an SEO principle. It has covered ways to improve the permalinks of a Blogger blogspot blog to ensure they are keyword rich and accurately reflect the content of the post. Make sure you make the most of permalinks and see the difference in site traffic.

Kamis, 19 Februari 2009

Submit Your Blogspot Blog Sitemap to Google

I often see questions from beginner bloggers in forums about adding a sitemap of their Blogspot blog to Google. This is surprisingly easy to do although there is virtually no documentation about how to go about it. That's why I have written this tutorial with the beginner blogger in mind. It provides a set of simple step by step instructions to guide you through the process of adding a sitemap to Google. By following this tutorial you will have your Blogspot sitemap added to Google in less than 5 minutes flat.

Why Add a Sitemap to Google?
As Google owns the Blogger.com platform most sites are indexed by Google automatically. However, you might find as I have done that this process doesn't always run as smoothly or as quickly as you might like. Manually adding a sitemap to Google has some distinct advantages:

More likely to have timely indexing of your blog

More likely that all URLs on your site will be accessed

More frequent updating of your blog index in response to new posts

Increase in site traffic as a result of all your pages being indexed


Step by Step Guide to Adding Sitemap to Google
Follow this step by step walkthrough of how to add a sitemap to Google to your Blogspot Blog and begin enjoying the benefits.

1. Sign in to Google Webmaster Tools
Once set up this site will give you detailed analysis about how Google indexes your blog. Best way to get to Google Webmaster tools is to click on My Account on the Blogger Navbar and then choose Google Webmaster Tools from the list.

2. Navigate to the Webmaster Tools Dashboard
Directly below the word "Dashboard" in the top lefthand corner you will see the option to add a site. Click once inside the box to remove the default text. Now enter the full URL of your site in the box including the prefix http:// and click on the "Add Site" button. For example to add this site "blogknowhow" you would enter http://blogknowhow.blogspot.com/

3. Navigate to Webmaster Tools Overview
If all is going well you will now see your site in a list below the "Add Site" box. Click on your site in the list and you will be taken to "Dashboard>>Overview." It is easy to check you are in the right place as your site name will be listed in blue below the word "Overview".

In the overview menu you will find details about Google's current indexing of your site. If Google hasn't indexed your site yet you will see the message "No pages from your site are currently included in Google's index" displayed. Alternatively if Google has already discovered your site then you will get the following message "Googlebot has successfully accessed your home page" and "Pages from your site are included in Google's index."

4. Select Method of Verifying Your Site
Whether the pages of your site have been indexed or not you will be asked to click on the "Verify Your Site" link in the yellow box. At this point you will be given 2 options: one to verify your site by uploading an HTML file and the other by inserting a meta tag into the HTML coding on your site. As you do not have access to the server on Blogspot you will need to choose the second option. To do this select "add a meta tag" in the dropdown menu entitled "Choose Verification Method."

Immediately you make your choice you will be presented with a couple of lines of text which you will need to copy to the clipboard of your computer.

5. Go to Blogger Layout Tab of Your Site in a New Window
In another window open Blogger and sign in if you are not already signed in. From the Dashboard navigate to the "Layout" menu of your blog by clicking on the Layout tab. If you have created more than one blog make sure that you click on the appropriate title of your blog.

6. Edit the Template of Your Blog in Blogger
In the Layout menu follow the “Edit HTML” link (third from left under the Layout tab). At this point you need to search through the coding in the template for the first "Head" tag. This will be somewhere between line 7 and 10 from the top. Once you have located the correct spot paste the code for the metatag you created in Step 4 directly into the template taking care not to overwrite any existing code. Click on the "Save Template" button to update your blog.

If you wish to err on the side of caution you might consider backing up your template before you make any changes to it however as long as you are careful this precaution is probably not necessary.

Blogger Layout Edit HTML menu

8. Return to Webmaster Tools and Verify Site
Once you have saved the changes to your template return to Webmaster Tools and click on the "Verify" button at the bottom of the page in the "Dashboard>>Verify a Site" screen. You will then receive coonfirmation from Google that your site has been verified.

9. Navigate to Sitemaps in Webmaster Tools
Once your site is verified you can now move on to adding your sitemap. To do this navigate to Sitemaps by following the "Sitemaps" link in the sidemenu. This will take you to "Dashboard >> Sitemaps" where you will see a box with the URL of your site already added. Next to the box will be a button labelled "Submit Sitemap."

10. Add Sitemap in Webmaster Tools
As your blog was created in Blogspot we are going to make use of the rss or atom feed. Either can be used for this purpose.

On the Sitemaps page in Webmaster Tools type either atom.xml or rss.xml into the box provided to extend the displayed URL and click on the "Submit Sitemap" button. Using the same example as before http://blogknowhow.blogspot.com/ becomes either

http://blogknowhow.blogspot.com/atom.xml
or
http://blogknowhow.blogspot.com/rss.xml

All going well Google will then display a message indicating that your sitemap submission is pending. It can take some hours for your sitemap to be fully updated by Google. At that point you will be able to see the number of URLs identified by Google and the time of the last download. This is useful information as it will help you keep tabs on your for your Blogger.com blog site and identify any URLs that may be being missed. Now that you have your sitemap in place you can look forward to increased traffic as more visitors will now be able to find your site.

Google Webmaster Tools Sitemaps


Read This If Your Feed is Being Redirected
If you are redirecting your feed because you are using Feedburner for example you will need to add a query parameter to stop the redirect so that it will act as a sitemap.

Therefore instead of adding atom.xml you will need to add atom.xml?redirect=false to the site URL in the "Submit Sitemap" box. Thus http://blogknowhow.blogspot.com/atom.xml becomes http://blogknowhow.blogspot.com/atom.xml?redirect=false

If you have a lot of posts it would be worth your while adding the following parameter to have all your posts included:
atom.xml?redirect=false&start-index=1&max-results=100

In the above example Google will index your first 100 posts. If you have more than 100 posts you can create another sitemap in which case you would start your index at 101 instead of 1.

This tutorial has guided you through the process of authenticating your Blogger blog at Google Webmaster and adding a sitemap to ensure better crawling and indexing of your website.

Add a Sitemap to Your Blogspot Blog

I often see questions from beginner bloggers in forums about adding a sitemap of their Blogspot blog to Google. This is surprisingly easy to do although there is virtually no documentation about how to go about it. That's why I have written this tutorial with the beginner blogger in mind. It provides a set of simple step by step instructions to guide you through the process of adding a sitemap to Google. By following this tutorial you will have your Blogspot sitemap added to Google in less than 5 minutes flat.

Why Add a Sitemap to Google?
As Google owns the Blogger.com platform most sites are indexed by Google automatically. However, you might find as I have done that this process doesn't always run as smoothly or as quickly as you might like. Manually adding a sitemap to Google has some distinct advantages:

More likely to have timely indexing of your blog

More likely that all URLs on your site will be accessed

More frequent updating of your blog index in response to new posts

Increase in site traffic as a result of all your pages being indexed


Step by Step Guide to Adding Sitemap to Google
Follow this step by step walkthrough of how to add a sitemap to Google to your Blogspot Blog and begin enjoying the benefits.

1. Sign in to Google Webmaster Tools
Once set up this site will give you detailed analysis about how Google indexes your blog.

2. Navigate to the Webmaster Tools Dashboard
Directly below the word "Dashboard" in the top lefthand corner you will see the option to add a site. Click once inside the box to remove the default text. Now enter the full URL of your site in the box including the prefix http:// and click on the "Add Site" button. For example to add this site "blogknowhow" you would enter http://blogknowhow.blogspot.com/

3. Navigate to Webmaster Tools Overview
If all is going well you will now see your site in a list below the "Add Site" box. Click on your site in the list and you will be taken to "Dashboard>>Overview." It is easy to check you are in the right place as your site name will be listed in blue below the word "Overview".

In the overview menu you will find details about Google's current indexing of your site. If Google hasn't indexed your site yet you will see the message "No pages from your site are currently included in Google's index" displayed. Alternatively if Google has already discovered your site then you will get the following message "Googlebot has successfully accessed your home page" and "Pages from your site are included in Google's index."

4. Select Method of Verifying Your Site
Whether the pages of your site have been indexed or not you will be asked to click on the "Verify Your Site" link in the yellow box. At this point you will be given 2 options: one to verify your site by uploading an HTML file and the other by inserting a meta tag into the HTML coding on your site. As you do not have access to the server on Blogspot you will need to choose the second option. To do this select "add a meta tag" in the dropdown menu entitled "Choose Verification Method."

Immediately you make your choice you will be presented with a couple of lines of text which you will need to copy to the clipboard of your computer.

5. Go to Blogger Layout Tab of Your Site in a New Window
In another window open Blogger and sign in if you are not already signed in. From the Dashboard navigate to the "Layout" menu of your blog by clicking on the Layout tab. If you have created more than one blog make sure that you click on the appropriate title of your blog.

6. Edit the Template of Your Blog in Blogger
In the Layout menu follow the “Edit HTML” link (third from left under the Layout tab). At this point you need to search through the coding in the template for the first "Head" tag. This will be somewhere between line 7 and 10 from the top. Once you have located the correct spot paste the code for the metatag you created in Step 4 directly into the template taking care not to overwrite any existing code. Click on the "Save Template" button to update your blog.

If you wish to err on the side of caution you might consider backing up your template before you make any changes to it however as long as you are careful this precaution is probably not necessary.

Blogger Layout Edit HTML menu

8. Return to Webmaster Tools and Verify Site
Once you have saved the changes to your template return to Webmaster Tools and click on the "Verify" button at the bottom of the page in the "Dashboard>>Verify a Site" screen. You will then receive coonfirmation from Google that your site has been verified.

9. Navigate to Sitemaps in Webmaster Tools
Once your site is verified you can now move on to adding your sitemap. To do this navigate to Sitemaps by following the "Sitemaps" link in the sidemenu. This will take you to "Dashboard >> Sitemaps" where you will see a box with the URL of your site already added. Next to the box will be a button labelled "Submit Sitemap."

10. Add Sitemap in Webmaster Tools
As your blog was created in Blogspot we are going to make use of the rss or atom feed. Either can be used for this purpose.

On the Sitemaps page in Webmaster Tools type either atom.xml or rss.xml into the box provided to extend the displayed URL and click on the "Submit Sitemap" button. Using the same example as before http://blogknowhow.blogspot.com/ becomes either

http://blogknowhow.blogspot.com/atom.xml
or
http://blogknowhow.blogspot.com/rss.xml

All going well Google will then display a message indicating that your sitemap submission is pending. It can take some hours for your sitemap to be fully updated by Google. At that point you will be able to see the number of URLs identified by Google and the time of the last download. This is useful information as it will help you keep tabs on your for your Blogger.com blog site and identify any URLs that may be being missed. Now that you have your sitemap in place you can look forward to increased traffic as more visitors will now be able to find your site.

Google Webmaster Tools Sitemaps


Read This If Your Feed is Being Redirected
If you are redirecting your feed because you are using Feedburner for example you will need to add a query parameter to stop the redirect so that it will act as a sitemap.

Therefore instead of adding atom.xml you will need to add atom.xml?redirect=false to the site URL in the "Submit Sitemap" box. Thus http://blogknowhow.blogspot.com/atom.xml becomes http://blogknowhow.blogspot.com/atom.xml?redirect=false

If you have a lot of posts it would be worth your while adding the following parameter to have all your posts included:
atom.xml?redirect=false&start-index=1&max-results=100

In the above example Google will index your first 100 posts. If you have more than 100 posts you can create another sitemap in which case you would start your index at 101 instead of 1.

This tutorial has guided you through the process of authenticating your Blogger blog at Google Webmaster and adding a sitemap to ensure better crawling and indexing of your website.

Related Articles
List of Blog Know How Blogger Tutorials
10 Tips to Build Site Traffic for a Blogspot Blog

Senin, 09 Februari 2009

Add a Social Bookmarking Button to Blogger

In this tutorial you will learn how to add an Add This free Social Bookmarking button to your Blogger blog (Blogspot) blog. By adding this feature to your blog you will enable visitors to your blog to create links to popular social bookmarking sites such as Google, Technorati, Facebook, MySpace, Digg, Stumble Upon, Reddit, Delicious, Furl, Yahoo etc. Adding personal social bookmarks enables visitors to share these links with others thereby helping you attract more traffic to your site. For more information on the benefits of social bookmarking please refer to my article - Benefits of Social Bookmarking for Blogger bloggers.

Add This Share ButtonThis tutorial shows you how to place a social bookmarking button on your site by accessing a free social bookmark and feed button builder service called Add This. Add This will supply you with a simple piece of code which when placed in a widget will insert a social bookmarking button either at the end of each post or in the sidebar. If you wish you can add the social bookmarking button to both as I have done on this site. For those new to blogging don't worry if this sounds complicated as this article gives you step by step instructions suitable for any Blogger user including beginners.

How does an Add This Social Bookmarking Button Work?
The code from Add This places a button on your site which when clicked on by a visitor to your site opens a menu of the most popular social bookmarking services. When a selection is made by a visitor eg Delicious, Yahoo, Google, Facebook, MySpace, Stumble Upon they are given the option to submit your blog to their online bookmarks. Once a visitor submits your blog to a social bookmarking service Add This can provide you with useful analytics about bookmarks, feeds and emails depending on which buttons you enable on your site. This kind of statistical information from Add This will help you gain greater understanding of your site traffic and your most popular posts.

Add This Social Bookmarking Options


Steps for Adding a Social Bookmarking Button from Add This to Your Blogger Blog

1. Register for a free account with Add This

Add This Sign Up for a Free Account Page

2. Once you supply a username, email address, password and your website address sign up is pretty much instanteous.

3. After sign up is confirmed click on Get Your Button. This will take you to the Create Your Button Page

Add This Create a Button Page

4. On the Create Your Button page you will be asked to make some selections about your social bookmarking button.

What kind of Button? Select Sharing/bookmarking button

What Look? Choose any of the six button choices. For this example I am going to select the share button

Select Add This Share Button

Where? Select on a blog

Blogger Platform? Select Blogger

At this point the information your have entered should look like the picture below:

Add This Create a Button Page

Once you have confirmed that you have entered the correct information click on the Get Your Code button and you will be taken to the Get Your Code page.

5. From the Get Your Code page you will be given the option to Preview your button. Do so if you wish or move on to Step 6.


Having generated the code for your Add This Social Bookmarking button you now need to decide where to position it on your blog. You may either place your new Social Bookmarking Button beneath each post (see below) or in a sidebar.


Instructions for Placing a Social Bookmarking Button Beneath Each Post of Your Blogger Blog

Click on Blog Post Button option.

Highlight the Javascript code supplied by Add This

Copy the code to the Clipboard of your computer using Ctrl + C command

In a new window open your Blogger Blog and sign in

Navigate to Layout > Edit HTML

As a precaution Backup your template in case you inadvertently overwrite some code.

Once you have backed up place a tick in the Expand Widget Templates checkbox

Use the Ctrl + F command to open the toolbar which will appear at the bottom of your page while using Blogger. You can close this at any time using the Ctrl + F command or by clicking on the blue cross in the lefthand corner.

Now highlight the following line of code and using the Ctrl + C command copy and paste the code into the Search Box on the toolbar at the bottom of Blogger. This action will quickly locate the code for you in your Blogger template. You will be placing the code immediately before this tag.

<div class='post-footer'>


Return to Add This and highlight the Javascript button code supplied. Copy the code to your clipboard using the Ctrl + C command.

Reopen the Blogger window and place the cursor right before the tag that you located earlier.

Paste the Javascript code from Add This into the template using the Ctrl + V command.

Your code placement should look like that pictured below

Code Placement for Free Social Bookmarking Button from Add This
Click on Save Template

Now click on View Blog from the top menu and navigate to the end of your first post. If all instructions have been followed you will now have a social bookmarking button at the bottom of each post.


Instructions for Placing a Social Bookmarking Button in a Sidebar of Your Blogger Blog

Follow the Add This automated process by clicking on Add the Menu to My Blog button. This will place an Add This social bookmarking button in a widget in your sidebar as you see on this site.

Blog Know How Sidebar Showing Add This Bookmark Button

This Blogger tutorial has covered the steps involved in adding a free Add This Social Bookmarking Button to your Blogger blog (Blogspot blog). Grow your Blogger (Blogspot) blog today by adding a free Add This social bookmarking button which will enable visitors to bookmark your site and share your posts with others. Add This will provide statistical tracking of social bookmarking activity on your site and help you determine your most popular posts.

Related Articles
List of Blog Know How Blogger Tutorials
10 Tips to Build Site Traffic for a Blogspot Blog
Add Social Bookmark Buttons to a Blogger Blogspot Blog
Free Social Bookmarking Buttons for Blogger

Jumat, 06 Februari 2009

The Incredible Liz

One of the joys of working at RHD is the people I get to work with. To be honest, we all really like each other and it really makes the work day go by so much faster when you can be around 6 other people who you really like.

So I have been joking with Liz that I was going to write this blog about her and all her funny stories. I should back up by explaining that Liz is from a small town, and she did 4-H Horse Judging, but she's a lot more of the typical graphic-design-hippie type and less of a cowgirl than say, Me, Christa, or Tricia. For example, I think Liz would die before she would be caught wearing cowboy boots, a concho belt, and turquoise. She usually is wearing some trendy outfit straight out of the mall and updates her facebook status like literally every 30 minutes with the most trendy and deep "statuses" i have ever heard. For example, "Your individuality provides a light for others. ;)." And just this week, she got her hair died half black and half red. (I'm jealous actually...it's really cute and I'd be too scared to every do anything that gutsy!)
Well, Liz is a very talented graphic designer, but the funniest thing about her is that she has very little actual experience in the cattle business. She especially has NO experience in the swine business. So as we sit in the same office day after day, it's hilarious to me to listen to some of the things she says.

Here are the top "Liz-isms"....
1. Today, while working on the Top Cut Sires Swine Catalog, we are trying to locate a photo of a Hampshire boar. This is when Liz asks me if a Hampshire is the one that looks like it's wearing a white sweater. (Their white belt)

2. While working on the Copper Penny banner for Brian Martin and Nick Reimann, she took down their information over the phone about the sire and dam. When I went to start designing it, I noticed she had written the pedigree is "Woodstocker". I think, hmmm, I don't know of a bull named Woodstocker. But I put it in anyway. Brian approves the banner, with the word "Woodstocker" on it. Before I hang up on the phone with Brian, I say, "Hey, who is the Woodstocker bull...I've never heard of him?" Brian is like "Huh, what??" And I said, "You know, on the banner, where it says Woodstocker."
Wanna guess what it really was........
WITCH DOCTOR!!
Good thing we caught that before it went to print!

3. About the same time, she was taking info on another project for a Denver bull. We have this form that we fill out on all the sires we represent. One of the items on the form says "TH/PHA Status:______". On this form, in that area, Liz has written: "TH/PHA Queen". A TH/PHA Queen huh? I sure wouldn't want to see that cow. I had to inform her that the person probably said TH/PHA CLEAN and that there was no pageant or anything that awarded someone as the PHA Queen.

4. She also refers to a Chianina (Chi) steer as if it were the type of steer that you would use to flat iron your hair Chi (pronounced chee for all you guys who don't know what a chi iron is.) instead of a "key" steer.

And the best Liz story is this....

This summer, she called Pearl Walthall to order a photo from the Missouri State Fair. I was kinda just in and out and I overheard Liz on the phone saying...

"HI, this is Liz with Ranch House Designs. I need to order a photo of the Grand Champion SENTIMENTAL Steer". (Simmental steer)

I'm sure Pearl got a big kick out of that one! SO now it's our inside joke about all those sentimental steers.

Anyway, of course, I'm just giving Liz a hard time, and I know that for someone who's not quite as familiar with all this cattle and pig stuff as us, I'm sure it's a big adjustment! She says her favorite thing is working on all those boar catalog...the pictures of all the boar booties gives her a chuckle every time!

We love you Liz!! And for our loyal blog readers, next time you call our office, why not ask Liz how all her sentimental steers are doing!

Kamis, 05 Februari 2009

Setting Google Chrome Sebagai Default Browser

Jika anda menginginkan Google Chrome sebagai default browser anda, tapi anda lupa waktu menginstall. Ga usah khawatir. Caranya mudah kok.

Ikuti beberapa langkah singkat berikut ini:

1. Klik tombol Tools, kemudian pilih menu "Options".

2. Jika dialog box "Google Chrome Options" sudah muncul, clik tab "Basics".

3. Pada bagian "Default browser", Klik tombol "Make Google Chrome my default browser

Minggu, 01 Februari 2009

About Blog Know How

Blog Know How is a blog devoted to helping bloggers using the Blogger.com platform to customize their website. You will find blogging tips, tricks and secrets that will enable you to increase the functionality of your site. Also included are Blogger tutorials that will guide you through the process of making custom changes to your blog. Blog Know How articles are specifically tailored with the beginner blogger and newbie in mind.

Related Articles
List of Blog Know How Blogger Tutorials