Trong bài viết này mình sẽ chia sẻ với các bạn một thủ thuật hiển thị tiêu đề bài viết chỉ tại trang chủ. Những tiêu đề này sẽ được liên kết...
Trong bài viết này mình sẽ chia sẻ với các bạn một thủ thuật hiển thị tiêu đề bài viết chỉ tại trang chủ. Những tiêu đề này sẽ được liên kết tới chi tiết bài viết đó. Điều này sẽ giúp cho blog của các bạn dễ dàng điều hướng.
Cách làm tiêu đề bài viết chỉ xuất hiện tại trang chủ trong Blogspot
Đây cũng là một thủ thuật cho các bạn tùy biến blog của các bạn cho một cái nhìn mới lạ hơn. Điều đó có nghĩa là trên trang chủ , trang nhãn hay bất cứ trang nào của các bạn khi các bạn thực hiện thủ thuật này nó chỉ hiển thị tiêu đề của bài đăng .
Cách thực hiện :
Bước 1 : Đăng nhập vào Blogger Dashboard.Bước 2 : Click vào Template.
Bước 3 : Click chọn Edit HTML.
Bước 4 : Tìm kiếm thẻ </head>
Bước 5 : Copy đoạn CSS sau và đặt bên trên thẻ </head>
<style type='text/css'>Bước 6: Click Save Template .
<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.4em;
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 7 : Vào Layout >> Page Elements >> Click Edit >> rồi nhập số lượng bài viết cần hiển thị vào mục “Number Of Posts On Main Page“.
Bước 8 : Click Save và hoàn thành bài viết.
Rất đơn giản và dễ thực hiện phải không các bạn. Chúc các bạn thành công !.
Chia sẻ:
Nhận cập nhật các bài viết mới của Ngocanhblog
Mẹo nhỏ khi bình luận