Hình ảnh minh họa
2. Vào thiết kế, chọn chỉnh sửa HTML
3. Chọn Mở rộng mẫu tiện ích (Expand Widget Templates)
4. Chèn code css vào trước thẻ ]]></b:skin>
#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;
}
Bạn dựa vào các dòng hướng dẫn trong code để tùy chỉnh lại cho phù hợp với blog của mình.
5. 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'/>
6. Chèn code bên dưới vào ngay sau code vừa tìm được
<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/AVvXsEhtw1fbPkXLyX-Le_n3UMKw9HPVwvhK7bC5_bdOOYRSenfzQmuk_eqo9RWRm4Kqq_I-7GcANzQ2ukbYSnsDGwivgeDb_NYXp7VEGQI2v49vjoeoBVXUcPHaPxR9uZuH0WBAWMvKhf_iVnCA/'/></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://data-traidatmui.appspot.com/scripts/related_npost.js' type='text/javascript'/>
7. 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
0 nhận xét:
Post a Comment
Kể từ ngày hôm nay, những ai không có trách nhiệm thì không được vào chỉnh sửa blog hay gởi nội dung linh tinh. Chỉ những người nào có trách nhiệm, đã đăng ký, hay là thành viên của blog mới làm được chuyện này thôi. Sở dĩ, mình làm điều này vì tránh spam vào blog của mình, vì mình khó khăn lắm mới làm được blog này. Mong các bạn thông cảm. Xin cám ơn.