My love with Blogger is finally over! Yes, Blogger.com is cool and good, but self hosting a blog is even cool and good too, Why?? WordPress is offering free!! Having self hosted WordPress Blog allows you to have better management over your own blog. Also, Blogger themes doesn’t have much options compare to WordPress free themes where can be downloaded anywhere in the world! Plugins from WordPress is also around the internet where you can simply download it from the web eg: WordPress Plugins
Recently I moved another blog of mine from Blogger to WordPress. Now, let me say again: “Blogger is good, I’m not saying Blogger is not impressive, it is… Reason why I moved that blog to wordpress is because self hosting gives you a better management of your own blog”
So, I think it’s good to come out a post on the process I’ve taken to share to those who want to moved to wordpress, perhaps in future. WordPress provided a powerful tool I would say, to import every Posts that you have in Blogger to be import to your new WordPress Blogs.
![clip_image002[6]](http://gabriellai.com/wp-content/uploads/MigrationfromBloggertoWordpressTutorial_150DD/clip_image0026_thumb.jpg)
The import plugin in WordPress is out of beta and has been tested with the current version of WordPress. The final version is available here. From the new release of WordPress, this plugin would be present as default.
Features:-
· Imports all Blogger Posts
· Imports all the Comments
· Imports the Post Author and Comment Author information
· Imports Categories (i.e. Labels) from Blogger
Let’s begin with simple steps:-
1. Make sure you got the id of Blogger which you’re trying to import (eg: bloggerid@gmail.com).
2. Make sure your blogger publish full feeds, if not modify the option to publish full feeds.
( In Settings –> Site Feeds –> Blog Posts Feed –> FULL)
![clip_image004[4]](http://gabriellai.com/wp-content/uploads/MigrationfromBloggertoWordpressTutorial_150DD/clip_image0044_thumb.jpg)
3. Next, logon to your WordPress Administrator Console, go to Manage –> Import –> Click Blogger to import posts from Blogger.
![clip_image006[4]](http://gabriellai.com/wp-content/uploads/MigrationfromBloggertoWordpressTutorial_150DD/clip_image0064_thumb.jpg)
4. Once you have clicked Blogger, you will be brought to Blogger import page. Next, you need to authorize WordPress in order to allow WordPress to pull posts from Blogger
![clip_image008[4]](http://gabriellai.com/wp-content/uploads/MigrationfromBloggertoWordpressTutorial_150DD/clip_image0084_thumb.jpg)
5. Click Authorize button, you’ll be direct to another page shown as below.
![clip_image010[4]](http://gabriellai.com/wp-content/uploads/MigrationfromBloggertoWordpressTutorial_150DD/clip_image0104_thumb.jpg)
6. For sure, you’ll have to logon to Blogger.com in order for WordPress to import from Blogger. Alright, just click “Grant Access” button to grant WordPress access to Blogger.com
7. Once WordPress able to talk to Blogger.com, you’ll be back to WordPress Import page as shown below.
![clip_image012[4]](http://gabriellai.com/wp-content/uploads/MigrationfromBloggertoWordpressTutorial_150DD/clip_image0124_thumb.jpg)
8. If you able to see the above snapshot, looks like you’re almost done J
9. Now, click on Import button, you’ll see it’s “Importing…” right now.
![clip_image014[4]](http://gabriellai.com/wp-content/uploads/MigrationfromBloggertoWordpressTutorial_150DD/clip_image0144_thumb.jpg)
10. Once imported, next you got to “Set Authors”, to do so, click on “Set Authors” button
![clip_image016[4]](http://gabriellai.com/wp-content/uploads/MigrationfromBloggertoWordpressTutorial_150DD/clip_image0164_thumb.jpg)
11. Author Mapping page, is to set what is the owner for all the posts shown in WordPress.
![clip_image018[4]](http://gabriellai.com/wp-content/uploads/MigrationfromBloggertoWordpressTutorial_150DD/clip_image0184_thumb.jpg)
12. As shown in the snapshot, my Blogger username is Gab, I’m mapping to Gab in WordPress too
13. Next, just click “Save Changes” to save what you have done from step 1. Then, WordPress will bring you back to your Manage Posts. All your posts will be Published automatically, just do whatever changes required to
every posts you want.
14. To draw more traffic to your blog, I learnt that every posts should have a tag. So, I believe you have to edit posts tags one by one.
Set up redirects
Log into your Blogger account and click your way through the awkward navigation menu until you are at the "Template/Edit HTML" page. To redirect visitors from the main page, insert the following between the <head> and </head> tags:
<meta content='6;url=http://yournewblog.wordpress.com/' http-equiv='refresh'/>
Number 6 means that the redirection will take effect after 6 seconds. Replace the url with your own.
The tricky part comes now. We want to redirect users from individual post pages to the corresponding post pages on the new blog. For that, we need a piece of JavaScript spiced with Blogger proprietary tags. Insert the following right after "<b:section class='main' id='main' showaddelement='no'>" in the template:
<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.wordpress.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\/2007\/[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>
Don’t forget to enter your new blog’s URL at var new_page = .
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.
remove duplicate content
Insert the following between the <head> and </head> tags:
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW"/>
After seeing this, search engines should remove your old blog from their cache and the old content will stop existing for them. Therefore they are not going to penalize your new blog for duplicate content.
optionally, display a message
This is not required, but helpful for your readers. Tell them that you have moved and that they are going to be redirected. Right after the <body> tag, insert this:
<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.wordpress.com/'> <strong>http://yournewblog.wordpress.com</strong></a> <br/> and update your bookmarks.</p>
</div>
Well, now we are set. Found any errors in this tutorial or have more tips? Share them in the comments please.
Happily and Proudly powered by WordPress.