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 trước tiêu đề blog theo nhãn
Thấy nhiều bạn hỏi thêm icon theo nhãn như thế nào.Nên hôm nay mình sẽ chia sẻ cho các bạn,bài viết này được Phú Cường Blog viết và cho phép mình chia sẻ .


Cách làm: Bước 1: Đăng nhập vào Blogger > Mẫu > Chỉnh sửa HTML > Đặt đoạn Code dưới đây trên ]]></b:skin>
.post-icon img {height:25px;float:left;margin-right:8px;}
Bước 2: Ấn Ctrl+F và tìm đoạn sau:
<b:if cond='data:post.title'><h2 class='post-title entry-title'><b:if cond='data:post.link'><a expr:href='data:post.link'><data:post.title/></a><b:else/><b:if cond='data:post.url'><a expr:href='data:post.url'><data:post.title/></a><b:else/><data:post.title/></b:if></b:if></h2></b:if>
Bước 3 : Thêm đoạn code bày sau đoạn code vừa tìm được ở bước 2
<div class='post-icon'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;Label 1&quot;'><img src='Link ảnh 1'/></b:if><b:if cond='data:label.name == &quot;Label 2&quot;'><img src='Link ảnh 2'/></b:if></b:loop></b:if></div><b:if cond='data:post.link'><a expr:href='data:post.link'><data:post.title/></a><b:else/><b:if cond='data:post.url'><a expr:href='data:post.url'><data:post.title/></a><b:else/><data:post.title/></b:if></b:if></h2></b:if>
--- Sửa Label1 và Label2 thành tên nhãn bạn thích và thêm ảnh vào Link ảnh 1 và Link ảnh 2 nhé.
--- Nếu muốn thêm ảnh cho các nhãn khác thì bạn thêm code theo cú pháp sau:
<b:if cond='data:label.name == &quot;Label 3&quot;'><img src='Link ảnh 3'/></b:if>
<b:if cond='data:label.name == &quot;Label 4&quot;'><img src='Link ảnh 4'/></b:if>
Bước 4: Lưu template lại và ra xem thành quả.
KẾT LUẬN: Bài viết Thêm icon trước tiêu đề blog theo nhãn chỉ ngắn gọn và đơn giản như vậy thôi, không có sự can thiệp của Javascript mà chỉ có Css và HTML nên các bạn đừng lo lắng về tốc độ tải trang nhé.
Chúc các bạn thành công :)

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.