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.
Now find this code:
and replace it with the bellow code
Click Preview. If its ok than save your template.
Frequently asked questions and solutions ..
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:
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:
.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8iqtdE8lIVAyjvvPKs9JaPJqu_49lApwqbAPaEsihmHtFw74tgOO_DjwVTjuYUTUAhpu9uQ2xNI5cr_9irK9grOi9Fx4sCN5N3mDOoEWQ3xMi16lW-oud08sTh985aS7WNuDP9sUNQ0kh/s1600/Comment+Bubble+%281%29.png) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
position:float;
}and replace it with the bellow code
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/AVvXsEi8iqtdE8lIVAyjvvPKs9JaPJqu_49lApwqbAPaEsihmHtFw74tgOO_DjwVTjuYUTUAhpu9uQ2xNI5cr_9irK9grOi9Fx4sCN5N3mDOoEWQ3xMi16lW-oud08sTh985aS7WNuDP9sUNQ0kh/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"]
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.
Now find this code:
and replace it with the bellow code
Click Preview. If its ok than save your template.
Frequently asked questions and solutions ..
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:
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:
.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8iqtdE8lIVAyjvvPKs9JaPJqu_49lApwqbAPaEsihmHtFw74tgOO_DjwVTjuYUTUAhpu9uQ2xNI5cr_9irK9grOi9Fx4sCN5N3mDOoEWQ3xMi16lW-oud08sTh985aS7WNuDP9sUNQ0kh/s1600/Comment+Bubble+%281%29.png) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
position:float;
}and replace it with the bellow code
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/AVvXsEi8iqtdE8lIVAyjvvPKs9JaPJqu_49lApwqbAPaEsihmHtFw74tgOO_DjwVTjuYUTUAhpu9uQ2xNI5cr_9irK9grOi9Fx4sCN5N3mDOoEWQ3xMi16lW-oud08sTh985aS7WNuDP9sUNQ0kh/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"]
by Jillur Rahman
Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.
Follow him @ Twitter | Facebook | Google Plus
No Comment