The post-footer is a very personal space for Bloggers..Many would like to have their custom-logo ; picture ; links etc to appear right after every post. Blogger gives us “comments – Quick edit – Email link ..and many more that we find in the Edit of Blog posts (TEMPLATE – Pagelements )..”
Post footer is that small space that you see below every post in yor blog-main page. In addition to all the standard ones given to us by blogger, we can give our own signature touch to the post-footer.
Before we try our hands on editing the post-footer contents in the template..lets get to know how its organised
- SAVE AND BACK UP YOUR TEMPLATE
- Locate
<div class=’post-footer’>
<p class=’post-footer-line post-footer-line-1′>
Now here is what you need to understand
| <div class=’post-footer’> <p class=’post-footer-line post-footer-line-1′> CODE TO SHOW AUTHOR NAME CODE TO SHOW TIME-STAMP OF THE POST CODE TO SHOW THE NUMBER OF COMMENTS CODE TO LINK TO THE BACKLINKS TO THE INDIVIDUAL POSTS <span class=’post-icons’> CODE TO SHOW EMAIL ICONS CODE TO SHOW QUICK EDIT ICON </p> <p class=’post-footer-line post-footer-line-2′> CODE TO SHOW LABLES AND ANY OTHER THINGS THAT YOU MAY HAVE CHOSEN TO SHOW FROM THE BLOG-EDIT (template-pageelemts) </p> <p class=’post-footer-line post-footer-line-3’/> </div> |
- It is advisable that you dont mess with the codes in line-1 and line 2..Unless you are very much sure of wat you are doing
- So..You can add your customised links-pics etc in the line-3 of the post footer..after you have made this slight change in the footer code
- Change the
<p class=’post-footer-line post-footer-line-3’/> to
<p class=’post-footer-line post-footer-line-3′>
You may add the code for your links – pictures here
</p>
If this post had been helpful to you.. kindly drop a word and link back to me as a gesture of appreciation for the effort taken.
Your appreciation is my motivation
i was looking for this type of articles with step by step info on animation for a long time…no luck….i find ur article very useful…soon ll leave u with feedback after workin it out myself….good job..!
Best of luck with the animation
I don’t seem to have:
p class=’post-footer-line post-footer-line-3’/
instead, I have:
div class=’post-footer-line post-footer-line-3’/
so I’m not sure how to edit my footer. Any suggestions?
Hi Philly,
Welcome here.
The footer line code that you have given in fine..
Yoou can go ahead and edit this area by adding custom pics, ads, texts etc
<div class=’post-footer-line post-footer-line-3′>
You may add the code for your links – pictures here
</div>