Random Batch

Redirection from Blogger to Wordpress.com

Posted by Angelo
March 26, 2008

A while ago I migrated my website from Blogger to Wordpress.com. I took some time on searching some really working redirection and I came across about a dozen websites/blog with tutorial on how to redirect you Blogger blog to Wordpress.com Blog. Now as for the starting point on using wordpress, I will teach and make a tutorial on how to redirect blogs in blogger to wordpress.com using Richard Laffers code.

Q: Why am I using Laffers.net tutorial instead of the others who are known to the net?
A: Because this is the only redirection tutorial I know that REALLY work.
Q: How to redirect visitors from my Blogger automatically to my Wordpress.com Blog?
A: You can redirect your visitors by combining chosen codes/scripts and placing it to your Blogger.com HTML Template (I will assume you already know this one).
Q: How to transfer the Google PageRank of your old blog to the new one?
A: This isn’t possible This would require a 301 Permanent Redirect and access to the server, not provided by Blogger.
Q: How to prevent being penalized by Google for duplicate content?
A: Google is punishing sites with duplicate contents so the only thing to do is the NoFollow tag and/or by removing your old blog posts. You must also remove the old blog from the Google cache and tell it to ignore the old site from now on.

First of, of course, you will need to import your posts (including comments) from Blogger to Wordpress.com. You can do it by clicking the menus Manage > Import > Blogger. You will just need to login (if not yet logged in) to your Google account (the one you are using with Blogger) and give permission to Wordpress.com.

Now into the redirection codes, You can just go to Laffers.net site or you can also try the code below. They are just the same as Mr. Laffers code and I just made a little correction for you can also redirect the individual post.

Setting Up the Redirection Code in your Blogger:

Login (if you are not yet logged in) to your Blogger account and go to the Edit HTML under the Layout Button. Check the “Expand Widget Templates” checkbox. To redirect visitors from the main page, insert the following between the <head> and </head> tags:

<meta content='6;url=http://yournewblog.com/' http-equiv='refresh'/>

What is this. This is the most common method of using redirect, a meta tag. The 6 is the seconds on how many seconds before the page will be redirected and the url (obviously) the domain name of your new blog in Wordpress.com. Of course by doing this you should also know that we will be using another Meta tag in our code because of the said Question above “How to prevent being penalized by Google for duplicate content?”. By doing so we need to insert the following between the <head> and </head> tags (you can just insert it below the code above):

<meta name="ROBOTS" content="NOINDEX, NOFOLLOW"/>

Now, for the main part of the code. This is the body of the code and this one will be tricky. Of course we want to redirect our visitors even from individual Blogger post pages to the corresponding Wordpress.com post pages and by doing so, find the code “<b:section class=’main’ id=’main’ showaddelement=’no’>” (you can easily find this by going to the FireFox menu and go to Edit > Find in This Page… I don’t really know if other browsers also does the same thing) and put this code right after it:

<b:widget id='Redirector' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<b:loop values='data:posts' var='post'>
<script type='text/javascript'>
var new_page='yournewblog.com/';
var permalink = '<data:post.url/>';
var timestamp = '<data:post.timestamp/>';
timestamp = timestamp.split('/');
timestamp = timestamp[2]+’/'+timestamp[0]+’/'+timestamp[1];
new_page = permalink.replace(/youroldblog\.blogspot\.com\/[0-9]{4}\/[0-9]{2}/,new_page+timestamp);
new_page = new_page.replace(/\.html$/,”);
document.location.href = new_page;
</script>
</b:loop>
</b:if>
</b:includable>
</b:widget>

I already modified this code a little so it can also redirect the individual posts not posted in 2007 (Richard Laffer’s code only redirects posts posted in 2007). And as Richard Laffers says:
Important note! For this script to work, all your posts should have been imported to Wordpress.com using their Manage/Import function. The creation dates of all posts must match, because they are part of the permalinks.

Now you can just use a widget or any other way to notify your visitors that they are being redirected. You can make your own code and you can also use Richard Laffer’s code. If so then just copy and paste the code right after the <body> tag:

<div style='position: absolute; top: 30px; left: 30px; border: solid 2px #333; color: #000; background-color: yellow; padding: 5px; width: 400px; z-index: 5; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: large;'>
<p><strong>My blog has moved!</strong></p>
<p>You should be automatically redirected in 6 seconds. If not, visit<br/> <a href='http://yournewblog.com/'> <strong>http://yournewblog.com</strong></a> <br/> and update your bookmarks.</p>
</div>

For me, this is the code I used:

<div align='center' style='position: absolute; border: solid 1px #333; color: #000; background-color: white; width: 100%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: normal;'>
<p><strong>My blog has moved!</strong></p>
<p>You should be automatically redirected in 6 seconds.<br/><br/>
<a href='http://yournewblog.com/'>Click here if your browse didn't automatically redirect you!</a><br/><br/>and update your bookmarks.</p>
</div>

If you found any errors/bug that you noticed please share them with us through the comments or you can visit Richard Laffer’s site. Thanks and Happy Blogging.

Do you like it? Why not let the world know about it?
[Ask] [backflip] [Bloglines] [Blogsvine] [del.icio.us] [Digg] [Facebook] [Furl] [Google] [linkaGoGo] [LinkedIn] [Ma.gnolia] [Mister Wong] [Mixx] [MySpace] [Newsvine] [Propeller] [Reddit] [Rojo] [Sphere] [Sphinn] [Squidoo] [StumbleUpon] [Technorati] [Twitter] [Windows Live] [Yahoo!] [Email] More »

Related posts:

  1. Wordpress: Akismet Page now running again
  2. Wordpress: Akismet Page Error
  3. Tips on Starting a Blog
  4. SocialSpark’s Social Trend
  5. HowTo: Monetize from your Blog

Related posts brought to you by Yet Another Related Posts Plugin.

Blogging, How To, Scripts

If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.

Comments
Comment by Euri on March 28, 2008 @ 4:30 pm

Haha! I thought you wanted something that would import your entires. XD I was about to say the WP has auto import. XD

Geh, never mind me. XD

Comment by cavillegas on March 28, 2008 @ 4:47 pm

Well, I know about the auto-import feature of Wordpress. :) I just need to redirect the individual posts from blogger to wordpress. :D

Comment by Euri on April 4, 2008 @ 7:42 pm

Wouldn’t that be a lot of work. XD

Pingback by How to Avoid Duplicate Content | Random Batch on May 28, 2008 @ 6:41 pm

[...] you have a new blog and don’t want to lose traffic from your old blog, you may use Redirection from Blogger to WordPress if you want your reader to be automatically redirected if you are using Blogger as your blogging [...]

Leave a comment

(required)

(required)


ss_blog_claim=943397671420990dde83214c28892d78