Cách Ẩn Bài viết bất kỳ trên Trang chủ lọc theo Nhãn (Label) cho Blogger

Hide Specific Label Posts from Blogger Homepage

Thủ thuật sau đây sẽ giúp các bạn ẩn các bài viết trên trang chủ lọc theo tag bất kỳ dành cho Blogger. Có một cách đơn giản giản hơn đó là chỉnh ngày xuất bản bài viết lại thành một ngày trong quá khứ.

Cách thực hiện

1Click chuột phải vào phần chứa bài viết của bạn trên trang chủ và chọn Kiểm tra phần tử

2Xác định class chứa bài viết của bạn, như hình bên dưới là .date-outer. Tùy mỗi template mà class có thể khác nhau.

3Tiếp tục cũng click chuột phải vào phần chứa nhãn (label) của bạn, chọn Kiểm tra phần tử và cũng kiếm class chứa nhãn của template. Như hình bên dưới là class .label-info

4Vào Mẫu >> Chỉnh sửa HTML và dán đoạn script bên dưới vào trước thẻ </body>

<!-- jQuery -->
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'/>

<!-- An bai viet voi nhan "hidden" khoi Index Pages -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
    <script type='text/javascript'>
        //<![CDATA[
            $(function() {
                $(".label-info").filter(":contains('hidden')").parents('.date-outer').hide();
            });
        //]]>
    </script>
</b:if> 

- Với .date-outer và .label-info là 2 class chúng ta vừa tìm được ở các bước trên.

5Nếu bạn muốn bài đăng hiển thị khi ta lọc theo tag (http://domain.com/search/label/...) thì thêm đoạn script bên dưới vào sau đoạn code ở bước 4.

<!-- Hien thi bai viet voi nhan "hidden" tren Label Pages -->
<b:if cond='data:blog.searchLabel'>
    <script type='text/javascript'>
        //<![CDATA[
            $(document).ready(function() {
                $(".label-info").filter(":contains('hidden')").parents('.date-outer').show();
            });
        //]]>
    </script>
</b:if>

6Cuối cùng bạn chỉ cần thêm nhãn "hidden" vào bài viết muốn ẩn là được.

Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới nhé.
Chúc bạn thành công!

Created by Iris Tips

• Twitter
• Facebook
• Google+
• LinkedIn
• Pinterest

Iris Tips

Có thể bạn quan tâm