Home » Blogger Tutorials, Tricks and Hacks » Blogger Comments Tricks » How to Add Numbered Comments on Threaded Comments for Blogger

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

How to Add Numbered Comments on Threaded Comments for Blogger

How to Add Numbered Comments on Threaded Comments for Blogger

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

802 views

A cool feature for your blog is the numbered comments on threaded comments. The guys at Helpblogger have created this tutorial and they’ll show you how you can add this to your Blogger.

Here are the steps:

  1. For old interface users, go to Blogger Dashboard > Design > Edit HTML > Expand Widget Template
  2. For new interface users, go to Blogger Dashboard > Template > Edit HTML > Proceed > Expand Widget Template
  3. Search for this code below ( CTRL+F for shortcut)
]]></b:skin>

4. Add this code above it.

.comment-thread ol {
 counter-reset: countcomments;
 }
 .comment-thread li:before {
 content: counter(countcomments,decimal);
 counter-increment: countcomments;
 float: right;
 font-size: 22px;
 color: #555555;
 padding-left:10px; 
 padding-top:3px; 
 background: url(http://3.bp.blogspot.com/-f6ByQfbwApQ/T4x_8p1FGpI/AAAAAAAAB2A/WJKf-ybmvQk/s1600/comment+bubble2.png) no-repeat;
 margin-top:7px; 
 margin-left:10px; 
 width: 50px; /*image-width size*/
 height: 48px; /*image-height size*/ 
 }
 .comment-thread ol ol {
 counter-reset: contrebasse;
 }
 .comment-thread li li:before {
 content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
 counter-increment: contrebasse;
 float: right;
 font-size: 18px;
 color: #666666;
 }

5. Save.

Reminder:

  1. If you want to remove comment bubble, remove the code highlighted in red and green.
  2. If you want to replace comment bubble, replace code in green highlight with your URL address of your own icon.
  3. Increase/decrease value settings (3 and 10) from padding-top and padding-left if you want to change position of comments count.
  4. Change values (10 and 7) from margin-left and margin-top to change position of comments bubble/icon.
  5. Always have a backup before changing your template.

 

Liked It ? Please Share

Comments

6 Responses | Post A Comment | Subscribe To Comments RSS Feed

  1. aPetrov says:

    ooo…. thanks for your nice information ..great blog.I have to change it to embedded just to get the threaded reply. Seems like there are lot of bugs still yet.my blog site is Free software

  2. aPetrov says:

    Reminder:

    If you want to remove comment bubble, remove the code highlighted in red and green.
    If you want to replace comment bubble, replace code in green highlight with your URL address of your own icon.
    Increase/decrease value settings (3 and 10) from padding-top and padding-left if you want to change position of comments count.
    Change values (10 and 7) from margin-left and margin-top to change position of comments bubble/icon.
    Always have a backup before changing your template.

    true loading

  3. MaxDee says:

    All-new Attacking Intelligence infuses players with the most sophisticated artificial intelligence ever achieved. Players have the ability to analyze space, work harder and smarter to break down the defense, Free software and think two plays ahead. Now every touch matters with the most comprehensive and intuitive dribbling system ever developed for the franchise. Inspired by the world’s best player, Lionel Messi, Complete Dribbling enables players to face their opponent and use precise dribble touches combined with true 360° mobility with the ball, so it’s easier to be more creative and dangerous in 1v1 opportunities. FIFA Soccer 13 1st Touch Control transforms the way players control the ball, eliminating near-perfect touch for every player on the pitch, and creating more opportunities for defenders to win back possession. The second generation of the Player Impact Engine expands physical play from just collisions to off-the-ball battles between players. Defenders can push and pull for position, and utilize their size and strength to force opponents into poor touches and decisions before the ball arrives. FIFA Soccer 13 Tactical Free Kicks provides the tools to create dangerous and unpredictable free kicks. Position up to three players over the ball and utilize dummy runs and more passing options to outwit your opponent.

  4. MaxDee says:

    All-new Attacking Intelligence infuses players with the most sophisticated artificial intelligence ever achieved. Players have the ability to analyze space, work harder and smarter to break down the defense, Free software and think two plays ahead. Now every touch matters with the most comprehensive and intuitive dribbling system ever developed for the franchise. Inspired by the world’s best player, Lionel Messi, Complete Dribbling enables players to face their opponent and use precise dribble touches combined with true 360° mobility with the ball, so it’s easier to be more creative and dangerous in 1v1 opportunities. FIFA Soccer 13 1st Touch Control transforms the way players control the ball, eliminating near-perfect touch for every player on the pitch, and creating more opportunities for defenders to win back possession. The second generation of the Player Impact Engine expands physical play from just collisions to off-the-ball battles between players. Defenders can push and pull for position, and utilize their size and strength to force opponents into poor touches and decisions before the ball arrives. FIFA Soccer 13 Tactical Free Kicks provides the tools to create dangerous and unpredictable free kicks. Position up to three players over the ball and utilize dummy runs and more passing options to outwit your opponent. download game

  5. MaxDee says:

    Nice information, I have helped. I recommend to try Download game

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here