Truyện Hoang Dung

Có 2 cách:
Cách 01:
Bước 1: Thêm một Widgets/Gadgets.

Các bạn vào Bố cục (Layout). Tiếp tục chọn Thêm tiện ích (Add Gadgets).

Ở đây tôi chọn tiện ích bài đăng phổ biến (Popular Post).

Bước 2: Vào mẫu và chọn Chỉnh sửa HTML

Bước 3: Trong mục Chuyển tới tiện ích hãy chọn Popular Post 1 hoặc Widget mà bạn đã thêm trước đó.

Bước 4: Click vào mũi tên ở đầu dòng để mở Code của tiện ích đó.

Chúng ta sẽ thấy Code của Widgets Popular Post 1 như sau:

CHÈN VỊ TRÍ 1
<b:widget id='PopularPosts1' locked='false' title='Bài đăng phổ biến' type='PopularPosts'>

<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>

<ul>

...........mã đang còn nhiều mình chỉ lược bỏ đi cho dễ nhìn...............

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

CHÈN VỊ TRÍ 2.

VỊ TRÍ 1: Chèn mã ở dưới, có thể sử dụng nhiều lệnh.

VD cụ thể:
Tùy chỉnh Ẩn – Hiện Widgets/Gadgets trong một trang hoặc một post bất kì:

Ẩn – hiện widgets bất kì trong blogger – blogspot.
-------------------------------------

data:blog.homepageUrl = trang chủ

index = Trang chủ, trang Label và trang Archive.

archive = Trang lưu trữ.

static_page = Trang tĩnh.

item = bài viết.

------------------------------------

Để Widgets/Gadgets chỉ hiện ở trang chủ bạn thay:

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

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

Chú ý là == "index"> như trên thì lưu được hoặc == "index"'> mới lưu được.
Bạn chỉ cần thay đổi "==" Chỉ Hiện "!=" Chỉ Ẩn nó đi.

Chỉ hiển thị Widgets tại trang xem bài viết:

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

Chỉ hiển thị Widgets tại những trang tĩnh – Static Page

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

Ẩn Widgets tại trang tĩnh

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

Ẩn Widgets tại một kiểu trang đặc biệt, ngoài loại trang đó các trang còn lại Widgets sẽ được hiển thị

<b:if cond='data:blog.pageType != "index">
<b:widget id=’PopularPosts1′ locked=’false’ title=’Bài đăng phổ biến’ type=’PopularPosts’>

<b:includable id=’main’>

Chỉ hiển thị Widgets tại trang lưu trữ

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

Chỉ hiển thị Widgets tại một trang bất kì:

<b:if cond='data:blog.url == "URL of the page">

Thay thế URL of the page bằng url của trang, bài viết mà bạn muốn widget sẽ hiển thị.

VỊ TRÍ 2: Khóa lệnh. </b:if>

Ẩn hiện một Tiện Ích(widgets) bất kì khi truy cập bằng điện thoại.

/*-----------DIEU CHINH "PC & DIEN THOAI"---------*/

@media screen and (max-width : 1024px) {

/* Dành cho DIEN THOAI *//* nếu màn hình từ 1024px trở xuống sẽ truy vấn các thuộc tính trong thẻ media này */

#sidebar1{display: block;}/*Ẩn tiện ích nhưng vẫn còn chứa khung tiện ích*/

#sidebar2{display: none;}/*Ẩn hẳn tiện ích ko để lại 1 dấu vết gì*/

}

@media screen and (min-width : 1024px) {

/* Dành cho PC *//* nếu màn hình từ 1024px trở lên sẽ truy vấn các thuộc tính trong thẻ media này */

}

Ở đây ta sẽ dùng lệnh: "display: none"

How to Show / Hide a Widget for Blogger

Đôi khi bạn muốn ẩn 1 widget đi hoàn toàn mà lại không muốn xóa bỏ nó, hay chỉ muốn ẩn/hiện widget đó tại một số trang nhất định như trang chủ, trang bài viết... Bài viết dưới đây của

sẽ giúp bạn thực hiện điều đó.

1. Ẩn Widget hoàn toàn

a) Nếu widget là widget HTML/Javascript

Đơn giản bạn chỉ cần mở widget đó lên và đặt toàn bộ các dòng code trong widget trong dấu

<!--

và

--> Ví dụ code của widget muốn ẩn như sau

 <div class="separator" style="clear: both; text-align: center;">
<a href="/p/test-iq.html"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6TdetJukoM1bP28Th_3oIyuE-5x1zMl0LLwuhKx89O_37GfYkLgkklwVSQBFLEnlhfujA9ftHx5hh_lCbZlnuoD44wUHZUDGj-8xH7ZQ7wzkarNb64i9D_wC3AWW-rbHO9RbsAkQ8Mg7r/s1600/iq-test.png" class="img-responsive" /></a>
</div>

Bạn chỉ cần sửa thành

b) Nếu không phải là widget HTML/Javascript thì bạn cần

Bước 1:

Xác định ID của widget cần ẩn.

Bạn vào

Mẫu >> Chỉnh sửa HTML

và xác định

của widget đó.

Xem thêm: Cách xác định ID của một Widget trong Blogger
Bước 2: Dán đoạn code dưới đây vào trước thẻ </head>

 
<style>
#ID-widget {display:none;!important;}
</style>

Trong đó

ID-widget

là ID bạn vừa tìm được ở bước 1. Ví dụ muốn ẩn widget thống kê có ID là

Stats1

thì đoạn code sẽ như sau

 
<style>
#Stats1 {display:none;!important;}
</style>

2. Ẩn/hiện Widget tại một trang bất kỳ

Bạn vào

Mẫu >> Chỉnh sửa HTML

, nhấn vào

Chuyển đến tiện ích

và sau đó chọn ID widget bạn muốn ẩn.

2 Click vào dấu ... đoạn code của widget sẽ như sau

 <b:widget id='Stats1' locked='false' title='statistics' type='Stats'>
<b:includable id='main'>

<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>

Sau đó bạn cần thêm thẻ điều kiện

<b:if>

vào bên trong thẻ

<b:includable> Ví dụ muốn widget chỉ hiển thị tại trang chủ bạn sửa code lại như sau

 <b:widget id='Stats1' locked='false' title='statistics' type='Stats'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<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>