.....

8 Show Comment Bubble at Top Right of each Blogger Posts

Add bubble comments count near your each of you post title can make make your blog more attractive to your visitors. If you are a new blogger in blogging era and want to design your own customize template or modify the existing one, this tutorial is for you. so let's go ahead and add a small bubble comment count in front of your blogger post area. find working demo on this blog.


STEP #1
Log in to Blogger, go to Layout -> Edit HTML
and mark the tick box "Expand Widget Templates"

STEP #2
Now find (CTRL+F) this code in the template:

]]></b:skin>
And immediately before it, paste this code:
.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoJoXeIg582Vic4PxhI84XZmDwyGEdvPKMOYyiVSRvMV6IJMgBsyFyS6t0yFFQePwKjCSMcE9jYaRt-owIAsWV8UhShxqJO2nNylaZ_DIGyEF5GKvu8vjtgH_ns6pgpStkald2BHSV1Cj8/s1600/Comment+Bubble+%281%29.png) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
position:float;
}


Now find this code:
<b:if cond='data:post.link'>

and replace it with the bellow code
<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>
<b:if cond='data:post.link'>


Click Preview. If its ok than save your template.



Frequently asked questions and solutions ..

Q. Can i change the bubble image to suit my blog ??
A. Yes you can just change the code https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoJoXeIg582Vic4PxhI84XZmDwyGEdvPKMOYyiVSRvMV6IJMgBsyFyS6t0yFFQePwKjCSMcE9jYaRt-owIAsWV8UhShxqJO2nNylaZ_DIGyEF5GKvu8vjtgH_ns6pgpStkald2BHSV1Cj8/s1600/Comment+Bubble+%281%29.png with the bellow code of your choice




update:
To use this images [Right Click and "Copy Image Address/Location"]
Bubble Comment Count in bloggerBubble Comment CountBubble Comment CountBubble Comment CountBubble Comment CountBubble Comment CountBubble Comment Count for bloggerBubble Comment CountBubble Comment CountBubble Comment CountBubble Comment CountBubble Comment CountBubble Comment CountBubble Comment CountBubble Comment CountAdd Bubble Comment CountShow Bubble Comment CountHow to add Bubble Comment Countbubble comment bloggerbubble comment bloggerbubble comment bloggerbubble comment bloggerbubble comment bloggerbubble comment bloggerbubble comment bloggerbubble comment bloggerbubble comment bloggerbubble comment bloggerbubble comment blogger

Free Backlinks for Blog and Website

Do you want to know Where to get free backlinks? This is a free, fast, and simple immediate automatic backlinks for optimizing your blog or web page on search engines result.Everyone knows how important backlinks are to getting a good rank.Here, we offer a backlink for free and very fast for your sites. Copy the html code first (no change needed), and then paste to your website or blog.To view your backlink you can click the image link from your website or blog. And well... your website url done and will be displaying in first references.If any visitors click this banner from your website or blog, your url backlink will be creating automatically in this website.You can build backlink as many as you want, no limitation and restriction, but no spam ! Wish your website's ranking quickly on Top Google, Yahoo and Alexa!

Free Automatic Backlink for Blog and Website

If our Tutorials have helped you a little, then kindly spread our voice using the badge below:- Copy this html code to your website >>
Free Backlinks blogger widgets



Optionally use this Widget installer to add this link to your blogger blog.

* Please note:- After you paste the code into the website, please click on the button to create backlinks to your website. - If you remove the code from your website where your backlink will be deleted automatically. - if you know any free backlink info, please submit here, Let's share the free backlink list to everyone.
submit here

8 Responses So Far:

Anonymous said...

Thank you so much for sharing this. i put it in my blog. :) very nice.

you'r use this bubble
http://2.bp.blogspot.com/_4HKUHirY_2U/S9BfGobhMCI/AAAAAAAAA7g/EBgh46DtPeE/comments.png

paulina9d said...

huft, i confuse.. T_T

paulina9d said...

klo pake ctrl+f tapi ga ketemu gimana donk? saya bingung..
tapi trima kasih..

jhonblack said...

Great information in this post and the last 10 years have seen the Web successfully use URL parameters on the server-side to achieve the restful Web in all its glory.Business & Consulting logo designs

wenna payne said...

Some interesting thoughts here - Merry Xmas

Anonymous said...

So fun ideas!!! SO cuteee of these!!!
ray ban sunglasses

Moviiee Thandura said...

your blog is simply awesome i love to see it.

moviethandura.blogspot.com

Judi Online said...

Thank's for this tutorial..

Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Powered by Blogger