How to Move Custom Domain Blogger Blog to WordPress

In our Blogger to WordPress migration tutorial, one of our readers asked us for the step by step guide on moving custom domain blogger website to WordPress. Blogger allows you to use 3rd party custom domains as well as Google domains with your blog. In… Read More »

The post How to Move Custom Domain Blogger Blog to WordPress appeared first on WPBeginner.

In our Blogger to WordPress migration tutorial, one of our readers asked us for the step by step guide on moving custom domain blogger website to WordPress. Blogger allows you to use 3rd party custom domains as well as Google domains with your blog. In this article, we will show you how to move custom domain blogger blog to WordPress.

Moving Blogger blog on custom domain to WordPress

Note: If you’re looking for moving a normal Blogger subdomain blog to WordPress, then see our guide on how to switch from Blogger to WordPress.

Only use this tutorial, if you are trying to move a Blogger site on a custom domain to WordPress.

Step 1: Getting Started

Before we start, it is important to note that this guide is for the self hosted WordPress blog. See our guide on the difference between self hosted WordPress.org site vs free WordPress.com blog.

In order to get started, you will need a WordPress hosting provider to setup your self hosted WordPress website. We recommend Bluehost because they are an officially recommended hosting provider of WordPress, and they will give WPBeginner users 50% off discount.

If you want a Bluehost alternative, then take a look at Siteground who also offer the same special offer to WPBeginner users.

Step 2: Change DNS Settings

Blogger allows you to use any domain name registered by a 3rd party. U.S. based users can also use a domain registered with Google Domains.

When you first setup the domain pointing to your Blogger blog, you were asked to add CNAME and A records to your domain’s DNS records. You will need to delete those records and add your WordPress host’s DNS settings.

You can get DNS settings required by your WordPress hosting provider from their documentation or support websites. A typical DNS nameserver looks something like this:

NS1.Bluehost.com
NS2.Bluehost.com

In this guide, we will show you how to update DNS settings in Godaddy. If you have registered your domain with some other registrar don’t worry. The basic settings are the same on all domain registrars.

Important: DNS changes may take anywhere between a few hours to one or even two days to fully propagate. During this time, you can access your Blogger blog by logging into your account.

Changing DNS Settings in GoDaddy

Log in to your Godaddy account and click on the manage button next to domains. Click on the gear icon next to your domain and then select manage DNS.

Launching DNS manager in GoDaddy

You will see your domain information page. Next, you need to click on the DNS Zone File. This is where all the DNS level records for your domain are stored.

Launch DNS Zone File in GoDaddy

On the DNS Zone File page, you need to locate the A record and CNAME aliases you added for your Blogger blog and delete them. Click on save changes button to apply your changes.

The next step is to setup nameservers for your WordPress hosting provider. Go back to manage DNS page for your domain and then click on manage under the namservers section.

Nameservers

On the next page you need to click on custom and then click on edit nameservers link to add your new WordPress hosts nameservers.

Edit nameservers

Click on the save button to make your DNS changes go live.

Step 3: Remove Redirect

Your Bloggger blog’s original blogspot.com address is redirecting users to your custom domain. Since we have changed the domain settings, we need to remove this from Blogger too.

Simply log into your Blogger account and go to Settings » Basic page. Under the publishing section, click on the cross icon to cancel the redirect.

Remove custom domain redirection from Blogger

Step 4: Install WordPress

If your domain’s DNS has propagated now, you can now install WordPress on your hosting provider.

If your domain is registered on a 3rd party service other than your web host, then you will need to add the hosting for the domain. For example, in BlueHost you will add your domain as an Addon domain through cPanel unless it is the main domain on your account.

After adding domain to your new host, the next step is to install WordPress. Follow the instructions in our complete WordPress installation tutorial.

After successful installation of WordPress on your custom domain, you will be ready to import content from your Blogger blog.

Step 5: Export Content From Blogger

Before you can import content into WordPress, first you need to export it from your Blogger blog.

Blogger allows you to export content in an XML file.

Login to your Blogger blog and visit Settings » Other page. Under the blog tools, click on the Export Blog link.

Exporting your Blogger blog

This will bring up a popup where you need to click on the Download Blog button.

Depending on the file size, it may take a few seconds or a few minutes. Once you have your data, it is time to import it into your WordPress site.

Step 6: Import Blogger Blog into WordPress

Login to your WordPress admin area and visit Tools » Import page. There you will see a list of importers for different services. You need to click on Blogger to install the Blogger importer.

Blogger import tool in WordPress

This will bring up a popup where you need to click on the Insall button. WordPress will now download and install the Blogger Importer plugin for you. Once it is finished installing the plugin, you need to click on Activate Plugin and Run Importer link to continue.

