We see many Blog site that uses the Welcome page or Landing Page. For creating a better impression of a Blog Landing page is necessary. Landing page required for any announcement, content warning, Site profile, displaying all post list or any other kinds of purpose.
You may also use a landing page for displaying about your Blog information, as well as company profile can be display in the welcome page. There is a major benefit of a landing page is for the swift load.
Suppose your blog is completely full with graphics or added many graphics then you may use the landing page for faster load. Your blog visitors will love it.

So I will show you about the trick to display the landing page in
your Blog. And how we can make it attractive by adding a simple piece of Graphics
with a welcome message or site information.
Before proceed, your Blog should have a Page widget. And for the tutorial purpose, I have applied this tutorial on Blogger default template but it will 100% work on any custom blogger template.
Before proceed, your Blog should have a Page widget. And for the tutorial purpose, I have applied this tutorial on Blogger default template but it will 100% work on any custom blogger template.
Creating a Welcome or Landing Page
For creating a landing page you must have to create a new page
with graphics and message for your visitors. However, you can also show a specific
blog post or any other page on your landing page. But though we will display a
landing page so just follow the below steps-
Step #1: Sign in to your Blogger
Account and Go to Blogger Dashboard
Step #2: Now Click on Blogger
Dashboard -> Pages -> Blank Page
Step #3: After that switch to HTML view from the top
left corner.
<style>
#sidebar-wrapper, #midsidebar-wrapper,.column-left-outer, .column-right-outer, .gapad2, .blog-pager, .post-header-line-1, .post-footer, #comments {
display:none !important;
}
#main-wrapper { width:99%!important;}
.post { width:99%!important; }
.fauxcolumn-outer { width:99%!important; }
.main-inner .columns { width:99%!important; }
</style>
Step #5: After that Switch to Compose view. And now add any suitable graphics and write your message there. After that press the Publish button from the top right corner of the screen.
Step #6: Now open your Created Page and get the Link for example
- http://bloggerspice.com/p/about-us.html
from the above link, we need
only
- We need only /p/about-us.html part for further use.
Adding Page widget in Blogger Layout section
Now we will
add Page widget in Blogger layout section. Try to add this widget at the top of
the page.
Step #1: Log in to your Blogger Account and Go
to your Blogger Dashboard
Step #2: Go to your Layout tab.
Step #3: Click on "Add a Gadget" then select "Pages"
Widget.
Step #4: Now under Pages to show click on +Add external link and a popup windows will open.
Step #5: Now under Page title field
write Blog or your Site name. And under Web address (URL) field write your Blog URL like below-
- http://YourBlogURL.com/search
For Example:
- http://www.bloggerspice.com/search
Step #6: Now click on Save
Link button to close the window.
Adding Link on Custom Redirect section
This is the final stage,
here we will use a custom redirect system where Your Blog will redirect to your
Landing page.
Step #1: Go to Blogger Dashboard and click on -> Settings -> Search Preferences
Step #2 Now under Errors and
redirections click on -> Custom
Redirects ->Edit
Step #3: In the 'Form' field, insert a (forward slash) /
Step #4: In the 'To' field, insert the last part of your
Landing page URL /p/about-us.html that I have already explained above.
Step #5: Click on the Check box next to Permanent option. And Click Save
text link.
Step #6: Finally hit the Save
changes button.
The above Image displaying the final output of my landing page. I just added a simple welcome image and written about my Blog within a paragraph.
However, you can design in your own way. For further help feel free to write to me.
Create high-quality custom landing pages easily from anywhere on any device by loading your essential web development tools onto Hosted Citrix VDI with add-ons such as QuickBooks Hosting and Office 365 Enterprise E5 suite powered by Apps4Rent.
But it shows up another problem.
Recent posts aren't displayed on landing page. Any solution for that?
Hi Vishal, For displaying recent post you have to add a Button or Tab.. Under ADDING PAGE WIDGET IN BLOGGER LAYOUT SECTION
in Step 5 I have mention for displaying Latest Posts. http://YourBlogURL.com/search
It works! Thank you! Other websites didn't pan out but your instructions are 100%, thanks!
Having problems with mind, I have followed all the instructions aligned here but still it's not working. what should I do
I think you have tried this code in custom blogger template. But I have shown the example in Blogger Default template. You have to change the code in Step 4 according to your custom template code. Because in custom template code maybe define different ways.
<style>
#sidebar-wrapper, #midsidebar-wrapper,.column-left-outer, .column-right-outer, .gapad2, .blog-pager, .post-header-line-1, .post-footer, #comments {
display:none !important;
}
#main-wrapper { width:99%!important;}
.post { width:99%!important; }
.fauxcolumn-outer { width:99%!important; }
.main-inner .columns { width:99%!important; }
</style>
Hello I'm still having trouble with my recent posts sharing on their tab. It says "Sorry, the page you were looking for in this blog does not exist." I've set it up like you mentioned in step 5. Would love some help!
Hi Austin..Please check your Blog page and it is opening or not. Don't try with a unpublished page or draft page. Your Blog page must published and have direct access. If your Blog page is OK, then check the redirect settings. I think you have done any mistake in "Custom redirect" settings in "Step 3". :t
LOVE the simple, easy to follow steps. Thanks!
I, too, can not see the navigation bars on the right. I reset the % (as in step 4) but they navigations bar still does not show. Suggestions?
Hi Monica :t
Are you using Blogger default theme or Custom theme?
It is indeed a great tutorial and I appreciate on the hard work that you have put in writing this tutorial.
B/Rgds
Krish
People who were making exactly $0/month were now beginning to see REAL profit from their business...
Why?
Because they were at the right place, at the right time, in the right mindset.
And everybody who ignored the plugin... well, they just kept on making that $0/month...
Now, the reason that I am teaching you this today is because InstaBuilder is opening its doors again!
After two years of development, tweaking, and testing with their 6000+ customer base, the owners of InstaBuilder have decided to "go public"...
For the first time EVER you can get access to the NEW AND IMPROVED version of the plugin that completely transformed the sales funnel creation industry...
Check It Out Here >>> http://instabuilder.com?nc8w65682g
Now, here is your chance to be in the right place, at the right time, in the right mindset.
People who were making exactly $0/month were now beginning to see REAL profit from their business...
Why?
Because they were at the right place, at the right time, in the right mindset.
And everybody who ignored the plugin... well, they just kept on making that $0/month...
Now, the reason that I am teaching you this today is because InstaBuilder is opening its doors again!
After two years of development, tweaking, and testing with their 6000+ customer base, the owners of InstaBuilder have decided to "go public"...
For the first time EVER you can get access to the NEW AND IMPROVED version of the plugin that completely transformed the sales funnel creation industry...
Check It Out Here >>> http://instabuilder.com?nc8w65682g
Now, here is your chance to be in the right place, at the right time, in the right mindset.
Thank you :up