June 1, 2011

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?


Blogger Default Post Footer

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?


Before You Go:

If you just wanna customize your post footer, read Customize Post Footer in Blogger.


Steps:


2. Click on your Blog Title.

3. Jump to Template tab from left pane.


Note: Before editing your template, you may want to save a copy of it. Read How to Back Up Your Template.

4. Now click on Edit HTML button.


5. Find below line of code in your template,

]]></b:skin>

6. Now paste following code snippet just after ]]></b:skin> line.

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

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


Enjoy :-)




Awesome! Thanks for coming by and taking your time to read this post :) I hope you have learnt something today. Now you can share it with your friends and I'd love to hear from you too.






Related Posts and Categories


Category, , , , ,





Comments

* Make sure your comment is genuine and comply with our commenting guidelines.

* Review your email and reply notification settings to receive replies via email.