7 Create a redirect page for your blog
Sunday, July 8, 2007 /

If your blog's web address has changed, or if you are using Blogger's custom domain service, you may have need of a redirect page for your blog. A redirect page stays at the location of your old blog (or at the http://yourblog.com address if you are using a Blogger custom domain) and automatically redirects users to your blog's true address.




Here's how to create your own redirect page:

  1. Copy the whole text in the box below and paste into a simple text editor such as Notepad. Change the text in red to reflect your true blog address, and the text in blue to something which better suits your needs.
    <html>
    <head>
    <meta http-equiv="refresh" content="8; url=http://www.yoururlhere.com" />
    </head>
    <body bgcolor="#cceedd">
    <center>
    <p>
    <font color="#446666"><b>Your text and images here</p>
    <p>For example: My blog is located at www.mydomain.com. You will be redirected to my blog in about 8 seconds. Please update your bookmarks to reflect this new address.
    </p>
    </body>
    </html>

  2. Take note of this line:
    meta http-equiv="refresh" content="8;
    The "8" means that the browser will wait 8 seconds before redirecting to your true blog address, just enough time for the visitor to read the text and understand the reason for the redirection. You can change this to "0" instead, which means that the redirect would be immediate, and the visitor would be unaware of the change in web address unless they look at the address bar. However, it is good practice to have at least the URL of your true blog address in the body of the page as some older browsers do not recognise the redirect function and would be unaware that your blog is not hosted here.

  3. You should also change the font and background colours to suit your tastes and blog colour scheme/branding. Images can also be displayed in the body section of the page (between <body>> and </body>)

  4. Now, save this file to your computer with the file name "index.html". It is very important that you name it such, as this needs to be the page which loads when a visitor types http://yourblog.com into their web browser.You can preview this in your own browser to check the page looks okay, and you should be redirected to your true online blog address within the time you specified in the meta section.

  5. Now, you need to upload this to the root of the folder where visitors would visit your blog. If you have purchased a custom domain for your Blogger blog, for example, you would upload this to the root of your hosting account. If you are uploading to a previously used sub domain at http://blog.yoursite.com this may be the root of the folder named "/blog/".

  6. Go online to your redirect page address (eg: http://yourblog.com/index.html) and check that the redirection works. Then all you have to relax and know your visitors will be able to find you!


If you have purchased a custom domain for use with a Blogger blog, you should find that your domain provider will provide at least enough room for a single web page, which you can use to upload your redirect page. I use GoDaddy for domains, as this company provides free hosting, personal email address and other features of great use to Bloggers. (Just in case you're wondering, I don't get paid to recommend GoDaddy; but of all the domain providers I've ever used, this company is simply the best value I've found!).

If you have any problems setting up your redirect page, feel free to contact me directly for more detailed help.

Related posts:

Technorati Tags: | | | | |


7 comments:

February 19, 2009 at 5:51 PM Koch said...

Thanks Amanda for tutorial .. i wanna ask, can i delete letter :
{\rtf1\ansi\ansicpg1252\deff0\deflang1033{\fonttbl{\f0\fswiss\fcharset0 Arial;}} {\*\generator Msftedit 5.41.15.1507;}\viewkind4\uc1\pard\f0\fs20 \par }

Before redirect to my www. site.

March 7, 2009 at 11:51 PM JanMck Hilado said...

waw many thanks amanda! i could have never done that alone! thanks for your help!

May 17, 2009 at 4:22 AM
olegb said...

thanks, amanda, for your advices
that really helped me, now I have my site up and running ;)

June 1, 2009 at 7:09 AM eskimo said...

you can't use this in blogger? you can't add meta http-equiv="refresh"....

:( any other way

June 5, 2009 at 12:34 AM Susith De Silva said...

Good post for blogger redirection..

http://sanhidainfo.blogspot.com/

June 8, 2009 at 8:01 AM
Anonymous said...

Thank you so much for all of your guidance on using GoDaddy. It has been so great to use a custom domain and do a redirect page.

Question for you - with the free hosting they offer there are ads at the top of the redirect page. Any way around that?

Maybe by replacing the welcome.html?

Also, any pointers to good sites to see a list of html options for fonts, colors, etc.?

Thanks so much!!

September 19, 2009 at 6:54 AM vineeth said...

Thank you for your tip
it was successful in my blog
thanking you again

Post a Comment