How To Remove Post Title In Blogger Static Pages

I am going to build my sitemap and contact form. But, a few problems arise. The problems are due to visibility of post title and read more button in my static pages. Both of them will make my sitemap and contact form look ugly. 



Today, I will show you how to remove the post title in my static pages. The procedures to remove read more button will come soon. 

Disclaimer
Please be informed, this procedures had been done based on my blog template. I SHOULD NOT BE responsible if any harm happen to yours during following my procedures. Please backup your blog template before doing any modification on it.

Note:
For those who want to know how to create the static page, click here

  
Before The Procedures 

The Procedures

1. Login to your blogger dashboard –-> click Design –-> click Edit HTML –-> click the check box Expand Widget Templates to show sign. 
   
   
   
   
2. Press to show the Find toolbar locate at the top of Design board –-> type post-title in its text box –-> click Next 
   
   
   
   
3. The template editor will redirect you to the code highlighted in yellow color. See below. 
   
   
   
   
4. As you can see above, it is the HTML heading’s tag named h3 with the selector, class=‘post-title entry-title’. Because it using the class selector, you MUST USE dot (.) symbol to specify the CSS style for the page element named post title. Click here for more information.
   
   
5. Now copy the code below 
   
   <b:if cond='data:blog.pageType == "static_page"'> <style> .post-title { display:none; } </style> </b:if>
   
   
6. On the textbox of Find toolbar, type </head> –-> click Next –-> paste the code you copied in step 5, ABOVE the closing tag </head> 
   
   
   
   
7. Click button SAVE TEMPLATE –-> click View Blog –-> click the blog button that represent the static pages in order to view the result. In my case, they are and .

After The Procedures 

 

Sources

1. Blogger Plugins