Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Cách tùy chỉnh widget hiển thị trong Blogspot bằng CSS

Chủ đề thuộc danh mục 'Hướng dẫn/Thủ thuật Blogspot tại đây' được đăng bởi Trần Bá Đạt, 25/8/15.

Lượt xem: 2,195

  1. Trần Bá Đạt Thành viên cấp 2

    Đôi khi vì một số lý do nào đó mà bạn chỉ muốn một hay một số widget hiển thị ở trang này nhưng không hiển thị ở trang kia. Ví dụ với widget quảng cáo Google Adsense, Google không cho phép hiển thị quảng cáo ở các trang lỗi 404. Tuy nhiên, nếu thêm widget vào thanh sidebar hay footer, thì nó sẽ hiển thị ở tất cả các trang, kể cả trang lỗi 404. Đó là lý do bạn phải tìm cách không cho hiển thị quảng cáo trong trang 404, tránh việc bị Google phạt.

    [​IMG]

    Đầu tiên nên tìm hiểu một số code hiển thị nội dung bằng HTML trong Blogspot :

    Chúng ta có một số code HTML hiển thị nội dung như sau:
    - Code chỉ hiển thị nội dung ở trang chủ:
    - Code chỉ hiển thị nội dung ở trang bài viết:
    - Code chỉ hiển thị nội dung ở trang label:
    - Code chỉ hiển thị nội dung ở trang Static:
    - Code chỉ hiển thị nội dung ở trang lưu trữ:
    - Code chỉ hiển thị nội dung ở trang lỗi 404:
    - Code hiển thị nội dung ở trang chủ, label, lưu trữ:
    - Còn đây là code chỉ hiển thị nội dung ở một trang url bạn chỉ định:
    Trên đây là những code dùng để hiển thị nội dung ở một số trang trong Blogspot.

    Vậy code không cho phép hiển thị nội dung là gì?

    Trong Blogspot quy định, code hiển thị nội dung sẽ được sử dụng với dấu "==", còn với code không hiển thị nội dung thì sẽ được sử dụng với dấu "!=". Vậy có nghĩa là gì? Nghĩa là bạn chỉ cần thay dấu "==" sau phần data:blog... ở các đoạn code tương ứng trên bằng dấu "!=" thì sẽ đổi thành code không cho phép hiển thị nội dung!

    Ví dụ, đây là code không hiển thị nội dung ở trang lỗi 404:
    Cách tùy chỉnh widget hiển thị trong Blogspot bằng CSS

    Có nhiều cách để áp dụng việc ẩn hiện widget ở một số khu vực nào đó, bạn có thể trực tiếp thêm các đoạn code ở trên vào các widget bạn muốn, hoặc bạn sẽ sử dụng CSS như dưới đây:
    - Thêm đoạn code này vào trước thẻ </body>
    Trong đó:
    + {display:none;} sẽ làm ẩn nội dung của id HTML1. Tương tự, bạn có thể thêm tất cả các widget khác vào ngay sau #HTML1, ngăn cách nhau bởi dấu phẩy là được.
    + <b:if cond='data:blog.pageType == "item"'> bạn sẽ thay bằng đoạn code ẩn, hiện nội dung như các đoạn code ở trên. Với đoạn code ở ví dụ này, có nghĩa là cho phép hiển thị widget HTML1 tại trang bài viết!

    - Ví dụ với đoạn code này:

    [​IMG]
    Ở dòng 5674, đây là dòng cho phép hiển thị ở trang Static. Tuy nhiên ở dòng 5676, các thành phần như thông tin cuối bài viết, khung bình luận, nút like FB, G+ mình sử dụng display:none, nghĩa là tất cả mọi thứ đều được hiển thị ở trang Static, ngoại trừ những cái trên ^_^

    Có lẽ sau khi đọc xong bài viết này bạn đã hiểu cách tùy chỉnh widget hiển thị trong Blogspot, nhằm tùy chỉnh cho phù hợp với website của mình. Nếu có thắc mắc gì thì cmt bên dưới nhé :)


    Phạm Hữu Dư thích bài viết này

Ủng hộ diễn đàn