Thursday, 17 March 2016

Remove page title in Blogger

How to remove/hide page title in Google Blogger?


In Google Blogger, by default post title you provided will be shown in your page. This makes us easy to proceed with writing content directly. But when you want to display a different heading on page, it looks odd as showing almost two similar headings.


To do this, you can either hide it from Customize template or html version of template. But sometimes, you will face issues while editing html version. And we may delete few things by mistake. So I feel, its better to do with Custom CSS.


Its very simple to hide the post title in your blogger. Follow below instructions
Note: These changes are not specific to a post, it removes the heading from complete blog.

Step by step instructions to hide title using both Custom CSS & HTML template:

  1. Login to your blogger and navigate to your blog where you would like to hide or remove title.

  2. On left navigation pane, click Template.

Using Custom CSS:

  1. Then click Customize.

  2. Click Advanced and then go to Add CSS.


  3. In Add Custom CSS panel, add the following statement.

  4. h3.post-title{display:none;}

  5. Click 'Apply to Blog' to save.

Using HTML version of template:

  1. Click Edit html.

  2. Expand the following snippet.

  3. <b:skin>....</b:skin>

  4. Then add the following snippet at the end, i.e. just before ]]></b:skin>
    Note: If you already have a custom CSS styles, add it with in style tags, else copy with style tags.

  5. <style> h3.post-title{display:none;} </style>

  6. Now, save template.

That's it. Now check your blog for the changes, whether the title is still shown or not?





tags: How to remove title from Blogger post?, how to hide the post title in Google Blogger?,Removing or hiding post title on my Blog, steps to remove or hide page title from Blogger with images

No comments:

Post a Comment