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;}

Nhận xét

Bài đăng phổ biến từ blog này

Ký tự viết tắt trong chat & email

dung lượng RAM lớn nhất mà HĐH cấu trúc 32-bit nhận được

Ubuntu LAMP Server