1. Đăng nhập Blogger ==>> Vào thiết kế, chọn chỉnh sửa HTML==>>Chọn Mở rộng mẫu tiện ích (Expand Widget Templates). Chèn code css sau vào trước thẻ ]]></b:skin>
Xem Code
#related-posts-block {
margin:10px 5px;
font-size:10px;
color:#333; /*màu text của tiện ích*/
font-family:tahoma; /*font chữ của tiện ích*/
}
#related-posts-loading-text{
font-size:12px;
text-align:center;
color:#000099;}
#related-newest-href {
margin:10px 5px 0px 15px;
}
#related-newest-title {
font-size:12px; /*cỡ text của phần "Các bài viết mới cùng chủ đề"*/
margin:10px 5px;
color:#000099; /*màu chữ của phần "Các bài viết mới cùng chủ đề"*/
}
#related-posts-block #related-newest-href a{
font-size:12px; /*cỡ text của tiêu đề bài viết trong phần "Các bài viết mới cùng chủ đề"*/
font-family:Arial, Helvetica, sans-serif;
color:#000066;/*màu chữ của tiêu đề bài viết trong phần "Các bài viết mới cùng chủ đề"*/
}
#related-posts-block #related-newest-href a:hover{
font-family:Arial, Helvetica, sans-serif;
color:#ff00ff;
}
#related-older-href {
margin:10px 5px 0px 15px;
list-style-type:none;
}
#related-older-title {
font-size:12px;/*cỡ text của phần "Các bài viết cũ cùng chủ đề"*/
margin:10px 5px;
color:#000099; /*màu chữ của phần "Các bài viết cũ cùng chủ đề"*/
font-family:Arial, Helvetica, sans-serif;
}
#related-posts-block #related-older-href a{
font-size:12px; /*cỡ text của tiêu đề bài viết trong phần "Các bài viết cũ cùng chủ đề"*/
font-family:Arial, Helvetica, sans-serif;
color:#000066; /*màu chữ của tiêu đề bài viết trong phần "Các bài viết cũ cùng chủ đề"*/
}
#related-posts-block #related-older-href a:hover{
color:#ff00ff;
}
2. Tiếp theo, bạn tìm đến dòng code bên dưới hoặc tương tự
<div class='post-footer-line post-footer-line-3'/>
3. Chèn code bên dưới vào ngay sau code vừa tìm được
Xem Code
<script type='text/javascript'>
//<![CDATA[
var showdate = true;//Nếu không muốn hiển thị ngày tháng đăng bài, bạn thay True thành False
var max_post = 8;//Số bài viết hiển thị trong mỗi phần (Bài cũ và bài mới) của tiện ích
//]]>
</script>
<b:if cond='data:blog.pageType == "item"'><div id='post-labels-for-related' style='display:none'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if></b:loop></b:if></div><div id='post-timestamp-for-related' style='display:none'><data:post.timestampISO8601/></div>
<div id='post-timestamp-for-related' style='display:none'><data:post.timestampISO8601/></div>
<div id='related-posts-block'><div id='related-posts-loading-text'>Loading...<br/><img align='absmiddle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNetxM1E17FpI5RPR3fzJ27d4wfEg1xwWKF9hX-IOOkHn4KlVdivz0Dx_sOpicKoHBUXvkNWUSNff4Qd6Y4z7Y75tHpiscKfX-h3GI42NLiSP8SkX8kip3-z5BCwbb3sjCpzbDneqXVwpm/'/></div><div id='related-newest-href'><div id='related-newest-title'/></div><div id='related-older-href'><div id='related-older-title'/></div></div></b:if>
<script src='http://traidatmui-tips.googlecode.com/files/related_npost.js' type='text/javascript'/>
4. Cuối cùng save template lại.
Lưu ý: tên các "Nhãn" bài viết nên được đặt bằng tiếng Anh hoặc tiếng Việt không dấu để tránh bị lỗi.
Chúc bạn thành công
Nguồn: Traidatmui
Không có nhận xét nào:
Đăng nhận xét