• Tư vấn điều trị
      bệnh khàn tiếng


    www.trikhantieng.com

    Liên hệ + 0913163316

BlogList111

Việt Nam Gia Phả, nơi lưu trữ Gia Phả của người Việt Nam  Kiến thức Blogspot Ngonluanho: Nhung cau chuyen thap lua-Tin-Cay-Men Vngreenzone Là một nơi chia sẻ kinh nghiệm làm blogger - Nơi tôn vinh tâm hồn blogger Việt

Hiển thị widget chỉ ở trang chủ hoặc trang riêng biệt

22
14/10/2010

Một khi bạn tạo một widget trên blog thì nó sẽ được hiển thị ở tất cả các trang theo mặc định, bao gồm cả trang chủ. Đôi khi bạn chỉ cần hiển thị một vài widget ở trang chủ hoặc chỉ ở một số trang hoặc thậm chí ở một trang riêng biệt nào đó. Thủ thuật này cũng khá đơn giản. Điều quan trọng là bạn phải nắm được id của widget mà bạn tạo ra.

Lấy ví dụ widget mà bạn tạo có id là HTML10 và bạn đặt tiêu đề cho widget đó là BLOGGER TIPS. Vào Bố cục (Layout) rồi chỉnh sửa HTML ở chế độ mở rộng mẫu tiện ích.

Trường hợp 1: Hiển thị widget chỉ ở trang chủ: Tìm và thêm đoạn code được đánh dấu màu đỏ và màu xanh như bên dưới.


<b:widget id='HTML10' locked='false' title='BLOGGER TIPS' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<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>

Trường hợp 2: Hiển thị widget ở tất cả các bài viết, trừ trang chủ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

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

Trường hợp 3: Chỉ hiển thị widget ở một trang riêng biệt nào đó: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.url == "URL của trang riêng biệt"'>

Trường hợp 4: Chỉ hiển thị widget ở các trang chính gồm trang chủ, các trang Label và Archive: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

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

Trường hợp 5: Chỉ hiển thị widget ở các trang lưu trữ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

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

Trường hợp 6: Chỉ hiển thị widget ở tất cả các trường hợp trừ các trang lưu trữ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

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

Trường hợp 7: Chỉ hiển thị widget ở tất cả các trường hợp trừ các trang bài viết: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

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

Trường hợp 8: Chỉ hiển thị widget ở tất cả các trường hợp trừ trang chủ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

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

Trường hợp 9: Chỉ hiển thị widget ở tất cả các trang trừ một trang riêng biệt nào đó: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.url ! == "Url của trang đặc biệt"'>

Trường hợp 10: Chỉ hiển thị widget ở tất cả các trang trừ hai trang riêng biệt nào đó trở lên: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.url ! == "Url của trang đặc biệt 1"'>
<b:if cond='data:blog.url ! == "Url của trang đặc biệt 2"'>

Trường hợp 11: Nếu bạn muốn hiển thị một thứ gì đó ở trang chủ và một thứ gì đó khác ở tất cả các trang: Bạn sử dụng lệnh điều kiện như thế này:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Đây là điều cần hiển thị ở trang chủ
<b:else/>
Đây là điều không hiển thị ở trang chủ
</b:if>

Trường hợp 12: Chỉ hiển thị widget ở một trang nhãn: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.url == "http://yourblogname.blogspot.com/search/label/Tennhan"'>

Trường hợp này chỉ hoạt động với tên nhãn không dấu như Blogger, CSS, Thuthuat, Thuvien (không dùng cho nhãn tiếng Việt). Đối với các nhãn có khoảng cách như Recent Posts thì phải đặt là Recent%20Posts (tức là thay khoảng cách bằng %20).

Các liên kết trang nhãn trong trường hợp này cũng không hoạt động được khi có đuôi ?max-results=

Những thủ thuật nhỏ này rất có ích trong việc xây dựng trang chủ cho blog của bạn.

{22 bình luậnAdd yours ?}

Nặc danh
19:21:00, 15 thg 10, 2010

