Blogger: Mã html giúp chỉ Hiển thị Tên Bài Đăng theo Nhãn (Label) trong blogspot | Blog mẹo cpb4blogger
Nhãn (Label) trong blogspot là gì?
Tối ưu label khi viết bài đăng blogspot như thế nào hiệu quả?
Cách 1- Để tùy chỉnh chỉ hiển thị tên bài đăng theo nhãn trong blogspot, ta làm như sau:
1. Đăng nhập vào tài khoản Blogger
2. Vào phần Mẫu (Template)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chọn Tiện ích mẫu có tên Blog1 (Expand Widget Templates).
5. Tìm đến dòng code màu đỏ như sau (Ctrl F)
<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<!-- posts -->
<div id='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'>
<data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>
Tìm thấy dòng mã trên bằng phím tắt Ctrl +F
6. Và thay thế dòng mã
<b:include data='post' name='post'/>
- Thành đoạn mã sau:
<b:if cond='data:blog.homepageUrl !=data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
Kết quả như thế này.
7- Save lại tiến trình bạn vừa thực hiện và thấy thông báo như sau:
The widget settings in widget with id <b>PageList1</b> is not valid. Page title is invalid.
8- Fix lỗi The widget settings in widget with id <b>PageList1</b> is not valid. Page title is invalid.
Tìm thẻ <b:widget-setting nhập <!--
Thẻ <b:widget-seting nhập -->
Lưu lại, sẽ nhận được thông báo:
Vậy đã Chèn Mã html để chỉ hiển thị tên bài đăng theo nhãn trong blogspot xong rồi.
Chúc bạn thành công với cách 1!
Nếu thích, bạn cso thể tham khảo Cách 2 đơn giản hơn như dưới đây.
Cách 2 - Để tùy chỉnh sao cho "chỉ hiển thị tên bài đăng theo nhãn trong thiết kế web bằng blogspot miễn phí của google" theo cách 2, ta làm như sau:
Để “chỉ hiện tiêu đề bài đăng khi chọn Nhãn (Label) trong blogspot”, ta làm như sau:
Bước 1: Đăng nhập vào blogger.com
Bước 2: Mở trang Web blog của mình
- Ở thanh công cụ bên phải chọn 1 blog trong danh sách Như chỉ dẫn (1) trong hình dưới đây.
Sau đó chọn vào Chủ đề như thao tác (2) trên hình.
Sau đó chọn “ Chỉnh sửa HTML”
Ở chế độ html (chỉnh sửa template của blogspot) nhấn Ctrl + F , gõ </head>
Copy code sau dán trước thẻ </head> trên 1 dòng là được;
<style type='text/css'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.14em;
color:#cc6600;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#cc6600;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {color:#333333;}
.post-body {display:none;}
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}
</b:if>
</b:if>
</style>
Bước 3. Lưu lại là hoàn thành thao tác “chỉ hiện tiêu đề bài đăng theo nhãn trong blogspot”.
Cuối cùng, bạn hãy lưu lại và nhấn F5 rồi tận hưởng thành quả thôi.
Với hai cách tối ưu Nhãn trên nền tảng blogspot như trên, cpb4blogger Chúc bạn tối ưu trang web của mình hiệu quả trên nền tảng blogger và thành công!
Nhận xét
Đăng nhận xét