Làm tiêu đề bài viết xuất hiện tại trang chủ Blogspot

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
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: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 6: Click Save Template .
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 !.
DMCA.com Protection Status

Chia sẻ:

Là một người yêu thích công nghệ thông tin và hiện đang là một Doctor Mobi, Đam mê blog.

Nhận cập nhật các bài viết mới của Ngocanhblog

Có thể bạn quan tâm

Mẹo nhỏ khi bình luận
  • - Để viết chữ in đậm hãy sử dụng thẻ chữ in đậm
  • - Để viết chữ in nghiêng hãy sử dụng thẻ chữ in nghiêng
  • - Để viết code hãy sử dụng công cụ Conversion ở bên dưới để mã hóa và sau đó dán vào khung bình luận.
  • - Để chèn hình ảnh, video chỉ cần dán link trực tiếp của hình ảnh hoặc video vào khung bình luận (hỗ trợ: jpg, gif, png, bmp, Youtube).

Ôi hỏng bạn làm gì vậy ?Hãy bật Javascript!