How to add a Comment Count Bubble to Blog Posts: Skye Concept

·

With a Comment bubble on your blog post makes your page attractive to your visitor. It tells the total amount of comments responds on a post on the blogger page. And it improves our comments and beautifies our blog. Likewise it let our visitors knows what is the popular posts on our blog. Now just take the following steps on how to add this Widget.

  1. First Go to Your Dashboard < Edit Html
  2. Check Expand Widget Templates Button.
  3. Now Find for the  of Code. ]]></b:skin>

  • So Place this Below Piece of Code Just Above ]]></b:skin>
    .comment-bubble {
    float : right;
    width : 48px;
    height : 48px;
    background : url(http://2.bp.blogspot.com/-7FFIKA34Kvw/T4x9E0RmA0I/AAAAAAAAALI/03AG305CesI/s1600/speech+bubble+green.png);
    background-repeat: no-repeat;
    font-size : 18px;
    margin-top : -15px;
    margin-right : 2px;
    text-align : center;
    }


  • Here You Can Add Any images You Want.Just Replace the Url Above with the URl of Your Desired Image.

 Now find the below code

    <b:if cond='data:post.title'>
    <h3 class='post-title entry-title'>


 If you can't find it search for this code instead:

    <b:if cond='data:post.title'>
          <h3 class='post-title entry-title' itemprop='name'>


 Add this code immediately after/Below it:

    <b:if cond='data:post.allowComments'>
    <a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
    </b:if>

Now Save Your Template.That's it Now You're Done!


0 comments:

Are you confused or just want to tell us you visited? Feel free to comment

Your feedback is always appreciated. I will try to reply to your queries as soon as time allows.

Thinking of spamming here?:
Please do not spam Spam comments will be deleted immediately upon our review. So why waste your time?

Regards,
Enoch

Kindly use this button below to get this my article on your computer:

Print Friendly and PDF

You can also read this Related Posts



Best Blogger Tips

Post a Comment

Join me on Facebook Follow me on Twitter Follow me on Digg Follow on BlogCatalog Follow me on MySpace Subscribe to RSS Email me

Blog Archives

Google+

Google+

Followers