.png)
Bài viết này mình sẽ hướng dẫn các bạn thủ thuật gắn nhãn New (cho bài đăng mới) và Old (cho bài đăng cũ) ở góc trên bên phải bài đăng. Sau đây là các bước thực hiện:Bước 1: Tại trang quản trị blog, các bạn vào Mẫu -> Chỉnh sửa HTML, chèn đoạn code sau vào trước thẻ ]]></b:skin>:
.dt-newlabel { width: 56px; height: 56px; position: relative; left: 20px; top: -13px; float: right; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4ez2LVKxuqBCQJlnbbfDbEaoQTZ8knQB58zpPTFZyPZrA6qXc94-MiQycgipYhYr6i9iAKcfX4UFlLCs9iOH9H0KvPwAfaHydrQI65Tb6N2vL88dY83WTHCD6v3GkxjMlOj8lmpI0nXX-/s400/New.png") no-repeat scroll 0% 0% transparent;} .dt-oldlabel { width: 56px; height: 56px; position: relative; left: 20px; top: -13px; float: right; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVW_P3zIyHvKO9KbZk-ih1K-Z1JDy-SEE9j1j2hI9dmPbry5gweYmh8UnM8zhF2GjM78oKAm_wdfXYW4L_8dZ2cmnX5omyiqjnMRuyVpfkFjiGJj2JQNJXJCOypWMcO7aW8kiFb-xTEC03/s400/old.png") no-repeat scroll 0% 0% transparent;}Bước 2: Chèn đoạn code sau vào sau thẻ <head> hoặc trước thẻ đóng </head>:
<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='dt-oldlabel'></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='dt-newlabel'></span>") $("#flagSwitcher").click(function() { $(".dropdown img.flag").toggleClass("flagvisibility"); }); }); </script>
Chúc các bạn thành công !
{ 0 nhận xét... read them below or add one }
Đăng nhận xét