How To Design Static Home Page In Blogger | And Set As A Home Page

How To Design Static Home Page In Blogger :-

Educators occasionally use a static home page to provide background information to parents or students about the purpose of the blog. Their Home page normally contains content that rarely changes and latest posts are viewed by clicking on the link to the Posts page.
A static website contains Web pages with fixed content. Each page is coded in HTML and displays the same information to every visitor. Static sites are the most basic type of website and are the easiest to create. Unlike dynamic websites, they do not require any Web programming or database design. A static site can be built by simply creating a few HTML pages and publishing them to a Web server.
Since static Web pages contain fixed code, the content of each page does not change unless it is manually updated by the webmaster. This works well for small websites, but it can make large sites with hundreds or thousands of pages difficult to maintain. Therefore, larger websites typically use dynamic pages, which can be updated by simply modifying a database record. Static sites that contain a lot of pages are often designed using templates. This makes it possible to update several pages at once, and also helps provide a consistent layout throughout the site.

How To Create a Static Home Page Step By Step Follow Me :-

  1. Go to Page > Add New
  2. Give the page the title Home, write the content you want displayed on the front page of your blog and click then Publish.
  3. Click Page > Add New again and create a new page titled Posts. You don’t need to add content to this page since this is the page that will display your latest posts.
  4. Go to Settings > Reading
  5. Change your settings to A Static page with Front page: Home and Post Page: Posts and then click Save Changes.
  6. The front page of your blog should contains the content that your wrote for the Home page and your latest posts are viewed by clicking on the link to the Posts page.
  7. However with some themes you end up with two Home links. This happens because many themes are hard coded to display “Home” link even when there are no other pages on the blog.
  8. To remove the second Home link you just edit the Home page to make it a sub page of another page.
Copy Code And Use It :-


<div dir="ltr" style="text-align: left;" trbidi="on">
<html>
<head>
<title>Static Home Page</title>
</head>
<body bgcolor="pink">
<hr align="”center”SIZE=”3”WIDTH" />
<hr align="”center”SIZE=”3”WIDTH" />
<hr align="”center”SIZE=”3”WIDTH" />
<marquee bgcolor="yellow" direction="right">
<span font="" style="font-family: impact;">
<h1>
Welcome to Kamalgrd</h1>
</span></marquee>
<hr align="”center”SIZE=”3”WIDTH" />
<hr align="”center”SIZE=”3”WIDTH" />
<hr align="”center”SIZE=”3”WIDTH" />
</body>
<marquee>
<a href="https://www.kamalgrd.com/"><img height="160" src="https://lh3.googleusercontent.com/-3e_srtGVDgU/W4-rf4Ru0II/AAAAAAAABmc/sSuJTLo-wboKymt-Tv1ZV2iPs3ol6sObQCLcBGAs/h120/YouTube%2BSlideShow%2B-002.jpg" width="250" /></a>
<a href="https://www.blogger.com/blogger.g?rinli=1&amp;pli=1&amp;blogID=4951087047964188617#"><img height="160" src="" width="250" /></a>
<a href="https://www.blogger.com/blogger.g?rinli=1&amp;pli=1&amp;blogID=4951087047964188617#"><img height="160" src="" width="250" /></a>
<a href="https://www.blogger.com/blogger.g?rinli=1&amp;pli=1&amp;blogID=4951087047964188617#"><img height="160" src="" width="250" /></a>
<a href="https://www.blogger.com/blogger.g?rinli=1&amp;pli=1&amp;blogID=4951087047964188617#"><img height="160" src="" width="250" /></a>
</marquee>
<hr align="”center”SIZE=”3”WIDTH" />
<hr align="”center”SIZE=”3”WIDTH" />
<hr align="”center”SIZE=”3”WIDTH" />
<h2>
Download Free Your Desired App</h2>
Kamalgrd is provide those software which users want to have.
I provide direct downloading link without any wait so that users can enjoy unlimited downloads.
You can request us about software,game,application etc and we’ll upload it here as soon as we can.<br />
Kamalgrd Team.
<br />
<marquee direction="right">
<a href="https://www.blogger.com/blogger.g?rinli=1&amp;pli=1&amp;blogID=4951087047964188617#"><img height="160" src="" width="250" /></a>
<a href="https://www.blogger.com/blogger.g?rinli=1&amp;pli=1&amp;blogID=4951087047964188617#"><img height="160" src="" width="250" /></a>
<a href="https://www.blogger.com/blogger.g?rinli=1&amp;pli=1&amp;blogID=4951087047964188617#"><img height="160" src="" width="250" /></a>
<a href="https://www.blogger.com/blogger.g?rinli=1&amp;pli=1&amp;blogID=4951087047964188617#"><img height="160" src="" width="250" /></a>
<a href="https://www.blogger.com/blogger.g?rinli=1&amp;pli=1&amp;blogID=4951087047964188617#"><img height="160" src="" width="250" /></a>
</marquee>
</html>
</div>

How Make Sub Pages :-



  1. Go to Pages > Edit
  2. Hover over Title Home to bring up action links and click on Edit
  3. In the attribute module change the page from being a main page (parent) to be locating under another page (its parent page) and click Update Page. In the example below the home page is now located under the About page.

Tip: If you’re planning to delete the About page you would locate it under the post page.
Can you share a link to your blog If you use a static homepage so others see how you are using it? Can you also explain why you have chosen this approach as opposed to a front post page?
If you don't understand watch this video.


How To Design Static Home Page In Blogger | And Set As A Home Page How To Design Static Home Page In Blogger | And Set As A Home Page Reviewed by Kamalgrd on 6:09:00 PM Rating: 5
Powered by Blogger.