Tùy chỉnh Widget Trang chủ Bài đăng trong Blogger (Blogspot)

BloggerGuide

Saturday, November 7, 2015

0 comments

Tùy chỉnh Widget Trang chủ Bài đăng trong Blogger (Blogspot) ở thanh bên, có thể cho nó ẩn ở trang chủ và chỉ hiện khi người dùng bấm vào đọc một bài viết nào.

Bước 1. Xác định widget mà bạn cần cho ẩn hoặc hiện.

1. Tên của widget mà bạn đặt (vào Daskboard ▷ Layout)
2. ID của widget trong trường hợp có widget nào đó bạn không có đặt tên, bạn cần phải view source.

Sau khi tìm được chỗ widget có chứa ID tương tự như sau:

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
Nội dung khác của đoạn code...
</b:includable>
</b:widget> 

Bước 2. Tuỳ theo mục đích mà bạn hãy đặt thêm 2 dòng code màu đỏ như bên dưới đây

Chỉ HIỆN ngoài trang chủ (homepage)

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

Nội dung khác của đoạn code...

</b:if>
</b:includable>
</b:widget>

Nếu bạn muốn ẨN ở ngoài trang chủ, hãy thay == bởi != là được.

Chỉ HIỆN ở chế độ đọc bài đăng (post page)

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>

Nội dung khác của đoạn code...

</b:if>
</b:includable>
</b:widget> 

Nếu bạn muốn ẨN ở chế độ đọc bài đăng, hãy thay == bởi != là được.

Chỉ HIỆN widget ở một trang cụ thể

Lưu ý bạn cần thay URL of the page bởi đường link của trang cần.

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

nội dung khác của đoạn code...

</b:if>
</b:includable>
</b:widget>

Nếu bạn muốn ẨN ở một trang cụ thể, hãy thay == bởi != là được.

HIỆN chỉ ở trang tĩnh (static page)

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>

Nội dung khác của đoạn code...

</b:if>
</b:includable>
</b:widget> 

Nếu bạn muốn ẨN ở trang tĩnh (static page), hãy thay == bởi != là được.

HIỆN chỉ ở trang archive

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>

Nội dung khác của đoạn code...

</b:if>
</b:includable>
</b:widget>

Nếu bạn muốn ẨN ở trang archive, hãy thay == bởi != là được.

Save template lại và xem kết quả.

Tag : Blog Design, Blog Tips