Sunday, November 8, 2020

Cách ẩn Hiển thị các Widget Tiện ích của Blogger

Blogger cho phép các tiện ích hoặc tiện ích khác nhau được đưa vào blog Blogger. Ngoài ra, ngoài các tiện ích Blogger mặc định, chúng tôi cũng có thể đưa mã HTML hoặc JAVASCRIPT vào blog Blogger. Đôi khi, chúng tôi có thể không muốn hiển thị tiện ích trên tất cả các trang. Thay vào đó, chúng tôi có thể muốn ẩn tiện ích con trên các trang nhất định. Trong bài đăng này, chúng ta sẽ xem cách 'Ẩn / Hiển thị các Tiện ích / Tiện ích Blogger trong Trang chủ, Bài đăng, Trang tĩnh, Trang lưu trữ, v.v.'

Giả sử chúng ta đã thêm một Tiện ích / Tiện ích cho Bài đăng Phổ biến trên Blogger vào Blog Blogger. Và chúng tôi muốn hiển thị Widget Bài đăng Phổ biến chỉ trên trang chủ mà không hiển thị trên bất kỳ trang nào khác. Sau đó, chúng ta có thể sử dụng mã điều kiện Blogger để kiểm soát việc hiển thị các widget. Tương tự, chúng ta có thể sử dụng các điều kiện của Blogger để hiển thị hoặc ẩn trên những người khác.

Cách ẩn Hiển thị các Widget Tiện ích của Blogger

Đối với mục đích của ví dụ này, hãy giả sử các bước sau:

1) Đăng nhập vào Blogger và điều hướng đến LAYOUT

2) Nhấp vào "Thêm tiện ích" và thêm tiện ích POPULAR POSTS mới ở bất kỳ đâu bạn muốn

3) Lưu sắp xếp

4) Điều hướng đến Mẫu / Chủ đề

5) Nhấp vào CHỈNH SỬA HTML

6) Nhấp vào JUMP TO WIDGET và nhấp vào tiện ích POPULAR POSTS

Thao tác này sẽ đưa chúng ta đến mã cho tiện ích POPULAR POSTS.

7) Trong phần mã cho tiện ích con BÀI ĐĂNG PHỔ BIẾN, hãy tìm "<b: gkable id = 'main'>".

Mọi tiện ích của Blogger sẽ có phần <b :ABLE id = 'main'>.

8) Ngay sau câu lệnh <b: includeable id = 'main'>, hãy bao gồm điều kiện Blogger.

9) Ngay trước khi kết thúc màu đen của chữ 'bao gồm' cho chính - '</ b:' ', hãy thêm phần cuối của điều kiện NẾU của Blogger.

Thẻ có điều kiện của Blogger

Cú pháp Thẻ có điều kiện của Blogger trông giống như sau:

<b: if cond = 'ADD_CONDITION_HERE'>

THÊM NỘI DUNG TẠI ĐÂY

</ b: nếu>

Cú pháp thẻ điều kiện Blogger bắt đầu bằng thẻ <b: if> và thuộc tính cond.

Điều kiện cần được nhập làm giá trị của thuộc tính cond.

Mọi thẻ mở <b: if> cần được đóng bằng thẻ đóng </ b: if>.

Nếu điều kiện trên được đáp ứng, nội dung ở giữa được hiển thị hoặc mã ở giữa được thực thi.

Các cách khác nhau để hiển thị nội dung bằng Thẻ có điều kiện của Blogger:

Giờ đây, tùy thuộc vào yêu cầu của chúng tôi, các điều kiện Blogger khác nhau có thể được sử dụng để hiển thị tiện ích BÀI ĐĂNG PHỔ BIẾN trên nhiều loại trang hoặc URL khác nhau.

1) Chỉ hiển thị trên Trang chủ

<b:if cond='data:blog.url == data:blog.homepageUrl'>

ADD CONTENT HERE

</b:if>

<b:widget id='PopularPosts2' locked='false' mobile='yes' title='Popular Posts' type='PopularPosts' visible='true'>

<b:widget-settings>

.........................

.........................

</b:widget-settings>

<b:includable id='main'>

    <b:if cond='data:blog.url == data:blog.homepageUrl'>

                <b:comment>Default the title to &#39;Popular posts from this blog&#39;.</b:comment>

            <b:with value='data:messages.popularPosts' var='defaultTitle'>

            <b:include name='super.main'/>

          </b:with>         

    </b:if>

</b:includable>

..........

..........

</b:widget>

2) Hiển thị trên Trang Blog / Bài viết

<b:if cond='data:blog.pageType == "item"'>

ADD CONTENT HERE

</b:if>

<b:widget id='PopularPosts2' locked='false' mobile='yes' title='Popular Posts' type='PopularPosts' visible='true'>

<b:widget-settings>

.........................

.........................

</b:widget-settings>

<b:includable id='main'>

   <b:if cond='data:blog.pageType == "item"'>

                <b:comment>Default the title to &#39;Popular posts from this blog&#39;.</b:comment>

            <b:with value='data:messages.popularPosts' var='defaultTitle'>

            <b:include name='super.main'/>

          </b:with>         

    </b:if>

</b:includable>

..........

..........

</b:widget>

3) Hiển thị trên Trang chỉ mục

Theo các trang Chỉ mục, nó bao gồm trang chủ, trang nhãn, trang tìm kiếm và trang lưu trữ hàng năm.

<b:if cond='data:blog.pageType == "index"'>

ADD CONTENT HERE

</b:if>

No comments:

Post a Comment