Run importer

On the Import Blogger screen, WordPress will ask you to upload the XML file. Simply click on choose file button and upload the XML file you downloaded earlier. Click on the Upload file and import button to continue.

Upload export file

WordPress will now import your blogger posts from blogger, once it is finished you will be asked to assign an author to the imported posts. You can assign your blogger posts to an existing author or create a new one.

Congratulations! you have successfully imported your Blogger blog into WordPress. However, you still need to make sure that you don’t loose any search rankings and that visitors to your old blog can easily land to the same content on your new WordPress powered website.

Step 7: Setup Permalinks

WordPress comes with a feature that allows you to set up SEO friendly URL structure. However, since you are importing content from Blogger, you would want your URL structure to be as close to your Blogger URL structure as possible. To set permalinks you need to go to Settings » Permalinks and paste this in the custom structure field:

/%year%/%monthnum%/%postname%.html

Changing permalink structure in WordPress

Setp 8: Setup Feed Redirects

You have successfully redirected your Blogger blog to WordPress. However, users who have subscribed to your Blogger RSS feed will stop receiving updates.

You need to redirect feed requests to your WordPress feeds. This can be easily achieved by editing .htaccess file in your WordPress site’s root folder. If you can’t find your .htaccess file, then see this tutorial.

Start by connecting to your WordPress site using an FTP client. You will need to enable ‘Show Hidden Files’ option in your FTP client settings. If you are using Filezilla, you will find this option under Server menu.

Show hidden files in Filezilla

Once you are connected to your website, you will find the .htaccess file in your WordPress site’s root directory. You need to edit this file and paste the following code before any other code in the file.

<IfModule mod_rewrite.c>
   RewriteEngine on
   RewriteRule atom.xml /feed? [L,R=301]
   RewriteRule rss.xml /feed? [L,R=301]
   RewriteRule ^feeds/posts/?.*$ /feed? [L,R=301]
   RewriteRule ^feeds/comments/?.*$ /comments/feed? [L,R=301]
</IfModule>

Save your changes and upload the .htaccess file back to the server. Your Blogger feed subscribers will now be redirected to your WordPress site’s feed.

Customizing Your WordPress Site

WordPress comes thousands of beautiful themes and extremely powerful plugins.

See our guide on how to choose the perfect theme for your WordPress site. As for plugins, take a look at WPBeginner’s blueprint to find out the plugins and tools we use on this website.

As a new WordPress user you will often need help. WPBeginner is the largest WordPress resource site for beginners. See how you can make the most out of WPBeginner’s free resources.

We hope this article helped you move your custom domain blogger blog to WordPress. You may also want to see our list of 40 useful tools to manage and grow your WordPress blog.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Move Custom Domain Blogger Blog to WordPress appeared first on WPBeginner.

How to Switch from Blogger to WordPress without Losing Google Rankings

