Thủ thuật ẩn, hiện một widget ở trang chủ là một thủ thuật rất hay cho các bạn chuyên thiết kế giao diện cho blog, hay các bạn làm seo, muấn...
Thủ thuật ẩn, hiện một widget ở trang chủ là một thủ thuật rất hay cho các bạn chuyên thiết kế giao diện cho blog, hay các bạn làm seo, muấn cho mọi người sem đúng mục tiêu mình đưa ra , cũng rất đẹp mắt cho blog nha các bạn các bạn có thể đọc bài viết rưới đây để áp dụng thủ thuật này nhé.
Thủ thuật ẩn, hiện một widget ở trang chủ kết hợp thẻ điều kiện cho blog
Đôi khi bạn chỉ cần hiển thị một vài widget ở trang chủ hoặc chỉ ở một số trang hoặc thậm chí ở một trang riêng biệt nào đó. Thủ thuật này cũng khá đơn giản. Điều quan trọng là bạn phải nắm được ID của widget mà bạn tạo ra. giúp tốc độ loan trang của blog tăng lên rất nhiều.
Lấy ví dụ widget mà bạn tạo có id là HTML5 và bạn đặt tiêu đề cho widget đó là BLOGGER. Vào Bố cục (Layout) rồi chỉnh sửa HTML ở chế độ mở rộng mẫu tiện ích.
Chúng ta bắt tay vào công việc nhé.
I . Ẩn hiện tiện ích :
Vào Bố cục (Layout) rồi chỉnh sửa HTML ở chế độ mở rộng mẫu tiện ích. tìm thẻ </head> dán đoạn code lên trước thẻ </head>1. Ẩn tiện ích ví dụ HTML5 khỏi trang chủ
<b:if cond='data:blog.url == data:blog.homepageUrl'>2. Ẩn nhiều tiện ích ở trang chủ
<style type='text/css'>
#HTML5 {display:none !important;visibility:hidden !important}
</style>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>3. Ẩn tiện ích HTML5 ở trang bài viết
<style type='text/css'>
#HTML5, #Label1, #Followers1 {display:none !important;visibility:hidden !important}
</style>
</b:if>
<b:if cond='data:blog.pageType == "item"'>4. Ẩn tiện ích HTML5 ở trang chủ , trang nhãn trang lưu trữ
<style type='text/css'>
#HTML5 {display:none !important;visibility:hidden !important}
</style>
</b:if>
<b:if cond='data:blog.pageType == "index"'>4.1. Ẩntiện ích HTML5 ở trang chủ , trang nhãn trang lưu trữ
<style type='text/css'>
#HTML5 {display:none !important;visibility:hidden !important}
</style>
</b:if>
<b:if cond='data:blog.pageType != "item"'>5. Ẩn tiện ích HTML5 ở trang lưu chữ.
<style type='text/css'>
#HTML5 {display:none !important;visibility:hidden !important}
</style>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>6. Ẩn tiện ích HTML5 ở trang tĩnh
<style type='text/css'>
#HTML5 {display:none !important;visibility:hidden !important}
</style>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>7. Ẩn tiện ích HTML5 ở trang riêng biệt
<style type='text/css'>
#HTML5 {display:none !important;visibility:hidden !important}
</style>
</b:if>
<b:if cond='data:blog.url == "URL của trang riêng biệt"'>Lưu ý : Nếu các bạn thay ( == ) thành ( != ) thì kết quả sẽ chỉ hiện tiện ích có ID là ví dụ HTML5 ở trang chủ .
<style type='text/css'>
#HTML5 {display:none !important;visibility:hidden !important}
</style>
( thay HTML5 thành HTML... của bạn )
Bây giờ chúng ta lại cùng nhau đi tìm hiểu ẩn hiện Widget nữa nhé các bạn xem bên rưới để được rõ
II : Ẩn hiên widget cho blogspot
1. Chỉ hiện widget ở trang chủ<b:if cond='data:blog.url == data:blog.homepageUrl'>2. Chỉ hiện widget ở tất cả các trang bài viết trừ trang chủ
<b:if cond='data:blog.pageType == "item"'>3. Chỉ hiện widget ở một trang riêng biệt
<b:if cond='data:blog.url == "URL của trang riêng biệt"'>4. Chỉ hiện widget ở các trang chính gồm trang chủ , các trang labe và archive
<b:if cond='data:blog.pageType == "index"'>5. Chỉ hiện widget ở các trang lưu trữ
<b:if cond='data:blog.pageType == "archive"'>6. Chỉ hiện widget ở tất cả các trường hợp trừ các trang lưu trữ
<b:if cond='data:blog.pageType ! == "archive"'>7. Chỉ hiện widget ở tất cả các trường hợp trừ các trang bài viết
<b:if cond='data:blog.pageType ! == "item"'>8. Chỉ hiện widget ở tất cả các trường hợp trừ trang chủ
<b:if cond='data:blog.url ! == data:blog.homepageUrl'>9. Chỉ hiện widget ở tất cả các trang trừ một trang riêng biệt
<b:if cond='data:blog.url ! == "Url của trang đặc biệt"'>10. Chỉ hiện widget ở tất cả các trang trừ hai trang riêng biệt
<b:if cond='data:blog.url ! == "Url của trang đặc biệt 1"'><b:if cond='data:blog.url ! == "Url của trang đặc biệt 2"'>11. Muấn hiển thị một thứ gì đó ở trang chủ và một thứ gì đó khác ở tất cả các trang.
<b:if cond='data:blog.url == data:blog.homepageUrl'>Đây là điều cần hiển thị ở trang chủ<b:else/>Đây là điều không hiển thị ở trang chủ</b:if>12.Chỉ hiện widget ở một trang nhãn.
<b:if cond='data:blog.url == "http://yourblogname.blogspot.com/search/label/Tennhan"'>
Cach sử dụng
Thủ thuật này các bạn tìm tới đoạn code mà bạn cần ẩn hiện nhé .ví dụ :
<b:if cond='data:blog.pageType == "item"'>Trên đây là toàn bộ những gì các bạn cần có , cần biết để sử dụng và áp dụng cho trang web/blog của các bạn thành công như các bạn mong muấn .
Nội dung hiển thị
</b:if>
Các bạn lên xem thêm bài viết [ Blogspot và các thẻ điều kiện IF cho trang web/blog ] để kết hợp được thành công hơn.
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