:
Truy cập vào Blogger: - Truy cập và Blogger: Bảng điều khiển (Dashboard) >> Bố cục (Layout) >> Chỉnh sửa HTML (Edit HTML) >> Click chọn vào ô check Mở rộng mẫu tiện ích (Expand Widget Templates)
Chèn mã CSS: - Tìm đoạn code </head> và thay thế chúng bằng đoạn mã sau:
<style type="text/css">
.comment-bubble {
float: right;
background: url(http://i49.tinypic.com/2vugahu.jpg) no-repeat;
width: 55px;
height: 38px;
font-size: 18px;
margin-top: -15px;
margin-right: 2px;
text-align: center;
}
</style>
</head>
- Đoạn mã màu đỏ là đường dẫn hình bong hóng hiển thị cùng kích thước của chúng, tùy vào Template mà bạn có thể thay đổi kích thước này..comment-bubble {
float: right;
background: url(http://i49.tinypic.com/2vugahu.jpg) no-repeat;
width: 55px;
height: 38px;
font-size: 18px;
margin-top: -15px;
margin-right: 2px;
text-align: center;
}
</style>
</head>
Chèn mã HTML hiển thị Bubble Commnet: - Tìm (Ctrl – F) và dán ngay dưới đoạn mã: <h3 class='post-title entry-title'> hoặc <h3 class='post-title'> tùy thuộc vào mẫu Template đoạn mã sau:
<!--COMMENT-BUBBLES-STARTS—>
<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
<!--COMMENT-BUBBLES-STOPS-->
- Lưu mẫu (Save) là hoàn thành công việc.<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
<!--COMMENT-BUBBLES-STOPS-->
Thay đỏi hình hiển thị Bubble: - Trong bước 2: đoạn mã màu đỏ http://i49.tinypic.com/2vugahu.jpg là địa chỉ URL hiển thị của mẫu bong bóng.
- Bạn có thể xem xét và lựa chọn 1 trong các mẫu sau để thay thế bằng cách [Right Click và "Copy Image Address/Location" để lấy URL các hình dưới:
Gửi bài viết này cho bạn bè qua Y!M:
0 nhận xét:
Đăng nhận xét