Slide show

Google Blogger: How to Customize Post Footer


When you are new to blogger you want to customize your blog according to your choice such as add a stylish menu bar for your blog,Customize your post footer options and much more.You can customize in four different ways.we are going to explain all of them


Add/Remove Basic Post Footer Options 
This facility is already provided by the blogger you have to some simple steps to do so

Steps
1.Go to Blogger Dashboard>Layout.
2.Now in Blog Posts click on Edit option

There you find all the options related to Post page and Post footer
some basic customizations are

- Add/remove share buttons
- Customize number of posts displayed on homepage
- Enable/disable reactions
- Showing off location
- Displaying number of comments on footer
- Showing author name
- Customize date and time displayed on footer

After customizations Now click on Save.

Remove Post Footer from Homepage/Index Page 
If you want to remove post footer options from your homepage you have to add a CSS code to your templet.

Steps
1.Go to Blogger Dashboard>Templet>Edit HTML.
2.Now press Ctrl+F and find  ]]></b:skin>
3.Now paste the below given code after ]]></b:skin>

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

Preview your blog to confirm changes and Save template.

Remove Post Footer from Post and Static Pages 
If you are like to disable your post footer from other pages while keeping it on homepage, you can try below method.

1.Go to Blogger Dashboard>Templet>Edit HTML.
2.Now press Ctrl+F and find  ]]></b:skin>
3.Now paste the below given code after ]]></b:skin>

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


Preview your blog to confirm changes and Save template. 

Remove Page Footer Completely from your Blog 
you can also remove your post footer completely from your blog.
you can also put post footer below post title with different style

1.Go to Blogger Dashboard>Templet>Edit HTML. 
2.Tick on, Expand Widget Templates.
3.Now press Ctrl+F and find  .post-footer
4.Now paste the below given after after .post-footer


display:none !important;
 

i.e:  .post-footer { 
   
        display:none !important;
        ........................................
      }


5. Now Save your template.


Resource http://way2bloggerz.blogspot.gr/2012/04/how-to-customize-post-footer.html

No comments:

Post a Comment