thêm hình (avatar) vào nhận xét (comments) trên blog google?
To add avtar follow these simple steps-
1. Go to Blogger > Settings >Comments and enable “Show profile images on comment”. If you are using third party template then you have to add some html codes.
2. Go to Blogger Layout >Edit HTML and backup your template. Expand the widget templates and look for following code present or not
'data:post.avatarIndentClass'
If it is not present then look for
<dl id='comments-block'>
And replace above code with following one
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
3. Now look for
<a expr:name='data:comment.anchorName'/>
It may present more than 1/2 times. So replace each of it with
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>
4. For Anonymous users with no profile pictures you can set a picture. Look for code
]]></b:skin>
And add following code just ABOVE of the above code.
.avatar-image-container {background:url(http://4.bp.blogspot.com/_tbHfaj1A058/SrzTu7NmpGI/AAAAAAAAHhQ/iw9fuRMO_aU/s1600-h/anon.png); width:35px;height:35px; }
.avatar-image-container img { border:none;}
1. Go to Blogger > Settings >Comments and enable “Show profile images on comment”. If you are using third party template then you have to add some html codes.
2. Go to Blogger Layout >Edit HTML and backup your template. Expand the widget templates and look for following code present or not
'data:post.avatarIndentClass'
If it is not present then look for
<dl id='comments-block'>
And replace above code with following one
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
3. Now look for
<a expr:name='data:comment.anchorName'/>
It may present more than 1/2 times. So replace each of it with
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>
4. For Anonymous users with no profile pictures you can set a picture. Look for code
]]></b:skin>
And add following code just ABOVE of the above code.
.avatar-image-container {background:url(http://4.bp.blogspot.com/_tbHfaj1A058/SrzTu7NmpGI/AAAAAAAAHhQ/iw9fuRMO_aU/s1600-h/anon.png); width:35px;height:35px; }
.avatar-image-container img { border:none;}
Nhận xét
Đăng nhận xét