Blogger is an awesome free tool to quickly start blogging. However, many Blogger users eventually realize that if they want full control of their blog, then they would be better off with their own self hosted WordPress.org blog (what’s the difference between self-hosted WordPress.org vs… Read More »

To leave a comment please visit How to Switch from Blogger to WordPress without Losing Google Rankings on WPBeginner.

Blogger is an awesome free tool to quickly start blogging. However, many Blogger users eventually realize that if they want full control of their blog, then they would be better off with their own self hosted WordPress.org blog (what’s the difference between self-hosted WordPress.org vs WordPress.com blogs). In this step by step tutorial, we will help you switch from Blogger to WordPress without losing Google rankings.

Safely moving a Blogger blog to WordPress

Step 0. Before You Start

To get started with WordPress, the first thing you would need is a good WordPress hosting company and your own domain name. We highly recommend Bluehost because they will give you a free domain and 50% off their hosting plan (special for WPBeginner users). Bluehost is also an officially recommended hosting provider of WordPress.

If you want a Bluehost alternative, then take a look at Siteground who also offer the same special offer to WPBeginner users.

Once you have signed up for WordPress hosting and set up your domain name, the next step is to install WordPress on your hosting account. We have a step by step tutorial on how to install WordPress. Once you have installed WordPress, it is time to move your content from Blogger to WordPress.

Step 1. Export Your Blogger Blog

First thing you need to do is export your blogger blog’s content. Simply log into your blogger dashboard and go to Settings » Other page. Under the blog tools, click on the Export Blog link.

Export Blogger blog

This will bring up a popup where you need to click on the Download Blog button.

Download your Blogger blog's export file

Your Blogger blog’s content will be downloaded to your computer in an XML file.

Once the download is complete, it is time to import it into your WordPress site.

Step 2. Import Blogger to WordPress

To start importing your Blogger site into WordPress, you need to go to your WordPress admin and visit Tools » Import. On the Import page, click on Blogger.

Blogger importer under WordPress import tools

This will bring up a popup asking you to install the Blogger to WordPress importer. You need to click on the Insall button.

WordPress will now download and install the Blogger Importer plugin for you. Once it is finished installing, you would need to click on the Activate Plugin and Run Importer link to continue.

Activate and run blogger importer

On the Import Blogger screen, WordPress will ask you to upload the XML file. This is the file that you downloaded in Step 1.

Simply click on the choose file button and upload the XML file you downloaded earlier. Next, click on the Upload file and import button to continue.

Upload Blogger export file to WordPress

Now if you didn’t select one of our recommended hosts or your site is really large, you may get an error that your file size is too large. In this case, you would need to increase your maximum file upload limit. If your file is small, then you won’t see any errors.

WordPress will now import your blogger posts one by one. When it is finished, you will be asked to assign an author to the imported posts. You can assign your blogger posts to an existing author (you) or create a new author account.

Congratulations! you have successfully imported your Blogger content into WordPress. However, you still need to make sure that you don’t loose any search rankings and that visitors from your old blog easily land to the same content on your new WordPress website.

Step 3. Setting up Permalinks

Permalinks is the term used for URL structure of individual pages. WordPress comes with a feature that allows you to set up SEO friendly URL structure. However, since you are importing content from Blogger, you would want your URL structure to be as close to your Blogger URL structure as possible.

To set permalinks, you need to go to Settings » Permalinks screen and choose Month and Name as your permalink structure.

Choosing a permalink structure for your WordPress site

Step 4. Setting up Redirection

The most important step in moving any website is to set up proper redirection so that users are redirected to your new website.

The important part of redirection is that you want users to land on exactly the same page on the new site which they were trying to access on the old site. Secondly, this also notifies search engines that your old site is moved to a new location.

To successfully move from Blogger to WordPress, you need to set up redirection on two levels.

First, you will redirect Blogger visitors to your new WordPress blog. Second, once users reach your WordPress site, you will redirect them to the exact post they were trying to read.

Let’s first set up redirection on the blogger blog. You need to log on to your Blogger account and go to your Blog’s settings and click on Template.

Blogger Template

On the template page, you need to scroll down to the bottom of the page and click on Revert to Classic Template link.

Revert to classic template for your Blogger blog

After switching to classic template, you will see ‘Edit Template HTML’ textarea. You need to replace everything in this text area with the following code. Make sure that you replace http://www.example.com with your own domain name.

<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>

Save your template, and you have successfully implemented redirection on your Blogger blog.

However, you still need to setup redirection on your WordPress site so that users are redirected to the proper posts.

You need to copy and paste the following code in your WordPress theme’s functions.php file or in a site-specific plugin.

If this is your first time adding code to your WordPress site, then you may want to check our beginner’s guide to pasting snippets from the web into WordPress.

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

The code above creates a blogger to WordPress 301 redirect which is what you need to ensure best SEO.

Once you have pasted this code, that’s all you need to do for setting up redirection.

Now anyone visiting a post on your old Blogger blog will be redirected to the same post on your new WordPress site.

Step 5. Redirect Feeds

Your RSS subscribers on the old Blogger site will not be able to notice the switch. That’s why you will need to redirect your Blogger feed to your new WordPress site’s feed.

You can do this by logging in to your Blogger account and then visit Settings » Other page under your blog dashboard.

Under the Site Feed section, click on Add link next to Post Feed Redirect URL. Here you can enter your new WordPress site’s feed address.

Usually it is http://your-awesome-site.com/feed/ (don’t forget to replace your-awesome-site with your own domain name).

Redirect blogger feed readers to your WordPress feed

Step 5. Import Images From Blogger to WordPress Media Library

When you are transferring blogger to WordPress, the WordPress importer will download images from your blogger posts into the WordPress media library. However, it can fail to download some images. This doesn’t happen often, but it can happen.

But there’s nothing to worry about because you can find and import these images into WordPress. Follow the instructions in our how to import external images in WordPress tutorial.

This will import all images from your blogger into your WordPress Media Library. Once the images are in your WordPress media library, you can easily create image galleries and more.

We hope this tutorial helped you switch from Blogger to WordPress without losing Google rankings. We would like to welcome you to the WordPress community. To get started with WordPress, please take a look at our beginner’s guide section and our WordPress beginner videos.

If you have a friend still using Blogger, then you can show them our comparison on WordPress vs Blogger and convince them to switch over.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

To leave a comment please visit How to Switch from Blogger to WordPress without Losing Google Rankings on WPBeginner.