Cool Comments Bubble for you site

8 comments - Post a comment



You have awannabe's blog to thank for this post. As she like the comments bubble very much, i'll teach you how to include it for your blog step-by-step for BlogSpot.com XML template.

Step 1: Go to Template -> Edit Html
Step 2: Search for "body {" and the first occurrance of "}"
Step 3: Copy the code below and paste it after the "}"

.no_comments {
float:right;
width:88px;
height:53px;
background:#ffffff url(http://phostan.googlepages.com/summerfruit_comment_bubble.gif) top right no-repeat;
margin:0px;
padding:10px 0px 0px 0px;
text-align:right;
}

.no_comments a {
color:#ffffff;
text-decoration:none;
padding-right:35px;
font-size:22px;
}
Step 4: Search for "<b:if cond="'data:post.allowComments'">"
Step 5: Copy the code below and paste it after the code you found in step 4.

<div class="no_comments">

Step 6: Look for the first occurrance of "</a>" in the same area
Step 7: Paste the code below, after the code you found in step 6

</div>

Step 8: Save and you are done.

PS: Do note that the bubble is hosted on my googlepage and it's recommended that you download the bubble and upload it the your favourite host and update the code to change "http://phostan.googlepages.com/summerfruit_comment_bubble.gif" to reflect your own url.
You can download the bubble by right-clicking the bubble and selecting save picture as.


buyIf you like this post, buy me a beer at $3!

 
This Post has 8 Comments Add your own!
awannabe - November 11, 2007 at 8:09 AM

I had no way to comment on the "comment bubble post."

I've looked at my xml code and do not see any "}" anywhere. I only see this symbol "<" or ">" throughout the template.

I'm no xml expert either though :-(

Phos Tan - November 11, 2007 at 10:12 AM

:) Hi awannabe, why not you just email your template code to me and i'll make the necessary changes and mail it back to you?

you can email @ phostan{at}gmail.com

Post a Comment