How To Remove Post Title In Blogger Static Pages

Monday, July 11, 2011

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

Capture

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 

Capture


The Procedures

  1. Login to your blogger dashboard –-> click Design –-> click Edit HTML –-> click the check box Expand Widget Templates to show right sign sign. 

    Capture

  2. Press Capture to show the Find toolbar locate at the top of Design board –-> type post-title in its text box –-> click Next 

    Capture

  3. The template editor will redirect you to the code highlighted in yellow color. See below. 

    Capture

  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 



  6. On the textbox of Find toolbar, type </head> –-> click Next –-> paste the code you copied in step 5, ABOVE the closing tag </head> 

    Capture

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


After The Procedures 

Capture 

Sources

  1. Blogger Plugins

12 comments:

{ gnesop } at: July 12, 2011 at 1:04 PM said...

nice sharing...

{ Zainal Abidin } at: July 12, 2011 at 9:58 PM said...

salam sop..

thanks..:)

{ Tarih Gezgini } at: May 21, 2012 at 1:25 AM said...

thanks, iam used my site.

{ ALI } at: June 8, 2012 at 3:25 PM said...

its not working
by
www.syedzentertainment.blogspot.com

Anonymous at: July 23, 2012 at 8:18 PM said...

Thanks a lot, that was helpful.

{ School Pet } at: September 28, 2012 at 12:22 AM said...

Please how do I disable Blogger from posting my blog description to social networks when I share my contents. Like, my blog description is The New Face of 'Idea' and, whenever I post my contents on Facebook and Twitter, the description appears - making it almost impossible to add the actual description of that particular post especially on twitter. Please guide me. Thanks in advance!

{ Zainal Abidin } at: October 4, 2012 at 8:13 AM said...

hello school pet...

ok...i will try to assist you then...please give me some more time to explore the solution for you...:)

thanks mate for visiting my blog...:)

all at: November 27, 2012 at 1:33 AM said...

do you have any idea how to get this work with dynamic view?

{ Zainal Abidin } at: November 27, 2012 at 8:21 AM said...

hello all...

actually i am not really pro in blog design....you can go to....


http://www.southernspeakers.net/


This blog had discussed a lot about the blogger dynamic view....

{ Claudine Allen } at: January 14, 2013 at 4:41 PM said...

this was brilliant thank you

{ claire lynette } at: May 22, 2013 at 3:00 AM said...

Thank you! It worked perfectly!

{ Unknown } at: May 30, 2013 at 7:59 AM said...

Appreciation for nice Updates, I found something new and folks can get useful info about BEST INFORMATICA ONLINE TRAINING

Post a Comment

Related Posts Plugin for WordPress, Blogger...