Thứ Sáu, ngày 04 tháng
4 năm 2014 | 4/04/2014
(Ảnh minh họa)
» Cách tạo số đếm nhận xét đẹp sau tiêu đề bài viết.
1. Đăng nhập vào
trang blog của bạn.
2. Vào phần Chỉnh
sửa HTML (Edit HLM)
3. Dán đoạn code bên
dưới vào trước thẻ đóng ]]></b:skin>.
.comment-bubble
{
float
: right;
width
: 48px;
height
: 48px;
background
: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSuSMvETpmZaO_rIGJIa27AX-G7BqxTdwNZZeva6DnOB70rj_kLs375yex3TGHyGvz77V9dnhWL-8Cb1pfKtkNnBavmGH6DdyQyaLJ_nBlsbeMavtGcKAz2sZ4rqhK7lFR-_YaO5aetC4/s1600/text_comment_bubble_comments-namkna-blogspot.png);
background-repeat:
no-repeat;
font-size
: 18px;
margin-top
: -15px;
margin-right
: 2px;
text-align
: center;
}
4. Tìm đoạn mã chứa tiêu đề bài viết có dạng như bên dưới:
<b:if
cond='data:post.title'>
<h3
class='post-title entry-title' itemprop='name'>
- Tùy theo từng blog và tác giả của nó mà đoạn code có thể có sự
khác nhau nhè nhẹ ví dụ như bên dưới:
<b:if
cond='data:post.title'>
<h3
class='post-title entry-title'>
5. Sau khi tìm được đoạn code ở bước 4 bạn dán vào sau nó đoạn code bên dưới:
<b:if
cond='data:post.allowComments'>
<a
class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'
style='color: #000; font-size: 16px; font-weight:
bold;'><data:post.numComments/></a>
</b:if>2
»Tùy chỉnh mã CSS.
§ Thay đổi mã màu chữ số đếm color: #000 cho phù hợp với màu nền của hình ảnh và màu nền trang của
bạn nha. bạn có thể sử dụng bảng mã màu namkna cung cấp để chọn màu bạn
thích. Bảng mã màu cho
blogger.
§ Thay thế link ảnh màu đỏ thành link ảnh nền của số đếm nhận xét khác theo ý của bạn.
Bạn có thể sử dụng và thay thế thành một số link hình ảnh khác mà mình cung cấp
ở bên dưới:
§ font-size: 16px Là cỡ chữ của số đếm. bạn hãy điều chỉnh lại cỡ chữ cho phù
hợp với từng ảnh nền để nó không bị tràn ra khỏi ảnh hay đè lên ảnh nha.
Namkna hy vọng bài viết sẽ giúp trang blog của bạn có thêm một
trải nghiệm mới với giao diện blog có sự thay đổi theo chiều hướng tích cực
hơn. Hãy chia sẻ và +1 nếu bài viết có ích với bạn nha. Tất nhiên là hãy để lại
comment nếu có bất cứ khó khăn gì khi áp dụng thủ thuật này nha các bạn.
0 nhận xét:
Đăng nhận xét