Tùy chỉnh hiển thị Widget, CSS, Javascript cho Blogger


Trong quá trình sử dụng blogspot. Chắc hẳn bạn sẽ gặp không ít khó chịu về tốc đô tải trang, có những Widget bạn chỉ muốn hiển thị ngoài trang chủ, cái thì muốn chị hiển trong trang bài viết thôi... Vậy làm cách nào để giải quyết các vấn đề đó? Trong bài viết này mình sẽ giúp các bạn cách làm thể nào để ẩn, hiện Widget, CSS, Javascript... một cách đơn giản. Sau khi đọc bài viết này, chắc chắn blog bạn sẽ chạy nhanh hơn rất nhiều đấy.

Nào cùng thực hiện thôi

 Cách ẩn Widget ở trang chủ và chỉ hiển thị Widget ngoài trang chủ:
  1. Cách ẩn Widget ở trang chủ
<b:if cond='data:blog.url != data:blog.homepageUrl'> code của bạn </b:if>
  • Chỉ hiển thị Widget ngoài trang chủ:
<b:if cond='data:blog.url == data:blog.homepageUrl'> code của bạn </b:if>
  • Các bạn để ý giữa 2 đoạn code trên sẽ có sự khác nhau giữa giữa hàm <b:if cond='data:blog.url == (hiện) và <b:if cond='data:blog.url != (ẩn)
  • 2. Chỉ hiển thị Widget ở trang Archive
<b:if cond='data:blog.pageType == &quot;archive&quot;'> code của bạn </b:if>
  • 3. Chỉ hiển thị Widget ở trang bài viết.
<b:if cond='data:blog.pageType == &quot;item&quot;'> code của bạn </b:if>
  • 4. Chỉ hiển thị Widget ở trang Static Page
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> code của bạn </b:if>

  • 5. Chỉ hiển thị Widget ở những trang với liên kết
<b:if cond='data:blog.url == "URL-blog"'> code của bạn </b:if>

  • 6. Chỉ hiển thị Widget ở Trang chủ, trang Label và trang Archive

<b:if cond='data:blog.pageType == &quot;index&quot;'> code của bạn </b:if>
  • 7. Nếu bạn muốn ẩn CSS đi , tiện ích thì chèn code sau vào sau dòng ]]></b:skin> . hoặc trước thẻ </head> 
  • Cách làm như sau:
<b:if cond='data:blog.url == data:blog.homepageUrl'> <style type='text/css'> #PopularPosts,#HTML1,#HTML2,#HTML3,#HTML4.... {display:none} </style> </b:if>

Chúc các bạn thành công

2/Post a Comment/Comments

Đăng nhận xét