Facebook Twitter Google RSS

Tùy biến hiển thị Widget ở những trang nhất định trong Blogger



Nếu xem Template như ngôi nhà thì Widget chính là bàn, ghế, giường, tủ,…Việc bố trí đồ đạc sao cho gọn gàng, phù hợp với căn nhà sẽ góp phần làm cho nơi ở của bạn trở nên đẹp hơn, “pro” hơn trong mắt khách viếng thăm.


Hay nói cách khác, việc bố trí các Widget trên Template một cách hợp lý sẽ làm nổi bật nội dung cần truyền tải, logic và hài hòa với bố cục Blog.
Chính vì lý do đó xin được giới thiệu đến bạn đọc những thủ thuật nhỏ để “hiển thị Widget ở những trang nhất định trong Blogspot”, tiến hành như sau :
- Vào Thiết kế ( Bố cục ) > Nhấp vào Chỉnh sửa trên Widget cần xử lý

Nhấp vào mục Chỉnh sửa trên Widget

- Một Popup bật lên, bạn nhìn vào phía trên góc phải ( gần thanh tiêu đề ) sẽ thấy dòng …null&widgetId=HTML2 ( trong trường hợp này là widget HTML2, đối với widget khác sẽ có ID khác)

Xác định ID của Widget

- Sau khi xác định được ID của widget, bạn vào Chỉnh sửa HTML > Mở rộng mẫu tiện ích để tìm widget đó trong Template ( nhấn Ctrl+F rồi gõ vào ID của widget )

Vị trí của Widget trong Template

Như vậy, ta đã xác định được ID cũng như vị trí và nội dung của Widget, và bây giờ là phần chính của thủ thuật

1. Chỉ hiển thị Widget ngoài trang chủ
Bạn thêm dòng code bên dưới vào sau dòng của widget đó:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
và một thẻ đóng </b:if> cho nó trước dòng </b:includable>. Khi đó sẽ trông như hình dưới:
Chỉ hiển thị Widget ngoài trang chủ
Tương tự như vậy, để hiển thị tại vị trí khác, bạn chỉ việc thay dòng <b:if cond='data:blog.url == data:blog.homepageUrl'> bằng đoạn code tương ứng.


2. Chỉ hiển thị Widget ở trang Archive
Thay dòng code <b:if cond='data:blog.url == data:blog.homepageUrl'> bằng dòng này :
<b:if cond='data:blog.pageType == &quot;archive&quot;'>

3. Chỉ hiển thị Widget ở trang bài viết
Thay dòng code <b:if cond='data:blog.url == data:blog.homepageUrl'> bằng dòng này :
<b:if cond='data:blog.pageType == &quot;item&quot;'>

4. Chỉ hiển thị Widget ở trang Static Page
Thay dòng code <b:if cond='data:blog.url == data:blog.homepageUrl'> bằng dòng này :
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

5. Chỉ hiển thị Widget ở những trang với liên kết cụ thể
Thay dòng code <b:if cond='data:blog.url == data:blog.homepageUrl'> bằng dòng này :
<b:if cond='data:blog.url == "URL của trang chỉ định"'>
Ví dụ, chỉ hiển thị widget ở chuyên mục ( Label ) Network, bạn thay bằng đoạn code sau :
<b:if cond='data:blog.url == "http://www.tuyetvan.net/search/label/HD-Bluray"'>

6. Chỉ hiển thị Widget ở Trang chủ, trang Label và trang Archive
Thay dòng code <b:if cond='data:blog.url == data:blog.homepageUrl'> bằng dòng này :
<b:if cond='data:blog.pageType == &quot;index&quot;'>
* Ở trên bạn có thể thấy iTechPlus cố ý đánh dấu “==” bằng màu đỏ, có nghĩa là, bạn hoàn toàn có thể thay dấu “==” bằng dấu “!=” sẽ mang ý nghĩa khác.

Qui ước :
== : “bằng” hoặc tương đương!= : “khác” hoặc không tương đương

Ví dụ, nếu bạn muốn Widget HTML2 hiển thị ở tất cả các trang khác ngoài trang chủ, thì ta sẽ có đoạn code sau ( thay thế <b:if cond='data:blog.url == data:blog.homepageUrl'> ) :
<b:if cond='data:blog.url != data:blog.homepageUrl'>

Tùy biến nâng cao sử dụng kết hợp các điều kiện
Vì một lý do nào đó, bạn chỉ muốn hiển thị widget ở trang A ( và\hoặc ) trang B, ta sẽ kết hợp các điều kiện với nhau như sau:


A. Trường hợp 1: chỉ hiển thị widget khi thỏa mãn 2 hay nhiều điều kiện
Ví dụ, hiển thị widget ở tất cả các trang ngoại trừ chuyên mục Graphic và Security:
<b:if cond='data:blog.url != "http://www.tuyetvan.net/search/label/Phim Bộ"'>
<b:if cond='data:blog.url != "http://
www.tuyetvan.net/search/label/Phim Lẻ "'>
nội dung widget
</b:if></b:if>
B. Trường hợp 2 : chỉ hiển thị widget khi thỏa mãn một trong các điều kiện
Ví dụ, chỉ hiển thị widget ở chuyên mục Graphic hoặc Security
<b:if cond='data:blog.url == "http://www.tuyetvan.net/search/label/Xem Online"'>
nội dung widget
<b:else/>
<b:if cond='data:blog.url == "http://www.tuyetvan.net/search/label/Trailer"'>
nội dung widget
<b:else/>
<!--không hiển thị ở đây-->
</b:if>
</b:if>
Như vậy là ta đã hoàn thành các bước để tùy biến vị trí Widget rồi đó, việc còn lại bây giờ của bạn là Save Template và tận hưởng thành quả.
Chúc các bạn thành công !
Nguồn: iTechPlus

Giới thiệu:


Chào mừng bạn đến với wesite. Hi vọng bạn sẽ tìm thấy nhiều điều thú vị ở đây.
Xem trang cá nhân của tôi →

7 nhận xét:

  1. ban that tuyet voi, qua hay

    tbb7178@gmail.com
    http://tbb7178.blogspot.com

    Trả lờiXóa
  2. hello everybody, if your need latest YoutubeGet 6.3.5 crack software,most impotent software, you can visit our website(onlinetech24.com). you can also get latest software such as " adobe Photoshop, adobe illustrator, adobe all free software, text editor,free antivirus, free computer tips and another software" please click here for visit our website.

    Trả lờiXóa
  3. hello everybody, if your need latest adobe Photoshop crack software,most impotent software, you can visit our website(onlinetech24.com). you can also get latest software such as " adobe Photoshop, adobe illustrator, adobe all free software, text editor,free antivirus, free computer tips and another software" please click here for visit our website.

    Trả lờiXóa
  4. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  5. Xem phim online miễn phí với tốc độ nhanh, xem phim không phải chờ đợi. Xem phim ZingTV phong phú chất lượng hình ảnh rõ nét

    Trả lờiXóa

ARCHIVE

Pageview

© 2016 blog.tuyetvan.net. Theme by Bloggertheme9. Powered by Blogger.