We see many Blog site that use Welcome page or Landing Page. For creating a better impression about 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 welcome page.

The major benefit of landing page is for swift load. Suppose your blog is completely full with graphics or added many graphics then you may use landing page for faster load. Your blog visitors will love it.

So I will show you about the trick to display landing page in your Blog. And how we can make it attractive by adding simple piece of Graphics with welcome message or site information. Before We proceed, your Blog should have 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 landing page you must have to create a new page with graphics and message for your visitors. However you can also show an 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 top left corner.
Step 4 Copy the below code and Paste it there. This script added for creating full width page.

Script
<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> Double click to selection | Use Ctrl+C to Copy

 

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