Chào anh! Blog của anh thật hữu ích, anh hãy phát huy và giới thiệu nhiều cái hay cái mới cho mọi người chia sẻ nhé.
TBM

Reply
09:01:00, 19 thg 10, 2010

Cảm ơn bạn nhé! Viết blog về Blogger và công nghệ thông tin là thú vui trong thời gian rảnh rỗi của mình. Khám phá những cái mới về Blogger thật là thú vị.

Reply
08:22:00, 6 thg 1, 2011

Cậu cho mình hỏi câu nữa.
Để ẩn widget khi click vào 1 link hay item nào đó thì phải gán như thế nào??
Mình đọc mãi mà không thấy cái nào có thể áp dụng được.
Thank cậu trước

Reply
08:47:00, 6 thg 1, 2011

Nếu bạn muốn ẩn một tiện ích nào đó thì phải tìm HTML ID của tiện ích đó trong Template. Ví dụ 1 tiện ích có ID là HTML1 và bạn muốn ẩn khi click vào 1 liên kết riêng biệt thì đặt đoạn code sau đây vào sau dòng ]]>></b:skin>.

<b:if cond='data:blog.url == "URL của trang riêng biệt"'>
<style>
#HTML1 {display:none !important;visibility:hidden !important}
</style>
</b:if>

Bạn cần thay đổi URL cho link cần ẩn tiện ích.
:mj

Reply
23:12:00, 26 thg 2, 2011

Bạn ơi có cách nào làm cho widget xuất hiện ở một label nhất định ko, bên FanDung có chỉ nhưng làm ko đc lại còn có nhược điểm nữa, bạn có thể giúp đc ko nhỉ --"

Reply
23:21:00, 26 thg 2, 2011

@Lê Trương Vĩnh TrungBạn áp dụng trường hợp 3 là ok đó!

Reply
23:37:00, 26 thg 2, 2011

Nếu áp dụng trường hợp 3 thì ở mấy mục phân trang như max-results gì đó sẽ ko hiện ra T.T

Reply
16:32:00, 27 thg 2, 2011

Ở trường hợp 3 mình bỏ URL vào : http://vn-share4u.blogspot.com/search/label/Tin%20t%E1%BB%A9c%20CNTT?&max-results=7
Thì ở trang đó và mấy trang khác cũng ko xuất hiện widget đó lun (mình có sử dụng kiểu phân trang mới nhất của bạn)
Rồi mình cho widget khác chỉ xuất hiện ở trang chủ thì ở mấy trang khác nó xuất hiện mấy cái cột nhìn xấu : http://vn-share4u.blogspot.com/search/label/Tin%20t%E1%BB%A9c%20x%C3%A3%20h%E1%BB%99i?&max-results=7
Có cách nào khắc phục ko bạn :57)

Reply
16:44:00, 27 thg 2, 2011

Trường hợp 3 chỉ dành cho các trang bài viết (item) có dạng như /abc.html chứ không dùng cho trang nhãn được bạn à. Vấn đề này hiện chỉ có cách như bên Fandung thôi, mình chưa nghiên cứu thêm về vấn đề này, sau này có thời gian sẽ nghiên cứu nhé.
:58) :63)

Reply
17:48:00, 27 thg 2, 2011

Hjc bên FanDung làm cũng ko đc, mong bạn sớm tìm ra cách xem widget ở một label nhất định, thủ thuật này rất cần thiết

Reply
10:00:00, 28 thg 2, 2011

Cảm ơn những chia sẻ của anh!
Hình như đang có rất nhiều bạn đang muốn tìm ra giải pháp cho việc hiển thị wiget khi xảy ra hai sự kiện là xem label và xem các bài viết trong label.
Mình thấy thế này:
Ở bài viết của admin Nhật Hà cho phép chúng ta xem wiget khi xem label
Ở bài viết bên trang Fandung cho phép chúng ta xem wiget khi xem các bài viết trong label.
Vậy ta có thể tạo ra hai wiget giống nhau y hệt, rồi mỗi wiget thao tác một cách.
Các bạn có thể xem Demo trên trang www.vietthuvien.com với nhãn Công nghệ thông tin và các bài viết thuộc nhãn này nhé.
http://www.vietthuvien.com

