Loading post navigation ...
 
 

Pro page

26
Nhận xét

Hiển thị widget khi xem các bài viết của 1 nhãn nhất định

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

Bài viết hôm nay mình sẽ giới thiệu cho các bạn việc tùy chỉnh để 1 widget nào đó chỉ được phép hiển thị khi bạn vào xem 1 bài viết của 1 nhãn nào đó. Đây là 1 thủ thuật mà có một số bạn đã có nhờ mình, nhưng khi đó mình chưa trả lời được, nên bây giờ mới cho "ra lò". Mở rộng thủ thuật này ra ta có thể áp dụng cho tác giả của bài viết. Ví dụ tác giả A sẽ hiển thị widget A...


Hình ảnh minh họa :

Khi xem ở 1 trang bài viết
(ở hình minh họa là bài viết thuộc nhãn Love)

Khi xem ở trang chủ


Thủ thuật : các tiện ích được chọn sẽ mặc định được ẩn đi, khi bạn vào xem 1 bài viết nào đó, nếu lệnh lặp nhãn (Label) tìm thấy nhãn đã chỉ định thì tiện ích sẽ được hiển thị.

☼ Các bước thực hiện :
1. Xác định ID của widget cần thực hiện. (các bạn có thể tham khảo cách xem ID ở bài viết này : http://www.fandung.com/2009/09/huong-dan-tao-1-page-cho-blogspot.html)

2.
Sau khi đã xác định được ID của widget cần thực hiện, các bạn làm tiếp theo các bước bên dưới :

a. vào bố cục
b. vào chỉnh sửa code HTML
c. chọn mở rộng mẫu tiện ích
d. chèn đoạn code CSS bên dưới vào trước thẻ đóng </head>

<style type='text/css'>
#HTML3 {display:none;}
</style>

- Với HTML3ID của widget cần thực hiện.
e. tiếp tục tìm đoạn code tương tự như thế này :

<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span>

f. và thêm đoạn code được đánh dấu highlight như bên dưới :

<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:label.name == &quot;love&quot;'>
<style type='text/css'>
#HTML3 {display:block;}
</style>
</b:if>
</b:if>


</b:loop>
</b:if>
</span>
- Với love : chính là nhãn của bài viết muốn hiển thị widget
- HTML3 : là ID của widget.
- Code màu đỏ ở trên chính là để loại bỏ các trang có chứa nhãn muốn thực hiện. Ví dụ như trang chủ, trang archive hoặc trang label có các bài viết có nhãn muốn thực hiện, nếu không có lệnh này thì tiện ích vẫn sẽ hiển thị. Do khi bạn xem các trang này thì các nhãn đã được quét, chỉ cần thấy nhãn muốn thực hiện thì tiện ích sẽ hiển thị ngay.

g. Save template.

* Lưu ý :
- Khuyết điểm của thủ thuật này là cho dù tiện ích được ẩn nhưng nó vẫn sẽ được load, chỉ khi bạn tác động trực tiếp vào trong code của widget thì nó mới không load, còn dùng lệnh display:none; thì nó sẽ vẫn load nhưng chỉ không hiển thị mà thôi.
- Điều thứ 2 nữa là khi dùng cách này thì tiện ích sẽ không hiển thị trong phần Bố cục -> Phần tử trang Bảng điều khiển, chính vì thế nếu muốn chỉnh sửa nội dung của nó, bạn phải thực hiển điều này ngay trên giao diện của blog.

Chúc các bạn thành công.


Enter your mail address:

26

Góc Nhìn

Bóc tem :D
Blog của fandung hiển thị trên ie6 nhiều lỗi lắm đấy ;)
cả cái emoticons cũng ko hiển thị trên ie6 nữa

Khách (ẩn danh)

póc tem típ

♂←Xzip←♂

anh dũng ơi cái sibar của em nó lại có một vấn đề mới nè .Khi cài đặt widget các bài mới đăng thì nó không canh trái được. cái gần cái xa anh có thể giúp em đcj không

Phan Dũng

@Góc Nhìn : có thể nêu cho mình vài cái ko??? mình ít dùng IE6 để xem cũng không rõ cho lắm.

Cái phần Emotions ko hiển thị là đúng rồi, chắc mình phải update lại cái thủ thuật này.

@Xzip : cái này là nó căn giữa đó (text-align:center;) em tìm code của nó rồi căn trái lại là xong. (text-align:left;)

Teenvnexpress

anh Dũng ơi, em muốn tạo thêm cái "thêm tiện ích" vị trí này thì làm sao anh? ko phải "thêm tiện ích" của footer đâu nha anh, cái này dưới phần post ý. giúp em nha!
http://i499.photobucket.com/albums/rr356/two_fishs23/themtienich.jpg

fandung

@TeenvnExpress : cái đó cũng như phần footer rồi, đâu có khác nhau gì đâu em. nếu ý em muốn như vậy thì để anh thử xem, rồi post bài cho em.

Teenvnexpress

hi nếu vậy thì vui wá, cảm ơn anh nhìu nhìu, tại nếu sử dụng cái của footer thì nó nằm tuốt ở dưới, ngoài luôn cả cái template, chỉ nằm trên thông tin này "© 1999 – 2009 Google - Xem Blog tốt nhất với trình duyệt FireFox và Opera" nhìn nó kỳ kỳ. cảm ơn anh nha

mmovn

