Hướng dẫn tạo label tags cho bài viết blogspot đơn giản nhất, tất cả label có trong bài viết sẽ được load ra tùy vị trí các bạn đặt, trước bài viết hoặc sau bài viết.
 |
| Hướng dẫn tạo label tags cho bài viết blogspot |
Các bước thực hiện như sau:
Bước 1: Thêm CSS
.tags{list-style:none;margin:0;overflow:hidden;padding:0;margin:15px 1px 8px 1px}
.tags li{float:left}
.tag{background:#eee;border-radius:3px 0 0 3px;color:#999;display:inline-block;height:26px;line-height:26px;padding:0 20px 0 23px;position:relative;margin:0 10px 10px 0;text-decoration:none;-webkit-transition:color 0.2s}
.tag::before{background:#fff;border-radius:10px;box-shadow:inset 0 1px rgba(0,0,0,0.25);content:'';height:6px;left:10px;position:absolute;width:6px;top:10px}
.tag::after{background:#fff;border-bottom:13px solid transparent;border-left:10px solid #eee;border-top:13px solid transparent;content:'';position:absolute;right:0;top:0}
.tag:hover{background-color:#0067B8;color:#fff}
.tag:hover::after{border-left-color:#0067B8}
Bước 2: Các bạn tìm thẻ <div class='post-footer'> và dán đoạn HTML này bên dưới nó
<ul class='tags'>
<b:loop index='i' values='data:post.labels' var='label'>
<li>
<a class='tag' expr:href='data:label.url' rel='tag'>
<data:label.name />
</a>
</li>
</b:loop>
</ul>
Sau đó bạn lưu lại là xong, tùy vô vị trí bạn có thể đặt như trước vài viết hoặc sau bài viết. Như vậy là mình đã Hướng dẫn tạo label tags cho bài viết blogspot đơn giản nhất.
Đa số template blogspot mặc định đều có các label của bài viết khi xem bài thì sẽ hiển thị cuối bài viết, ngoài ra các bạn có thể tùy chỉnh label như bài viết này.
Trước tiên mình xin cảm ơn tất cả khách hàng đã luôn tin tưởng và ủng hộ mình trong suốt thời gian qua (2016 tới hiện tại).
Nhằm nâng cao chất lượng phục vụ Quý khách hàng và hoàn thiện chất lượng như hỗ trợ, template. Hôm nay ngày 04/2/2021 mình là Hòa Trần admin trang Giaodien.blog sẽ tiến hành mở một trang Feedback để khách hàng đã mua, sử dụng dịch vụ bên mình toàn quyền nhận xét đánh giá công khai ở trang này.
Từ những Feedback này những gì mình làm được và chưa làm được, từ đó mình sẽ rút ra được những kinh nghiệm, và hoàn thiện tốt dịch vụ bên mình.
Quý khách hàng có thể để lại nhận xét reviews tại trang Feedback
Nhận xét
Đăng nhận xét