January 17, 2013

Create Blogger Static Home Page

On WordPress you can easilly change your defaut home page to static page from Setting on your Dashboard, but on blogger must have a trick to do that, below two method how to make a static home page on blogger.

Method 1

Go to Dashboard >> Settings >> Post and Comments >> Show at most 0 Posts on your main page.
On your Layout Add HTML/javascript gadget above blogpost widget.

blogger layout

With this method you must tweak blogger HTML code to hide Post bar with No Posts text in the middle and of course Home page link on the bottom which show if you not have a post to show. ( I think this is  a blogger default message).

Method 2

I am forget what url address i found this code when searching from search engine.
From your Dashboard >> Template >> Edit Html >> checklist Expand Widget Templates
Scroll down and find this code :  ]]></b:skin>

And below it copy and paste this code below:
<b:if cond="data:blog.url == data:blog.homepageUrl">
<style type="text/css">
.post, .sidebar, .date-outer, #blog-pager {display:none;}
</style></b:if>
<b:if cond="data:blog.url == data:blog.homepageUrl">
<style type="text/css">
body#layout .sidebar {display:inline;margin-top:200px;}
</style></b:if>

I add .date-outer to hide date from home page, you also can hide date from blogpost widget.

The code above will hide blogpost widget, sidebar and date.
If you only want remove a blogpost widget, just delete .date-outer and .sidebar from the code, delete it from row below:

.post, .sidebar, .date-outer, #blog-pager {display:none;}

That's it, i hope this can be useful, thank you

1 comment:

  1. Very Useful tips,thanks a lot admin by www.quizvook.com

    ReplyDelete