The very first tutorial published in this blog was a walkthrough on how you can set-up a welcome screen in your blog, so that you won't be presented with Blogger's default homepage. I thought it's about time to update the old walkthrough, as an easier way to set-up a custom landing page is now available to us. Basically, this walkthrough is gonna teach you how you can set a custom page to be the first page that your readers will be seeing upon visiting your blog (from hereon referred to as 'new landing page'). This can be useful if you want to include some sort of welcome screen, content warning, or whatever tickles your fancy. And yes, it works on non-dynamic as well as dynamic view templates!
Click here for a video tutorial!
Note: In the walkthrough below, I will change my default landing page to a custom welcome screen. It is not a must to use a static page as your custom landing page. You can use any page in your blog for this purpose.
Step 1:
It is important that you have a Pages gadget in your blog so that you readers can navigate from your new landing page to your blog posts. If you don't already have one, add it by going to Dashboard - Pages - Show pages as - Top tabs.
It is important that you have a Pages gadget in your blog so that you readers can navigate from your new landing page to your blog posts. If you don't already have one, add it by going to Dashboard - Pages - Show pages as - Top tabs.
Step 2:
Go toDashboard - Pages - New Page - Web Address Dashboard - Layout - Pages - Edit - Add external link. Use 'Blog' as its title. As for the URL, use your current URL, with a suffix of '/search' at the back.. For example, if my blog's address is:
Just FYI: You might be wondering why this step is necessary. Here's why. Though you can easily change the default landing page, it is important that sufficient measures are taken to ensure your readers have the options to view your blog posts. Otherwise, your readers will only see your new landing page + your pages links, and no way to view your blog posts..
Go to
http://testblog13yoboy.blogspot.com..in the URL field, I'd enter:
http://testblog13yoboy.blogspot.com/search
Just FYI: You might be wondering why this step is necessary. Here's why. Though you can easily change the default landing page, it is important that sufficient measures are taken to ensure your readers have the options to view your blog posts. Otherwise, your readers will only see your new landing page + your pages links, and no way to view your blog posts..
Step 3:
You don't have to create a new page to serve as a landing page. You can use any page/post in your blog and set it as your new landing page. But if you haven't created a custom landing page for your blog, this will be a good time to do so. Under Dashboard - Pages, create a new static page by clicking on New Page - Blank Page. Design the page as you like. You might want to leave a link to your blog posts by entering a text that says 'Click here to continue' or something to that effect. Link it to the URL that you've used in Step 2.. Publish your new landing page when when you're done composing.
You don't have to create a new page to serve as a landing page. You can use any page/post in your blog and set it as your new landing page. But if you haven't created a custom landing page for your blog, this will be a good time to do so. Under Dashboard - Pages, create a new static page by clicking on New Page - Blank Page. Design the page as you like. You might want to leave a link to your blog posts by entering a text that says 'Click here to continue' or something to that effect. Link it to the URL that you've used in Step 2.. Publish your new landing page when when you're done composing.
Step 4:
You need to note down your new landing page's URL before proceeding to Step 5. Just view the page that you've created from Step 3 in a browser and note it's URL, by going to Dashboard - Pages - Click 'View' on your new landing page. This is the URL of my new landing page:
You need to note down your new landing page's URL before proceeding to Step 5. Just view the page that you've created from Step 3 in a browser and note it's URL, by going to Dashboard - Pages - Click 'View' on your new landing page. This is the URL of my new landing page:
http://testblog13yoboy.blogspot.com/p/welcome.htmlYou only gonna need the part after the .com for the next step. This is the portion that I'm referring to.
/p/welcome.html
Step 5:
Go to Dashboard - Settings - Search Preferences - Errors and redirections - Custom Redirects - Edit, and use the settings below:
Go to Dashboard - Settings - Search Preferences - Errors and redirections - Custom Redirects - Edit, and use the settings below:
- In the 'Form' field, insert a forward slash /
- In the 'To' field, insert the part that you've gotten from Step 4
- Check the box that says 'Permanent' next to it.
- Click 'Save' (the blue link)
- Click on 'Save Changes' (the Orange button)
Extras:
1) In your pages menu, you'd probably have 'Home', 'Blog' and the link to your new landing page (in my example, I named it 'Welcome'). Now, you'd notice that the 'Home' link and 'Welcome' link serve the same purpose. You might wanna remove one of these links by going to Dashboard - Layout - Pages - Edit - Uncheck either the 'Home' box or the box next to your new landing page.
2) Since your landing page is probably gonna be a static or post page, you'll see your comment box on the very front page itself. You can turn this off by editing your landing page, and on the right-side column - Page Settings - Options - Reader comments - choose 'Don't allow, hide existing'. Click 'Done' and 'Update' when you're done.
3) Having sidebar(s) on your welcome page might not be desirable, especially when you could use the space to widen your new landing page. Click here to check out a tutorial on how you can remove sidebar(s) and maximize width on selected page(s).
1) In your pages menu, you'd probably have 'Home', 'Blog' and the link to your new landing page (in my example, I named it 'Welcome'). Now, you'd notice that the 'Home' link and 'Welcome' link serve the same purpose. You might wanna remove one of these links by going to Dashboard - Layout - Pages - Edit - Uncheck either the 'Home' box or the box next to your new landing page.
2) Since your landing page is probably gonna be a static or post page, you'll see your comment box on the very front page itself. You can turn this off by editing your landing page, and on the right-side column - Page Settings - Options - Reader comments - choose 'Don't allow, hide existing'. Click 'Done' and 'Update' when you're done.
3) Having sidebar(s) on your welcome page might not be desirable, especially when you could use the space to widen your new landing page. Click here to check out a tutorial on how you can remove sidebar(s) and maximize width on selected page(s).
