Ẩn hoặc hiển thị Widget/Gadget trong Blogger

Bất cứ khi nào chúng ta thêm widget / gadget vào blogspot blog, widget được hiển thị trong tất cả các trang của blog theo mặc định, Bao gồm cả trang chủ. Để khắc phục sự cố này, bạn phải ẩn các widget từ các trang cụ thể đó. Trong bài này, chúng ta sẽ thảo luận về vấn đề này. Tại đây, bạn sẽ tìm hiểu cách ẩn hoặc hiển thị bất kỳ widget / gadget nào từ bất kỳ trang cụ thể nào. Để ẩn (hoặc hiển thị) các vật dụng trong các bài viết cụ thể, các trang tĩnh, trang chủ hoặc các trang lưu trữ, bạn có thể sử dụng các thẻ có điều kiện.

Bước: 1 - Vào Bảng điều khiển Blogger> Giao diện> và đặt tên cho tiện ích HTML / Javascript mà bạn đã thêm vào blog của mình. Bây giờ bạn sẽ dễ dàng tìm thấy tiện ích đó từ mẫu của blogger. hãy chắc chắn rằng tiêu đề mà bạn đưa ra cho tiện ích nó là một duy nhất để nó không phù hợp với bất kỳ tiêu đề của bất kỳ vật dụng khác đã được thêm vào.

Bước: 2 - Bây giờ đi tới Giao diện> Chỉnh sửa HTML

Bước: 3 - Nhấp vào bất kỳ nơi nào trong vùng văn bản và nhấn CTRL + F để kích hoạt hộp tìm kiếm.

Bước: 4 - Tìm mã tiện ích của bạn bằng cách nhập tên tiện ích vào hộp tìm kiếm.

Bây giờ chúng ta hãy lấy một ví dụ về một trong những widget của tôi trong blog của tôi có tiêu đề với "Recent post". Mã cho widget đó tương tự như sau:

[<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'> <b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>]

 Mã này đại diện cho Widget / Gadget mà tôi đã thêm vào vị trí Bố cục Trang (Bố cục).

Bước: 5 - Khi bạn tìm thấy mã của widget, hãy thêm các thẻ có điều kiện sau đây được đánh dấu màu đỏ ngay bên dưới và phía trên để ẩn hoặc hiển thị tiện ích con từ các trang hoặc bài đăng cụ thể trong Blogger. Ví dụ, trong trường hợp bạn muốn:

Để hiển thị tiện ích chỉ trong Trang chủ:

[<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.url == data:blog.homepageUrl'&gt; <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:if> </b:includable> </b:widget>]

Chỉ hiển thị tiện ích Blogger trong các trang đăng bài:

[<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.pageType == "item"'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:if> </b:includable> </b:widget>]

Để ẩn tiện ích Blogger trong các trang đăng bài:

[<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.pageType!= "item"'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:if> </b:includable> </b:widget>]

Để hiển thị tiện ích con trong một trang cụ thể:

[<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.url == "URL of the page"'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:if> </b:includable> </b:widget>]

• [message]
• Lưu ý:
• Thay thế URL của trang bằng địa chỉ của trang mà bạn muốn tiện ích xuất hiện

Để ẩn tiện ích chỉ trong một trang cụ thể

[<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.url != "URL of the page"'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:if> </b:includable> </b:widget>]

Để hiển thị các widget chỉ ở các trang tĩnh

[<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.pageType == "static_page"'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:if> </b:includable> </b:widget>]

Để ẩn widgets trong Static Pages

[<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.pageType != "static_page"'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:if> </b:includable> </b:widget>]

Để hiển thị các widget chỉ trong các trang lưu trữ

[<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.pageType == "archive"'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:if> </b:includable> </b:widget>]

 Bước: 6 - Sau khi bạn đã thêm các đoạn mã, Lưu Mẫu và xem blog của bạn.

Cách nhúng mã javascript trực tiếp vào Blogger Template chuẩn nhất:

Tôi thường quên mất cách nhúng mã javascript vào các mẫu Blogger của mình. Vì vậy, tôi chỉ muốn chia sẻ với bạn như là thủ thuật nhỏ và cũng giúp tôi mỗi khi tôi cần thêm Js vào một mẫu. Lời khuyên này luôn giúp ngăn chặn lỗi XML khi lưu mã mẫu. Thoạt đầu, Truy cập trang tổng quan blog của bạn, chọn Mẫu. Sau đó, nhấp vào Chỉnh sửa HTML. Không, chèn trước thẻ </ head> hoặc </ body> bằng mã bọc javascript của bạn như dưới đây:

[<script type='text/javascript'> //<![CDATA[ // Place your javascript code here //]]> </script>]