Here’s another useful tip for those bloggers, who are continuously trying to transform their free BlogSpot blogs into a pro-blog.
Through this hack, within 10 minutes you can start showing the images of commentators/comment-authors in your blog.
See the image below; how it will look after tweaking the HTML default code
To do so, first of all log in to Blogger
Now go to Layout, then click on Edit HTML tab.
Now Download the present template as a back up
Then click on “Expand widget templates“
Now search (CTRL+F) this
Immediately BEFORE IT, paste this:
NOW see this code below:
<b:loop values=’data:post.comments’ var=’comment’>
<dt class=’comment-author’ expr:id='”comment-” + data:comment.id’><div class=’commentphoto’ style=’float:right;’/>
<a expr:name='”comment-” + data:comment.id’/><b:if cond=’data:comment.authorUrl’>
<a expr:href=’data:comment.authorUrl’ rel=’nofollow’><data:comment.author/></a>
<a expr:href='”#comment-” + data:comment.id’ title=’comment permalink’>
<b:include data=’comment’ name=’commentDeleteIcon’/>
In the code above YOU HAVE TO INSERT code lines shown in BLUE and BOLDED
And the red ones, are those which you can use as markers, BEFORE whom you have to paste the blue code lines.
You can change the position of pictures or images from Right to Light, by changing it in the first blue line in the code above…
Now whenever, people use their gmail or openid account to comment, then their pictures will be displayed alongside the comments !<>
A must for community blogs
hmmmm. i tried this one, the second code didnt look anything like mine.
i tried following the method u explained above but the message is appearing like this .plz help
Element type "dt" must be followed by either attribute specifications, ">" or "/>".
Ritesh Sanap says
Can u give me your template code because i think their must be an modification so please let me see and i will tell you were to add
Does'nt work on me pls help me
Ritesh Sanap says
please try the code and understand it . it depends on the template code.
Phan D?ng says