Cách làm tiêu đề bài viết chỉ xuất hiện tại trang chủ trong 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 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. Bước 1 : Đăng nhập vào Blogger Dashboard . Bước 2 : Click ...
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.
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 !
Chuyên Mục: Blogspot
Bài viết được đăng bởi webmaster