This is our Blogger FAQ and Help guide on the questions and issues that are commonly raised by Bloggers as well as the readers of our Blog at Tips for New Bloggers. Here, we shall elaborate on the finer details of the customization tips for your Blog template, give further examples, and answer specific queries. For detailed write-ups and discussions on the topics, please refer to the articles in our main Blog. Before changing any template, please remember to save a copy of the current template. After editing the template, preview it, and save it when you are satisfied with the change.
Blogger FAQ and Help

Header
  • Insert an image to the left of Blog Title and Description [read]
  • Add a Horizontal Navigation Bar in Header Image [read]
  • Unable to remove Header Image [read]

Blog Posts
  • Arrange, customize and shift the Blog Posts and Footer elements [read]
  • Insert a picture or image beside the Blog Post Title [read]
  • How to have standard or pre-formatted text in Blog Posts [read]
  • Add Highlighting to Text and Background Color in Text Box [read]
  • Change Blogger Post URL - SEO Tip [read]
  • Change the Post a Comment Link [read]
  • Add scrollbars to text within Blog Posts [read]

Sidebar
  • Add Background color and image to Sidebar Titles [read]
  • Have different Background colors for each widget [read]
  • Style and Position Sidebar Images [read]

Footer
  • How to align Blog Post Footer elements to the left [read]
  • Move Comments Label to below Post Title [read]

Links and Labels
  • How to add Hover, Mouseover and Rollover effects for links [read]
  • Remove automatic number count in Labels widget [read]
  • Remove link underlines in Blog Posts and/or sidebar [read]
  • Be notified by Blogger when there is a Backlink [read]
  • Change and Edit Labels in Multiple Posts [read]

General
  • How to change Background Colour of TicTac Template [read]
  • How to remove the Pencil or Screwdriver and Wrench icons [read]
  • How to add animated graphics in Blogger Post and Sidebar [read]
  • Add Text Box or HTML textarea code in Blogs [read]
  • Know the limits on our Blogger account [read]
  • How to take Screenshots or Screen captures [read]
  • How to change and transfer Blog ownership [read]
  • Change font size and font styles in template [read]
  • How to center align Page Elements [read]
  • How to insert a separator line between each comment [read]

Search Tricks for New Bloggers

banner
We have extended our month-long vacation by a couple of days. We shall be posting articles the moment we return. We noticed that Google had updated the Page Ranks. New bloggers who have been waiting anxiously for this can check their blogs' Page Ranks. We have the PR checker link in our SEO Tools - Search Engine Optimization article.

The blog we created recently in Aug 2007, Blogger FAQ and Help, has also got its first Page Rank, a PR4. All our blogs are now ranked:-

Tips for New Bloggers - PR6
Business Fables and Management Lessons - PR4
Famous Motivational and Inspirational Quotes - PR4
Blogger FAQ and Help - PR4

Thanks to everyone for the support!

Sep 22, 2007

Digg This Story

Comments Label below Post Title

We wrote about how you can move the Labels to the top of the post so that Technorati can index the Labels as tags for those people who do not have full post feeds. In addition, users have asked whether they can show the number of comments at the top of the posts instead of the footer. In this tutorial, you will learn how to move the comment count link to the top, below the post title. We can even have the comments link appear at both the top and bottom of the post.

Before modifying the template, backup a copy of the existing template. Go to Template -> Edit HTML and save the template by clicking the “Download Full Template” link.

Next, tick the box against “Expand Widget Templates”.

Scroll to these lines:-

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>


Cut the above code from the template if you do not want the comment count at the bottom of the posts. Copy the code should you want the comment label at both places – top and bottom of the posts.

Paste the code at this place:-

<div class='post-header-line-1'/>
<div class='post-footer'>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span></div>


We have added the code (shown in blue) so that the comments label will follow the styles set for the footer.

The result is a comments label and comments link just below the Post Title like this:-

Comments Label below Post Title

© Tricks for New Bloggers

Found this article useful? Mention us in your post, subscribe to our feed, link to us, or bookmark this site. Thanks for your support!AddThis Social Bookmark Button

7 comments:

summer said...

Just curious-will something similiar work, to display Post Author immediately below the post title?

bizwhiz said...

Hi Summer

Guidelines are in Post Footer – Customize Template (I).

Dav7 said...

could you help me on this one

on my blog BuxMaking, the comment link appears in Portuguese, but I have the blog set to English UK !!

do you understand why this happens?

Thanks

MissandMisterKinkY said...

OMG, this is just what I have been looking for and wanting to learn for ages!! You rock. Kisses!! Thanks heaps.

Once our blog is up and running again be sure to find a link to your site mentioning how to show various labels under the post tile. Thanks so much for this bit of into!!

Ciao ;)

Web Design Quote said...

I like that you change the "post a comment" name. That was a new trick which i seen in your blog that the comment count link to the top.

Elizabeth said...

I am trying to remove my

"posted by Elizabeth on 7.14.2009 comments 0"

from my header and I am not sure how to do this. I want to put it in the footer of each post. Thanks!

Elizabeth

Anonymous said...

Hey, just want to say hi. I'm new here.