Change the landing page of my blog

Or: So, How do I change the homepage of my blog to be a different page.

For some blogs, the posts are not the primary content. To modify what the landing page of your blog is, you can use this neat workaround.

  1. Copy the path of the page you want to redirect to, e.g. /p/mypage.html
  2. Go to blogger.com > (Your blog) > Settings > Search preferences.
  3. Under Errors and Redirections, there is Custom Redirects.
  4. Hit 'Edit'
  5. Set From to '/'
  6. Set To to the path in step 1, e.g. /p/mypage.html
  7. Tick permanent
  8. Save.

Now, navigating to your blog's homepage will redirect.

But wait! I still want to be able to get to the homepage!

No problemo, all you need to do is modify your Page List widget navigation Home link. Currently, it's just the home page. Let's change it to a search, with no criteria.
  1.  Go to the Layout tab
  2. Find your Page List widget
  3. Untick 'Home'
  4. Click '+Add external link'
  5. Set the url to your blog's url with /search as the path. (e.g. myblog.blogspot.com/search)
Voila!

Happy Blogging!

Comments

  1. Judith Pine-Croke24 May 2017 at 17:24

    I found your blog by accident and I must say thank you. I came here trying to find out how to insert a landing page to my blogger blog and found answers to at least a half dozen other questions. I will pass this page on to others. Again thank you.

    ReplyDelete
  2. Julie taylor3 August 2017 at 03:11

    Great Post ! Thanks for sharing...benefits of Landing Page Design and Optimization

    ReplyDelete

Post a Comment

Popular posts from this blog

Rotate my Blogger images

Image
Blogger-uploaded images can be rotated by modifying the url to include '-r90' (or 180, or 270). Take, for example, the image below. URL: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWVgBklYsvkxN7xwRlHuU8XWHdJTW7kpjJcEzMo2lD65tV4vwXuwHnPa3eiXZqUfpkdAYJMaTaPXO9RiEl1XY_tEfHWBEmBmnppNqP6_SovKyOe8gLd9-09TimKKdDZpIuMrjiPvg5hrOI/ s200 /IMG_2358.JPG If we switch the s200 to s200-r90 , we get the following image instead. URL: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcVtM8EBB40qw43B0tA7X6wiErlfRxG3YDKqPPKluXQzFSghY5bjSw312509fa6BHCQjcUDevY4L194LL7n5lImmia7zBVfYohxezEJq1bdxRx_CCOyL06w0rQS9Rb2RkjpLVpIx3PjnGy/ s200-r90 /IMG_2358.JPG Happy rotating!
Read more

Remove the header image for posts in Emporio

The new Emporio template features a large, blurred-out copy of the featured image for a post as the header image. Some like this feature, some don't - here's how to remove it if you're not a fan! Head to Theme => Edit HTML Search for ' data:view.isSingleItem ' The code that you see should look something like this:  <b:if cond='data:view.isSingleItem'> <b:if cond='data:widgets.Blog.first.posts.first.featuredImage'> <b:include data='{ image: data:widgets.Blog.first.posts.first.featuredImage, selector: &quot;.bg-photo&quot; }' name='responsiveImageStyle'/> <div class='bg-photo-container'> <div class='bg-photo'/> </div> </b:if> </b:if> Delete the XML including the <b:if> tag code. Happy Emporio'ing!
Read more

Get nicer thumbnails for my Post snippets

I recently received some feedback that my thumbnails are a bit nicer than the standard thumbnails offered by Blogger. This is because I use a custom snippet in my Blog widget, to produce bigger thumbnails, using the new resizeImage operator . Note: This post leverages the techniques described in the article about  Responsive images for Google photos . A note: The resizing behaviour provided on Blogger requires that the image is hosted on a Google platform to work - provided that you add your images by uploading them in the editor, this technique should work. Creating a responsive, resized Thumbnail The resize operator takes 3 parameters - the URL of the image, the width to resize it to, and an optional ratio for a cropped version of the image. <img expr:src=’resizeImage(data:post.firstImageUrl, 300)’ /> In my Blog widget, I've customized the HTML so that on feed views (homepage, search, etc), I display post snippets instead of the full post. As a part of thes
Read more