Thành công!
TRUCBLOG JOURNAL GÓC ĐỌC • GÓC VIẾT
Bài viết / Góc chia sẻ

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

Đỗ Trực tháng 12 03, 2016 2 phút đọc 2 bình luận … Lượt xem

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
Chia sẻ bài viết:
Ảnh đại diện tác giả

Đỗ Trực Tác giả / Admin

Chia sẻ kiến thức lập trình, phát triển web, công nghệ và các thủ thuật thực tế. Cảm ơn bạn đã ghé thăm Truc Blog.

Thảo Luận & Nhận Xét (2)

Công cụ bình luận nâng cao:
Nội quy bình luận của blog

Hãy cùng giữ phần thảo luận thân thiện, hữu ích và an toàn cho mọi người.

  1. Trao đổi lịch sự, tôn trọng người khác; góp ý vào nội dung, không công kích cá nhân.
  2. Bình luận đúng chủ đề bài viết; tránh spam, quảng cáo lặp lại hoặc đường dẫn đáng ngờ.
  3. Không đăng mật khẩu, số giấy tờ, thông tin liên hệ riêng tư hay dữ liệu nhạy cảm.
  4. Khi chia sẻ mã nguồn, hãy dùng công cụ mã hóa code để giữ nguyên ký tự và dễ đọc.
  5. Chỉ chia sẻ hình ảnh, video và tài liệu mà bạn có quyền sử dụng; không đăng nội dung vi phạm pháp luật.
  6. Quản trị viên có thể ẩn hoặc xóa nội dung spam, xúc phạm, không an toàn hoặc không phù hợp.
Biểu tượng cảm xúc nổi bậtChạm để sao chép
Công cụ Mã hóa HTML & Chèn Code vào Bình luận
* Nhấn Chèn Ảnh/Video, dán liên kết công khai rồi sao chép URL vào bình luận. Sau khi bình luận được đăng, mẫu sẽ tự hiển thị ảnh trực tiếp, video MP4/WebM hoặc video YouTube nếu URL thuộc định dạng được hỗ trợ. Blogger không cho tải tệp trực tiếp lên bình luận.

Nhận xét

  1. Hay!! Cảm ơn bác!!
    bacsiwindows.com

    Trả lờiXóa
  2. Đợt này bác nghịch template ghê thế :)) Thay đổi nhiều vừa mất traffic vì gg nó tưởng blog đang trong thời kỳ hoàn thiện vừa mất sitelink vì thay đổi những hạng mục cố định trên menu :D

    Trả lờiXóa