Or: How to move from Blogger to *
Moving my blog from Blogger to Squarespace was on the whole a pleasant experience, but a few points still deserve mention. I needed to import the old blog, redirect visitors from the old blog to the new and stop search engines from indexing the old blog. I also use a friendly message before the redirection takes place to inform visitors that the new site exist.
Prepare the old blog
When you import the old blog to Squarespace, all the posts, comments and timestamps are copied. This is a chance for a fresh start. Consider removing posts that might not be relevant anymore before importing.
The next steps involve editing your old blog's HTML directly. Bloggers new interface lacks some editing features that we need, so change back to old interface before proceeding.
Also change the timestamp to contain the full date of the posts.
Create your Squarespace site and import the old content
Import the old blog in Squarespace and take advantage of the free domain name offered if you do not own one already. something.com is much better than something.blogspot.com or something.squarespace.com.
Redirect from the old blog and prevent indexing
After logging in to Blogger, navigate to Layout > Edit HTML and insert the following between the <head></head> tags.
This will automatically redirect visitors to thenewblog.com after 4 seconds and eventually remove the old blog from Google's index.
Now we need to redirect the individual posts so that each post will redirect to it's corresponding post on the new blog. The link format used by Blogger is https://[domain]/[year]/[month]/[pagename].html and must be redirect to the format used by Squarespace, https://[domain]/blog/[year]/[month]/[day]/[pagename].html.
Search for <b:section class='main' id='main' showaddelement='no'> in the HTML and insert the following immediately after.
This code will build new links from the old ones and redirect the browser there. As you can see, it's important that the timestamp includes the entire date.
hard codes the page name in the cases where the name does not exactly match the page names used by Squarespace. Expand this to fit your needs.
Save the HTML and check that all your old links redirect correctly.
Display a redirection message
I use a friendly message to inform visitors to the old blog that they are in the process of being redirected.
Insert the following after the </body> tag in the old blog's HTML:
This will dim the site and display a post it with a message using CSS and HTML. Change the site name and message as needed.
Moving the blog to Squarespace was easy, but it still falls on you to create a good experience for visitors to your old site. As more and more users update their bookmarks and search engines stop indexing the old blog, traffic will eventually die out and it can be deleted. Unless off course, you want to keep it as a historical relic.
Welcome to my new online home! As you can see if you're reading this, the blog has moved. I've switched from Blogger to Squarespace, imported all the old articles and redirected the old links here.
The reason for this move was that I wanted a home for my other projects and apps, not just my blog. This site will be updated in the coming weeks and months to include content that did not find its place on the old blog. As such things might move around quite a bit, however the blog will from now on always be found at hjerpbakk.com/blog.