Reply
14:49:00, 28 thg 2, 2011

@Lê Trương Vĩnh Trung Đã cập nhật trường hợp 12: hiển thị widget ở một trang nhãn nhất định, nhưng chỉ hoạt động với nhãn k dấu, và không có đuôi max-results=

Reply
19:15:00, 28 thg 2, 2011

Chào Nhật Hà!
Bạn cho mình hỏi, nếu mình muốn hiển thị wiget ở nhiều nhãn thì làm như thế nào?
Mong câu trả lời của bạn.
Cảm ơn bạn nhiều.
Chúc Blog bạn ngày một phát triển.

Reply
20:16:00, 28 thg 2, 2011

Chỉ có lệnh điều kiện để làm thao tác kiểu này nên k thể nào một lệnh mà để hiển thị 1 widget ở một số nhãn nào đó được, chỉ có 1 cách là tạo nhiều tiện ích có nội dung giống nhau và chỉ định mỗi tiện ích trong số đó chỉ hiển thị ở một nhãn nhất định. :60)

Reply
20:22:00, 28 thg 2, 2011

@L� Truong Vinh Trung Thủ thuật chỉ hiển thị widget ở các bài viết thuộc 1 nhãn nhất định ở đây nè bạn.

Reply
00:55:00, 1 thg 3, 2011

Cảm ơn bạn Nhật Hà.
Bạn cho mình hỏi thêm chút nữa.
Nếu bằng cách thủ công mình tạo nhiều tiện ích giống nhau và sử dụng nhiều lệnh điều kiện, thì có ảnh hưởng nhiều đến tốc độ load trang không? Bình thường khi các wiget không hiện ra thì trang có phải load những wiget đó không?

Reply
07:53:00, 1 thg 3, 2011

Nếu dùng lệnh điều kiện như ở trên thì các tiện ích không nằm trong điều kiện sẽ k load được nên k ảnh hưởng gì đến tốc độ load trang, nhưng nếu dùng cách bên Fandung (dùng display:none) thì sẽ ảnh hưởng tốc độ load trang. Tuy nhiên dùng nhiều lệnh điều kiện thì bạn phải chú ý, nếu k sẽ bị lẫn lộn rắc rối. :54)

Reply
16:18:00, 1 thg 3, 2011

Cảm ơn bạn rất nhiều.
Chúc blog Nhật Hà ngày một phát triển.

Reply
01:26:00, 13 thg 3, 2011

62) T ko biết do mẫu thế nào mà dính trường hợp ngược lại, thêm 1 widget (riêng biệt) lên đầu làm Menu thì chỉ hiển thị ở trang chủ, khi bấm "Đọc tiếp >>" thì đọc đc bài viết nhưng mất Menu, đã áp dụng 'Trường hợp 9' ko đc. Mong bạn júp đỡ. Thankzz!

Reply
11:25:00, 12 thg 5, 2011

Muốn widget chỉ hiển thị ở trang page thì phải làm sao hả bác Hà?

Reply
13:02:00, 4 thg 6, 2012

Cái ảnh quảng cáo của trang chủ làm blog bạn cứ nhảy lên xuống rất là khó chịu cho người đọc. Mình nghĩ bạn nên fix lại để nó không nhảy như thế

Reply
14:03:00, 16 thg 8, 2012

mình ko làm được bạn ơi, blog của mình mở ra ko có dòng code màu đỏ chỉ thấy dòng code này thôi

Reply
Nội quy! Đóng lại Khi bạn viết bình luận, cần tuân thủ một số quy tắc sau:
» Bình luận phải nghiêm túc và không chứa các liên kết quảng cáo.
» Có thể sử dụng các thẻ <b> … </b>,<i> … </i>, <a href="URL..."> ... </a>.
» Yêu cầu thủ thuật tại mục Yêu cầu thủ thuật hoặc hỏi tại mục Hỏi và Đáp.
More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa

Next post: Bài đăng Mới hơn

Previous post: Bài đăng Cũ hơn