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