Soliloquy Blog

WordPress slider tips, Tutorials and Resources.
Import Blogger to WordPress with Images

How to Import Blogger to WordPress (With Images)

by Waseem Abbas on June 8, 2017

Do you want to switch to WordPress from Blogger with all your content and images? You may have started with Blogger and wondering to expand the reach of your audience by moving to a better platform like WordPress. In this tutorial, we will share how to import Blogger to WordPress with images.

When you grow in your blogging career, you look for a software that is flexible in features to fulfill all your writing needs. Blogger is a good platform to start with, but WordPress let you enjoy the tons of themes and plugins for a complete blogging solution.

To import Blogger to WordPress with images, you’ll need to follow these 6 steps:

  • Step 1. Create a new WordPress blog
  • Step 2. Backup Blogger and import it to WordPress
  • Step 3. General WordPress permalink settings
  • Step 4. Redirect your Blogger visitors to WordPress
  • Step 5. Redirect your RSS feeds from Blogger to WordPress
  • Step 6. Import external images in WordPress

Ready to get started? Let’s go!

Step 1: Create a New WordPress Blog

To create your own WordPress blog, the first thing that you need is a web hosting. Saving your time on research, we recommend you to choose any one hosting company from Bluehost and Hostgator. Both are managed WordPress hosting companies and reliable for your new blog.

Next you should add your domain to the hosting account and setup WordPress. To learn about WordPress installation, check out this step by step guide on how to install WordPress.

After setting up your blog, you can import Blogger to WordPress with images.

Step 2: Backup Blogger and Import it to WordPress

Since you need to import Blogger to WordPress with images, go ahead and login to your Blogger account.

In this dashboard, you should go to Settings » Others and click on the Back up Content button.

Backup Content

A dialog box will popup where you need to hit the Save to your computer button.

Save to Computer

It will export an XML file to your computer that you can use to export Blogger to WordPress.

Next you should login to your WordPress admin and go to Tools » Import. There are multiple importers available, and you need to click on Install Now link below Blogger.

Install Blogger Importer

A success message will appear on the top of the page. Next you should click on the Run Importer link below Blogger.

Run Importer

It will redirect you to a new page where you can upload the XML file that you exported from Blogger and click on the Upload file and import button.

Upload file and Import

Your Blogger content will successfully transferred to WordPress.

In case, if your XML file size is larger than your default upload size in WordPress, then you need to request your hosting company to increase the upload file size limit.

Next you need to assign your articles to a user in WordPress. (Note: If there’s no user, then you can create one)

Assign User

Once you are done with assigning user to articles, you can go ahead and fix URL structure in WordPress.

Step 3: General WordPress Permalink Settings

You need to make sure that your WordPress URL structure is similar to Blogger. To manage URL structure in WordPress, you need to go to Settings » Permalinks from admin and select Month and Name.

Permalink Structure

Next, you should setup link redirection in Blogger.

Step 4: Redirect Your Blogger Visitors to WordPress

This redirection process has two stages:

  • Stage 1. Redirect Blogger visitors to your WordPress blog
  • Stage 2. Redirect visitors to the correct link in WordPress

Stage 1: Redirect Blogger Visitors to Your WordPress Blog

To redirect your visitors, you need to login to your Blogger account again and go to Template settings.

In these settings, you should simply go to Revert to classic templates and click on the Revert to classic template link.

Revert to Classic Template

On the next window, you need to edit a few lines of code to replace

with your own domain.


<html>
 <head>
  <title><$BlogPageTitle$></title>
 
   <script>
    <MainOrArchivePage>
    window.location.href="http://example.com/"
    </MainOrArchivePage>
    <Blogger>
     <ItemPage>
     window.location.href="http://example.com/?blogger=<$BlogItemPermalinkURL$>"
     </ItemPage>
    </Blogger>
   </script>
 
   <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>

After making your changes, you should click on the Save button.

Stage 2: Redirect Visitors to the Correct Link in WordPress

Next you need redirect your visitors on the correct article in WordPress. To set this redirection, simply go to Functions.php file of your WordPress theme and add the following code:


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();
}

Using this code, you will be able to redirect your visitors from Blogger to WordPress on the same article. It also helps you to rank in the search engines.

Step 5: Redirect Your RSS Feeds From Blogger to WordPress

Now you should also redirect your RSS Feeds from Blogger to WordPress. To add this redirection, you need to login to your Blogger account and go to Settings » Others.

Look for the Site Feed settings and add your WordPress RSS Feed URL in the Post Feed Redirect URL option.

Site Feed URL

Step 6: Import External Images in WordPress

Since you have used WordPress importer for Blogger, it must have imported all your content including images. However, if you still face errors then follow the instructions below, otherwise skip it:

To import images from Blogger to WordPress, you need to go to Plugins » Add New and search for Import External Images plugin.

Import External Images Plugin

Click on the Install Now button and then hit the blue Activate button.

After activating the plugin, it will show you the settings to import external images at Media » Import Images option.

For further details, you should check out this guide on how to import external images in WordPress.

Simply use these images to create beautiful image sliders in WordPress. You can also create classic image sliders to engage your visitors on your site.

That’s all. We hope this tutorial has helped you to learn how to import Blogger to WordPress with images. You may also want to check out our guide on how to import and export Soliloquy image sliders and learn about 25 legit ways to make money online with blogging.

If you like this tutorial, then please follow us on Facebook and Twitter for more free WordPress guides and resources.

Waseem Abbas is a content writer for SoliloquyWP and Envira Gallery.

Leave a Reply

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

[i]
[i]