Nhưng ngay cả sau khi Blogger đã có tính năng này rồi thì vẫn còn một số điểm để phát triển thêm. Ví dụ như tạo Avatar riêng cho một người nào đó, mà ngay cả khi người đó viết nhận xét trên blog của bạn trong trường hợp không đăng nhập Blogger mà chỉ đăng nhận xét dưới dạng Tên/URL thì vẫn hiển thị được Avatar của người đó.
Để thực hiện điều này, bạn hãy thực hiện như sau.
Bước 1. Đăng nhập Blogger, vào Design >> Edit HTML, chọn Expand Widget Templates.
Tìm đoạn code sau đây.
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<data:comment.authorAvatarImage/>
</b:if>
Thay nó bằng đoạn code như bên dưới.
<b:if cond='data:blog.enabledCommentProfileImages'>
<b:if cond='data:comment.authorUrl'>
<b:if cond='data:comment.author == "Tên Người Bình Luận"'>
<span class='avatar-image-container'><img src='URL_Avatar_Người Bình Luận'/></span>
<b:else/>
<data:comment.authorAvatarImage/>
</b:if>
<b:else/>
<span class='avatar-image-container'><img src='URL_Avatar_Nặc danh'/></span>
</b:if>
</b:if>
<b:if cond='data:comment.authorUrl'>
<b:if cond='data:comment.author == "Tên Người Bình Luận"'>
<span class='avatar-image-container'><img src='URL_Avatar_Người Bình Luận'/></span>
<b:else/>
<data:comment.authorAvatarImage/>
</b:if>
<b:else/>
<span class='avatar-image-container'><img src='URL_Avatar_Nặc danh'/></span>
</b:if>
</b:if>
Trong đoạn code trên, bạn cần thay URL Avatar tương ứng với tên của người bình luận nào đó và URL Avatar của Nặc danh (Anonymous).
Bước 2. Đặt đoạn code dưới đây vào trước dòng ]]></b:skin>.
#comments-block .avatar-image-container {
margin-right:5px;
}
#comments-block .avatar-image-container img {
float: none;
width:35px;
height:35px;
border:1px solid #000000;
}
margin-right:5px;
}
#comments-block .avatar-image-container img {
float: none;
width:35px;
height:35px;
border:1px solid #000000;
}
Nếu bạn muốn tạo Avatar riêng cho các trường hợp khác (các trường hợp người nhận xét không đăng nhập Blogger, không phải là Anonymous và không được chọn đặt Avatar riêng ở bước 1), thì thêm đoạn code sau vào phần CSS ở trên.
#comments-block .avatar-image-container.avatar-stock {
background:url(URL_Avatar_Các trường hợp khác) transparent no-repeat 50% 50%;}
background:url(URL_Avatar_Các trường hợp khác) transparent no-repeat 50% 50%;}
Unknown
11 June, 2015 14:43
cheap nike shoes
new york knicks jersey
hermes birkin
san francisco 49ers jerseys
nike free 5.0
hermes belt
washington redskins jerseys
denver broncos jerseys
cleveland cavaliers jersey
custom mlb jerseys
evening dresses
kansas city chiefs jerseys
chanel handbags
cheap football shirts
chicago bulls jersey
the north face outlet store
stuart weitzman boots
michael kors outlet
michael kors uk
golden state warriors jerseys
new orleans saints jerseys
cheap wedding dresses
coach outlet canada
bottega veneta outlet
oakley sunglasses canada
kate spade outlet
koby bryant shoes
ralph lauren uk
air max 2014
wei20150611
Unknown
16 July, 2015 09:56
real madrid jersey
rolex watches
air jordan 13
cartier watches
tiffany and co jewelry
north face jackets
michael kors outlet
babyliss hair dryer
nhl jerseys wholesale
san antonio spurs jerseys
oakley sunglasses
minnesota vikings jerseys
hollister clothing
kate spade outlet
swarovski jewelry
ghd hair straighteners
toms shoes
new england patriots jerseys
lacoste polo shirts
instyler ionic styler
mac cosmetics
puma shoes
timberland boots
true religion sale
futbol baratas
kobe 9 shoes
adidas wings
new york knicks jersey
adidas wings
ferragamo shoes
michael kors outlet
tory burch flats
mont blanc pens for sale
herve leger sale
los angeles clippers jerseys
seattle seahawks jerseys
zheng123 7.16