Friday, 22 June 2012

Hide Post Footer from Homepage in Blogger

How much do you care about your blog design? It matters, yeah. Your blog design matters as it represent your personality and no... no... don't ever think about copying someone else's design. Yeah, it's alright if it's available for you or you build similar with your own efforts. Else you just
don't show off yourself. It's true that design doesn't matters mostly but some people identify when they see you are using someone else's design strategy. However try to be unique with designing and customize it as you need. When it comes to customization, you may have seen that Blogger show post footer end of each post. You may feel it's perfectly alright to show at post pages, but you may not like the fact that it's visible on your homepage. It depends on your choice. Wanna get rid of post footer from your blog homepage?

Mostly you may customize your blog template to get more attention from your visitors and to make it an attractive place. Trying out stylish gadgets or widgets, using different font styles are couple of things you might try when you blogging. But sometimes you may wonder how to change the way some components appear on your homepage such as default Post Footer. I hope you are familiar with post footer, else it's shown above. First off, you would like to show it off on your homepage and it's perfectly alright. It's your choice. But in another time, you may feel, its better to show it only at post pages but not on homepage. Did you land here with that thought in your mind? Then you can learn it from here. There is no option provided by Blogger to remove your Post Footer but customize. So to remove or hide Post Footer from you blog homepage, you have to dig into your template. Shall we?


1. Go to Blogger Dashboard

2. Click on your Blog Title.

3. Jump to Template tab from left pane.

4. Now click on Edit HTML button.

5. Click Proceed button to view Template Editor.

6. Tick on Expand Widget Templates

7. Find below code in your template,


8. Now paste following code snippet after ]]></b:skin>.

<style type='text/css'>
<b:if cond='data:blog.pageType == "index"'>
.post-footer {display:none !important;}

9. Preview your blog to confirm changes and Save template.

Enjoy :-)


Post a Comment

Your Comment Posted After Approved.