Ahhh Blogger, how I remember thee from the good old days!

Back in the day, Blogger was my go to.

I clearly remember the day I killed a small tree by printing out their classic template coding. I dissected their coding and learned a whole lot in the process. It really was the beginning of web development day!

I’ve had the experience of moving over several clients web site’s from Blogger to WordPress so this process is like second nature to me.

It’s a super simple process that you really shouldn’t fear!

How to successfully transfer your blog from Blogger to WordPress - The WordPress Workspace

WHY MOVE FROM BLOGGER TO WORDPRESS.ORG

Although Blogger is free, you technically don’t own it, Google does and that means that you are building the SEO for them and not you!

Blogger is possibly the worst blogging platform for SEO and to be honest I think I only know one person that still uses blogger.

With WordPress.org you are in full control of your website and you’ve really got the pick of themes and functions to choose from.

BEFORE YOU BEGIN

As WordPress.org is self-hosted you will need to invest in both a domain name and a hosting package.

I highly recommend checking out my post on what to look for when choosing a host provider.

Most important in this step is to make sure you keep all your passwords in one safe space for easy reference.

Ok, once you’ve got that all sorted, you are ready to go…

A STEP-BY-STEP GUIDE: MOVING FROM BLOGGER TO WORDPRESS.ORG

Step 1: Install + Setup WordPress on your new host

This step may seem a bit daunting but most host providers now offer ‘one-click’ WordPress installations which make the whole process super easy.

If you’re not sure how to do this, you can follow this easy tutorial on how to install WordPress.

Step 2: Create a coming soon page on your new site

I highly recommend following this tutorial on how to create a coming soon page so that you can hide the ‘behind the scenes’ until your ready for the big launch.

Step 3: Export your content from Blogger

Head on over to your Blogger account, navigate to ‘Settings’ on the left-hand side then click on ‘Other’

Click on ‘Back up Content’ – this will create an .XML file that you’ll need to download and save onto your computer (in a safe place for later).

Step 4: Import your content into your new WordPress.org site

Head back to your newly installed WordPress dashboard and navigate to ‘Tools’ > ‘Import’

Navigate to ‘’Blogger’, which you find at the top and click ‘Install Now’

Once it has installed it will say ‘Run Importer’. Click on this and upload the .Xml file you downloaded in Step 3

Depending on the size of the file this may take a few minutes.

Once you have started the importing process, you will be asked to assign the content to a user. Select the relevant user.

NB: Ensure that before you click import make sure the ‘Importing Attachments’ box is ticked. This makes sure that all the images are imported.

THE FINAL STEPS

SETUP YOUR PERMALINKS

As you are importing content from Blogger, you’ll want to make sure that your new WordPress permalinks have the same (or as close as possible) structure as that of your old Blogger site.

Blogger post links are usually setup with the year, month, then post name with a ‘.html’ at the end ie. /2017/07/this-is-my-blog-post.html

To amend your permalinks head to ‘Settings’ on the left-hand side then click on ‘permalinks’ and select ‘Month and Name’ then click ‘Save’

SETUP THE REDIRECTION OF YOUR CURRENT BLOGGER SITE

Once you’ve completed the transfer over you’ll want to direct your readers to the new site and ensure that your links are pointing to the correct place.

To successfully do this you’ll want to do it on both your new WordPress.org site and your old Blogger site.

In Blogger head to ‘Theme’ on the left-hand side and select the ‘Revert to Classic Themes’ which is right at the bottom of the themes page.

In the ‘Edit Theme HTML’ you’ll want to add in the below coding amending the example.com url to your new domain url.

[html]<html>
<head>
<title><$BlogPageTitle$></title>

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%3E%0A%20%20%20%20%3CMainOrArchivePage%3E%0A%20%20%20%20window.location.href%3D%22http%3A%2F%2Fexample.com%2F%22%0A%20%20%20%20%3C%2FMainOrArchivePage%3E%0A%20%20%20%20%3CBlogger%3E%0A%20%20%20%20%20%3CItemPage%3E%0A%20%20%20%20%20window.location.href%3D%22http%3A%2F%2Fexample.com%2F%3Fblogger%3D%3C%24BlogItemPermalinkURL%24%3E%22%0A%20%20%20%20%20%3C%2FItemPage%3E%0A%20%20%20%20%3C%2FBlogger%3E%0A%20%20%20%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />

<MainPage>
<link rel="canonical" href="http://example.com/" />
</MainPage>

<Blogger>
<ItemPage>
<link rel="canonical" href="http://example.com/?blogger=<$BlogItemPermalinkURL$>" />
</ItemPage>
</Blogger>
</head>

<body>
<MainOrArchivePage>

<h1><a href="http://example.com/"><$BlogTitle$></a></h1>

</MainOrArchivePage>
<Blogger>
<ItemPage>

<h1><a href="http://example.com/?blogger=<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></h1>

<$BlogItemBody$>
</ItemPage>
</Blogger>
</body>
</html>[/html]

Then click save.

To setup the redirect on your WordPress site you’ll need to add in the below code to your functions.php file.

Head to ‘Appearance’ > ‘Editor’ then select the functions.php on the right-hand side and paste in the below code and click ‘Save’

[php]

function blogger_query_vars_filter( $vars ) {
$vars[] = "blogger";
return $vars;
}

add_filter(‘query_vars’, ‘blogger_query_vars_filter’);

function blogger_template_redirect() {
global $wp_query;
$blogger = $wp_query->query_vars[‘blogger’];
if ( isset ( $blogger ) ) {
wp_redirect( get_wordpress_url ( $blogger ) , 301 );
exit;
}
}

add_action( ‘template_redirect’, ‘blogger_template_redirect’ );

function get_wordpress_url($blogger) {
if ( preg_match(‘@^(?:https?://)?([^/]+)(.*)@i’, $blogger, $url_parts) ) {
$query = new WP_Query (
array ( "meta_key" => "blogger_permalink", "meta_value" => $url_parts[2] ) );
if ($query->have_posts()) {
$query->the_post();
$url = get_permalink();
}
wp_reset_postdata();
}
return $url ? $url : home_url();
}

[/php]

SOME TIPS + THINGS TO DO AFTER THE MIGRATION

Migrate your RSS feed

Head to ‘Settings’ > ‘Other’, under the ‘Site Feed’ section click on the ‘Add’ button under the ‘Post Feed Redirect URL’ section

Add in your domain here with /feed at the end – http://example.com/feed/

Some of my images haven’t been imported properly?

If some of your images haven’t pulled through then I suggest using the External Images plugin, this will import the images from your Blogger account but can take a while, so be patient.


I hope that this post helps you up your blogging game!

If you have any questions about the process, please feel free to drop me an email on hello@thewpworkspace.com

Leave a Comment





This site uses Akismet to reduce spam. Learn how your comment data is processed.