Tạo chữ New cho bài viết mới nhất của blogspot ~ Ngoc Anh

Gắn nhãn NEW ( bài mới ) là một thủ thuật khá hay cho hầu hết các blog cá nhân , tạp chí , hay các trang blog bán hàng thì lại cực kỳ cầ...

Blogspot+ Thu-thuat-blog

Gắn nhãn NEW ( bài mới ) là một thủ thuật khá hay cho hầu hết các blog cá nhân , tạp chí , hay các trang blog bán hàng thì lại cực kỳ cần thiết, để cho độc giả của các bạn biết đã có những bài viết mới nhất , gần đây nhất .

Tạo chữ New cho bài viết mới nhất của blogspot

Thủ thuật này sẽ tự động gắn nhãn New vào bài viết mới nhất của blog các bạn. Độc giả của bạn vào sẽ thấy ngay bài viết mới đố tạo một ấn tượng tốt với người ghé thăm trang web.

Cách thực hiên :

B1 : Vào Mẫu > Chỉnh sửa HTML và dán đoạn CSS bên dưới vào trước trẻ ]]></b:skin>

.new {
width: 56px;
height: 56px;
position: relative;
left: 20px;
top: -13px;
float: right;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzH-jXTVKQkPrAMsm9iEMryzfULeWOnMJboDD97ChiyZQmHqewG0IbDtPimDBV4RwTXF14LVxfZhvwpmqjMPHtKKmOyiLowEvvdkNK56yHx0FJCfGespvGCz0S5u86QetPyhLra2Mr4snx/s1600/new.png") no-repeat scroll 0% 0% transparent;
}

B2 : Tìm thẻ </body> và dán đoạn Javascript bên dưới vào trước thẻ </body>

<script type='text/javascript'>
$(document).ready(function() {
$(".dropdown img.flag").addClass("flagvisibility");
$(".dropdown dt a").click(function() {
$(".dropdown dd ul").toggle();
});
$(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='new'/>")
$("#flagSwitcher").click(function() {
$(".dropdown img.flag").toggleClass("flagvisibility");
});
});
</script>

Note :

Thủ thuật này sẽ gắn nhãn ở hầu hết các trang như homepage , index, item...vì vậy các bạn có thể kết hợp cùng với thẻ điều kiện if để điều chỉnh lại cho hợp lý với blog của các bạn.
Xem thêm : Blogspot và các thẻ điều kiện IF cho trang web/blog
Nguần : iris-tips [ Edit by ngocanhblog ]