This tutorial will add comments-bubble icons to your post-titles displaying the total count of the comments.

nstructions to follow:

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

STEP #2:
Now find this in the template:
<h3 class='post-title entry-title'>

And immediately BELOW/AFTER it, paste this code:

!--COMMENT-BUBBLES-STARTS--><b:if cond='data:post.allowComments'><br /> <a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a><br /> </b:if><!--COMMENT-BUBBLES-STOPS-http://bloggerstop.net-->

Now find this code in the template:
</head>

And immediately ABOVE/BEFORE it paste this code:
<!--COMMENT-BUBBLES-STARTS--><style type="text/css"> .comment-bubble { float: right; background: url(http://i49.tinypic.com/2vugahu.jpg) no-repeat; width: 55px; height: 38px; font-size: 18px; margin-top: -15px; margin-right: 2px; text-align: center; } </style><!--COMMENT-BUBBLES-STOPS-http://exploitedpunks.blogspot.com-->

Edit the code in RED to change the image being used in the hack.
IMPORTANT: You may use any image instead of the one linked in the code above (STEP #3), but you have to mention its dimensions correctly (width and height) for correct placement of numbers on the image.

Comment-Bubbles you may use for this Blogger hack [Right Click and "Copy Image Address/Location"]:

 

 

Finally save the template.

Most of the bloggers often want to show their full posts in their hompage. But by displaying all the full contents of every post on the homepage will make it much lenghtier.


Here are some tricks that shows only the half of the post and the readers by his choice can view the full post just by clicking on the Full Story/ Read More link

Steps to follow :-

Step 1. Update your template blog

First you need to logon to your Blogger.com account. Go to the layout n click on Edit html. From there you need to create a backup of your template first just in case something goes wrong. Now again click on edit html an search (CTRL + F) within the text editor for the following code post-header-line-1. This is the default code that Blogger includes but some custom templates remove or change this code so you might have trouble finding it. If you can’t locate this text then try searching for instead. Your template will for sure have this since it’s the tag that actually prints the body of your post.

Now depending on which code you were able to find will determine how easy the next steps will be. You might need to do some detective work first in order to get this working properly in your custom template. The idea is to get this new code into your template before the tag. Keep reading and hopefully the explanation will illustrate the concept clear enough so you are able to adapt this hack to your custom template.

Add the following code below the

and

tags if you’ve got both the codes.

Now publish or preview your post to see the “read more” hack working on your blog. If it doesn’t show up for some reason, go back and run through the steps again. Most likely you pasted the code blocks in the wrong places. It’s difficult to troubleshoot these issues since each template can be unique so please make sure to double-check your template before asking for help in the comments section below.



Here’s the live post with the “read more…” link properly working based on the text I used above in the post text area.