hô hô...hầu hết các blogger đều hiển thị không tốt trên ie6...thậm chí cả ie7 luôn.
nên k có gì là lạ anh Dũng nhỉ.
mà mấy vụ trước em nhờ anh, hình như anh quên

fandung

@min HMN ::))

mmovn

Anh Dũng cho em hỏi "em muốn ẩn ngày tháng ở bài viết trên trang chủ" thì sử dụng code như thế nào ạ.

Anh2

Ban vao chinh su trong Bo cuc do!

mmovn

@mr Nguyễn...cảm ơn bạn...cái đó thì tớ biết. Nhưng tớ chỉ muốn ẩn ở trang chủ thôi, còn ở trong bài post và các thứ liên quan như resen thì vẫn hiện. :D làm như bạn thì ẩn hết ròi.

Phan Dũng

ý......... :-o
Có bạn dùng "Nghệ Danh" của mình kìa. ai vậy kài... :-/

@min HMN : muốn ẩn phần ngày đăng thì em ẩn class date-header thêm 1 chút lệnh chỉ thực thi ở trang chủ là ok.

ví dụ chèn đoạn code tương tự như bên dưới vào trước thẻ đóng </head>:

<style>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
h2.date-header {display: none;}
</b:if>
</style>

mmovn

cảm ơn anh :D
vừa tối qua em ngồi code thử cái này.
anh qua xem được không...beta thôi :D

http://phim.nghiadoi.com

Góc Nhìn

Biết là anh em blogger ít dùng ie6, nhưng vấn đề lại ở chỗ đa số visit VN đều dùng ie6. Nếu bác nào viết blog chỉ để làm nhật ký thì ko quan tâm cũng chẳng sao, còn bác nào muốn viết cho nhiều người đọc thì phải đặt mình vào địa vị của visitor trước. Nhiều khi mình phải hi sinh những tính năng mình rất thích chỉ vì ko tương thích với ie6 đấy, mặc dù chỉ dùng ie6 để check mà thôi.

fandung

@Phan Dũng(Admin):ý.........
Có bạn dùng "Nghệ Danh" của mình kìa. ai vậy kài...
Hehehe Đố Phan Dũng pít ai hok nè?? Nói đúng có thưởng đóa! :D

Phan Dũng

ái chà... lại còn lấy hình của mình nữa, gớm nhỉ.
Nhưng mà ko sao, tên của mình có chữ Admin ở phía sau, cái này ko giả được chắc chắn 100% luôn :D.

Còn việc đoán bạn là ai thì mình xin thua!!!

Phan Dũng

@Góc nhìn : bạn nói rất đúng, cũng bởi vì lý do đó mà có 1 số thủ thuật mình đã không giới thiệu.

Còn ở blog mình, mình cũng hạn chế rất nhiều tiện ích, chứ không cần phải nói đến nó có hiển thị tốt trên IE6 ko. Tiêu chí của mình là blog phải load nhanh.

Chi_bao^_^

a Dũng ơi, ví dụ em có một mục bài viết riêng mỗi khi post bài thì nó sẽ không hiện ra trang chủ. chi khi người ta kích vào tên mục đó mới hiện ra. Nhưng bài này anh chỉ làm cho các wedget có sẵn ID, còn chưa có nhãn. em đã thử của anh rồi nhưng không được theo ý em

fandung

@Thaibinh : việc tùy chỉnh widget hiển thị và tùy chỉnh bài viết hiển thị là 2 điều khác nhau. Và việc tùy chỉnh các bài viết hiển thị ở các khu vực mà mình mong muốn thì không phải đơn giản như tùy chỉnh widget. Do các bài viết hiển thị ở các trang (trừ trang bài viết) đều ở dạng vòng lặp, nếu ẩn 1 bài thì tất cả sẽ ẩn hết.

vu huong
Khách (ẩn danh)

ban 0i sao minh lam ma no cu bao loi:

Chúng tôi xin lỗi, nhưng chúng tôi không thể hoàn thành yêu cầu của bạn.

Khi báo cáo lỗi này tới Bộ phận Hỗ trợ Blogger hoặc Nhóm Trợ giúp Blogger, hãy:

Mô tả bạn đang làm gì khi bạn gặp lỗi này.
Cung cấp mã lỗi và thông tin bổ sung sau.
bX-r68sfo
Thông tin bổ sung
blogID: 3431377570040945669
host: www.blogger.com
uri: /html

Thông tin này sẽ giúp chúng tôi theo dõi sự cố cụ thể của bạn và khắc phục nó! Chúng tôi xin lỗi vì sự bất tiện này.

Tìm trợ giúp
Xem liệu có ai gặp sự cố như vậy: Tìm kiếm Nhóm Trợ giúp Blogger cho bX-r68sfo
Nếu bạn không nhận được kết quả tìm kiếm nào, bạn có thể bắt đầu chủ đề mới. Đảm bảo gửi kèm bX-r68sfo trong tin nhắn của bạn.

Khách (ẩn danh)

chi giup minh zoi nha
thanks

nam linh chi

cám ơn anh nha. rất hay và tỉ mỉ.

Tiêu Phong

Xin chào! Anh có thể giúp em thiết kế cái menu ngang sổ dọc xuống được không ạ! Em làm mà nó cứ bị lỗi hoài à! Thanks anh nhiều!

Unknown

Nếu e muốn ẩn hiện 1 số widget khi xem 1 label nào đó thì làm thế nào ạ.
VD: đang xem /search/label/188bet thì ẩn 1 số Widget.



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home