Có gì mới trên Star Cường IT
Đặt Liên Kết
Liên Hệ Quảng Cáo - Báo Lỗi
Event Tri Ân Top Bình Luận

[Blogspot] Thêm icon cho bài đăng mới nhất
Đây là một thủ thuật nhỏ nhưng khá thú vị đang được áp dụng trên Iris Tips. Có bạn đã hỏi nên mình sẽ chia sẻ cho mọi người. Thủ thuật này sẽ tự động gắn nhãn New vào bài viết mới nhất trên blog của bạn.



Thêm CSS:

Bước 1 : Vào Mẫu >> Chỉnh Sửa Html Coppy đoạn css phía dưới dán vào trước thẻ ]]></b:skin>

.new {
width: 56px;
height: 56px;
position: relative;
left: 20px;
top: -13px;
float: right;
background: url("http://2.bp.blogspot.com/-R-op3bzXtgU/VgkfH3IKgMI/AAAAAAAADYk/qq5bfez4zeE/s1600/new.png") no-repeat scroll 0% 0% transparent;
}

Chỉnh Sửa :  Bạn có thể thay bằng hình ảnh khác nếu thích bằng cách thay đổi link http://2.bp.blogspot.com/-R-op3bzXtgU/VgkfH3IKgMI/AAAAAAAADYk/qq5bfez4zeE/s1600/new.png và thay đổi lại vị trí cho phù hợp với blog của bạn nhé.


Thêm JQuery
Bước 2 : Tìm đến thẻ </body> và dán đoạn script sau vào Trước thẻ đó.

<script type='text/javascript'>
$(document).ready(function() {
$(&quot;.dropdown img.flag&quot;).addClass(&quot;flagvisibility&quot;);
$(&quot;.dropdown dt a&quot;).click(function() {
$(&quot;.dropdown dd ul&quot;).toggle();
});
$(document).bind(&#39;click&#39;, function(e) {
var $clicked = $(e.target);
if (! $clicked.parents().hasClass(&quot;dropdown&quot;))
$(&quot;.dropdown dd ul&quot;).hide();
});
$(&#39;.blog-posts&#39;).find($(&#39;.post&#39;)).first().prepend(&quot;<span class='new'/>&quot;)
$(&quot;#flagSwitcher&quot;).click(function() {
$(&quot;.dropdown img.flag&quot;).toggleClass(&quot;flagvisibility&quot;);
});
});
</script>

Chú ý:  Thủ thuật sẽ gắn nhãn ở hầu hết trang như homepage, index, item... Bạn có thể kết hợp với thẻ điều kiện if để chỉ xuất hiện ở những nơi bạn muốn.

Theo Iris-Tips.

No comments

● Hướng Dẫn Chèn Liên Kết: Tên
● Tích vào ô Thông báo cho tôi (Notify me) để nhận thông báo phản hồi của Admin
● Không chửi tục, nói bậy, quảng cáo thông qua khung Comment.
● Bình luận của bạn sẽ được gửi đến Admin để kiểm duyệt.