Thêm bài viết mới nhất và các bài viết cũ hơn cho nhãn và bài viết

Thiết kế weblog sẽ hướng dẫn các bạn thêm một tiện ích khá thủ vị ở bên blog trueblogtips, đó là tiện ích thêm bài viết mới nhất và các bài viết cũ hơn cho nhãn và bài viết, tiện ích blogspot này sẽ giúp khách thăm ban blog của bạn dễ dàng phân biệt đâu là bài viết mới và đâu là bài viết cũ hơn.

Các blogger có thể xem demo tại đây

Cài đặt tiện ích:
Chọn Mẫu - Chỉnh sửa HTML - tìm đến thẻ ]]></b:skin> đặt code sau lên trước thẻ ]]></b:skin>

.new1 {
width: 56px;
height: 56px;
position: relative;
left: 20px;
top: -13px;
float: right;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj15Fga6e_odwb-U46D4q0DK6c1Xm55gbOMrmen0Xab8LfVg95gj1vbYsWQ4zze-f7bWwdJTIUSUQNOpCXTEDLtCJAbqJ8WATfW-p-IojCt_oYj5eBpBTnxJJj0UwVt5Or2AgA8MnGyyO-z/s400/New.png") no-repeat scroll 0% 0% transparent;
}
.old1 {
width: 56px;
height: 56px;
position: relative;
left: 20px;
top: -13px;
float: right;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF6S-pdUOLjGn2j7SlN0QLEl39egCkHAtONmYLbP9smdVOyp2K16gv2WnRsSdpCYSmmITzDH2GC6q3WACBrwkHgTnqqqU6VpqqVJVj6ofGVvpuW3xBnVL53Mt6MO6MHQ5tPRMS3zP9935y/s400/old.png") no-repeat scroll 0% 0% transparent;
}

Tiếp theo tìm đến thẻ </head>đặt code sau lên trước nó

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function() {
$(".dropdown img.flag").addClass("flagvisibility");
$(".dropdown dt a").click(function() {
$(".dropdown dd ul").toggle();
});
$(".dropdown dd ul li a").click(function() {
var text = $(this).html();
$(".dropdown dt a span").html(text);
$(".dropdown dd ul").hide();
$("#result").html("Selected value is: " + getSelectedValue("sample"));
});
$('.blog-posts').find($('.post')).slice(1).prepend("<span class='old1'></span>")
function getSelectedValue(id) {
return $("#" + id).find("dt a span.value").html();
}
$(document).bind('click', function(e) {
var $clicked = $(e.target);
if (! $clicked.parents().hasClass("dropdown"))
$(".dropdown dd ul").hide();
});
$('.blog-posts').find($('.post')).first().prepend("<span class='new1'></span>")
$("#flagSwitcher").click(function() {
$(".dropdown img.flag").toggleClass("flagvisibility");
});
});
</script>

Lưu mẫu và tận hưởng kết quả.