-->

Blogger Blog Template with Static Home and Blog Post Page

I am showing to you how to convert a blogger blog template to a professional or company website that promotes your Products & Services. Why Blogger? I would like to use that because it is free blogspot.com domain or we can purchase a cheap TLD domain and it is reliable and easy to use for newbies bloggers. But main problem that you face, how to convert a blogger static home page and other one how to import blog post to custom page.

Create a Static Home Page:

It is fairly easier to alter a Blogger blog template to remove posts from the main page. You simply need to edit the blog template CSS code:
Go to Dashborad - >Design ->Edit HTML
Find the code "]]></b:skin>" and add below code after this.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
.post, .sidebar, .menu-xitem, #sidebar-wrapper, #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>

Create a Post Page:

There no direct method to publish a dynamic post in a static page. But we can do it, by labeling our posts to a common name (like Blog) and linking your label to your tab menu. 

Go to Dashboard -> Posts -> Select all posts -> Click on the Label icon -> New Label -> then name your label “Blog”.
Next you have to find the link of your Blog label page, which has your common labeled posts in it(like: http://example.com/search/label/Blog).
Next, we want to add our Blog label's link to our Pages gadget to create a custom a post page.
Go to Dashboard -> Layout -> Add a Gadget -> Pages-> Web Address.  Paste the link address of your Blog label in the box.

No comments