Loading post navigation ...
 
 

Pro page

32
Nhận xét

Thủ thuật cho phép hiển thị widget ở nhưng trang nhất định trong blog

| by Phan Dũng | views

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

[FD's BlOg] - Để tạo nên sự riêng biệt cho một số trang nào đó cho blog của mình, bạn có thể tạo 1 widget và chỉ cho nó hiển thị ở trang đó. ( ví dụ : tạo một widget gallery ảnh chỉ cho phép hiển thị khi ta tìm tới nhãn picture..., hoặc chỉ cho phép những widget nào đó chỉ được phép hiển thị ở trang chủ ). Bài viết này sẽ hướng dẫn các bạn làm điều này.

Trước tiên, bạn phải biết rõ vị trí code của các widget trong code template. Để xác định việc này, bạn phải xác định được ID của các widget đó, và việc này cũng rất đơn giản, ví dụ : ta có tiện ích(widget) "Người theo dõi" (xem hình minh họa bên dưới)


Bạn nhấp chọn "Chỉnh sửa" sẽ hiện ra hộp thọai như bên dưới:


Phần khoanh tròn màu đỏ chính là ID của widget. Như vậy ta đã xác định được id của nó, bây giờ vào code template để xác định vị trí của nó (xem hướng dẫn bên dưới)

☼Xác định code của widget trong code template:
1. Đăng nhập blog
2. Vào chỉnh sửa code HTML(edit code HTML), chọn mở rộng mẫu tiện ích(Expand Widget Templates).
3. Tìm đọan code như bên dưới, nó chính là code của widget "Người theo dõi" (có thể nhấn Ctrl +F rồi điền từ khóa "Followers2" để tìm).


Khi đã xác định được code của 1 widget, bây giờ ta bắt đầu vào thủ thuật, để đơn giản ta xét code của 1 widget HTML/Javascript (như bên dưới):

<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- 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:includable>
</b:widget>


A. Chỉ cho phép widget hiển thị ở trang chủ:
- Bạn thêm đọan code màu đỏ như bên dưới

<b:widget id='HTML3' locked='false' title='' 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>


B. Chỉ cho phép widget hiển thị ở từng bài viết:
- Bạn thêm đọan code màu đỏ như bên dưới

<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>

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

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


C. Chỉ cho phép widget hiển thị ở những trang nhất định:
- Bạn thêm đọan code màu đỏ như bên dưới

<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>

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

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


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


Enter your mail address:

32

phattrien@so

Dũng ơi bài này hay lắm, cám ơn nhiều. ANh ko phải dân IT nhưng hay mày mò tìm hiểu thôi, từ hồi "hục hặc" với em, giờ anh lười lắm, chẳng thèm quan tâm các Típ blogspot nữa mà chỉ tới blog của em để tham khảo thủ thuật thôi.

Bài nào hay và ưng ý thì cho phép anh bê về bên vnprressnet.com nhé. (Có bản quyền FD)

À mà nếu em rảnh, em qua www.vnpressnet.com tư vấn cho anh nhé, cái gì em nhận xét anh sẽ ghi nhớ. Cám ơn trứoc FD.

ditchaiok

Em thu tren firefox nhung k0 duoc, con` tren IE8 thi` thanh` cong.

Phan Dũng

ditchaiok :ủa, lạ vậy. Hình như thủ thuật này ko liên quan tới trình duyệt đang xài em à.

Blog anh chạy trên firefox , chrome và IE6, tất cả đều hiển thị được.

Hiệp Cò

Vậy muốn ẩn bải viết ở trang chủ thì phải làm cách nào hả bác ?

HC đã dùng hết 3 cách trên vẫn ko thể ẩn bài viết đc.

Bác hướng dẫn giùm HC nhé

Phan Dũng

@Hiệp Cò: mình sẽ hướng dẫn sau, bạn theo dõi ở đây nha:

http://fandung.blogspot.com/2009/05/yeu-cau-thu-thuat-cho-blogspot.html

Mr.Nguyễn

Dũng ơi! Giúp Tớ! Tớ ko thể làm đc cái thủ thuật này trên template của Tớ!???? Tớ phải làm sao đây???? Blog Tớ load nặng quá.http://www.diemthi2009.co.cc/

Phan Dũng

@Mr.Nguyễn : mình sẽ xem giùm bạn sau, giờ hơi mệt nên nghỉ

Mr.Nguyễn

Bạn ơi! Bạn cố gắng giúp Mình nhé! Thật sự mình rất cần .Cảm ơn Bạn nhiều nhé!

Phan Dũng

@Mr.Nguyễn : trước tiên hay nói cho mình biết bạn ko thực hiện được ở cách nào, trong đó có 3 cách.

Hướng dẫn ở trên đã rất tỉ mỉ rồi, hãy nhớ khi thực hiện phải mở rộng mẫu tiện ích, và tìm tới đúng đọan code của widget mà mình muốn thực hiện, rồi dán các đọan code màu đỏ vô là được.

mjning

cái này nè bác dũng... thì các url cách nhau bởi dấu , được không?...e muốn nó hiện trong nhiều blog post đó

fandung

@mining : dùng dấu phẩy ngăn cách nó hình như không được , anh nghĩ vậy, cũng chưa test nữa

KeChuyen

Cảm ơn FanDung, KeChuyen là được rồi :)

Khách (ẩn danh)

hay lam cam on anh Fan dung nha

[!!]Mưa[ -(¯`v´¯)--(¯`v´¯)»]Ngâu[!!]

thanks anh Dũng nhìu >"<

Bloghot

bài này thật tuyệt, thanks anh

PK.Dương

Chào Dũng, bài này thật tuyệt vời, mình đã áp dụng thành công tại đây:

http://www.hopham.org

Như bạn thấy, mình đã thiết kế lồng ghép xong một số widget cho "trang chủ" và "trang item".

Nhưng có 2 khúc mắc này hơi căng:

1. Muốn chỉ hiển thị 1 số widget ở tất cả "trang search" thì làm sao?

2. Một số widget muốn vừa hiển thị ở "trang item" và "trang search" thì làm sao?

VD "trang search" nè:
http://www.hopham.org/search/label/*HO%E1%BA%A0T%20%C4%90%E1%BB%98NG%20D%C3%92NG%20H%E1%BB%8C

>> Như bạn thấy, bên tay phải 'xấu quắc' àh ;)

Many thanks và mong tin...

Dương

fandung

@PK.Dương : trang search thực ra là trang Label, bạn có thể dùng cách C trong bài này để thực hiện.
Nếu muốn hiển thị 1 số widget ở những trang search thì bạn có thể dùng lệnh loại trừ, tức là không cho widget đó hiển thị ở trang chủ, trang archive, trang bài viết. như thế nó sẽ chỉ hiển thị ở trang Label mà thôi. Như vậy bạn sẽ dùng tới 3 lệnh.

chúc bạn thành công

B N T K

Ồ, cảm ơn anh nhiều,
Anh xem giùm http://canhdepvietnam.blogspot.com sao mà khi cho ẩn widget đi thì nó lại bị lộ một khoảng trống ở bên trên nhỉ?
Cảm ơn!

Nguyễn Vũ Nam

không hiểu tại sao mình thử, lại không được nhỉ ~~! cứ save xong là mất tiêu đoạn mới thêm vào (mình cũng thực hiện đối với widget follower và home page :| )

www.sim9x.co.cc

cảm ơn bài viết của bạn fandung.com, mình đã áp dụng thành công. Thế giới sim 9x www.sim9x.co.cc

Hoàng Đức Hoài

bác Fan à! sao em dùng cách chỉ cho nó hiện lên ở trang chủ, khi mình gõ địa chỉ trên thanh address thì nó đúng như mình muốn nhưng khi đang xem bài viết bất kỳ rồi nhấn vào menu trang chủ thì nó lại không hiện ra các widget mà nó hiện ra giao diện là trang chủ không có bài đăng. Vậy đó! làm sao đây nhỉ? Thêm nữa muốn 1 widget vừa hiện ở trang chủ vừa ở 1 label thì làm sao nhỉ?

Phan Dũng

@Hoàng Đức Hoài: nếu dùng lệnh
<b:if cond='data:blog.url == data:blog.homepageUrl'>
để hiển thị widget ở trang chủ thì sẽ không có vấn đề gì, còn lỗi mà bạn mô tả thì mình cũng chưa đoán đc là tại sao. nếu lỗi ở code này thì widget sẽ hiển thị hoặc ko hiển thị thôi, không thể có chuyện liên quan tới phần hiển thị bài viết ở trang chủ, có thể lỗi code gì đó.

Còn bạn muốn hiển thị widget ở trang chủ và 1 trang label nào đó thì ta sẽ phải kết hợp 2 lệnh thì mới có thể hiển thị được

truong van hao

Dũng Ơi cho mình hỏi có cách nào để bài viết
mình thích luôn hiển thị ở trang chủ không ?

Mình mới tập làm blog nên mình k" rành lắm.
Mình cám ơn bạn rất nhiều
cũng nhờ bạn mà mình có được blog

Đặng Nguyễn Trường Giang
Đặng Nguyễn Trường Giang

ah, em xin lỗi, vội quá không xem những comment trên, nhưng anh cho em hỏi, có lệnh nào gộp chung cho các nhãn không anh, chứ chèn từng nhãn lâu quá.

hoang canhhung

thủ thuật của dũng hay nhưng làm sao để mất cái khung tiện ích sau khi ẩn đi được không bạn
có gì bạn vào trang myclipvnn.blogspot.com xem hộ mình nhé

Vodanh

bạn cho mình hỏi ! tiện ích này tuy ko hiển thị nhưng nó có load.. ko!! nếu vẫn load thì nặng phết

bi

tổ chức sự kiện event

tổ chức sự kiện pro

tổ chức sự kiện daiduong

tổ chức sự kiện chuyên nghiệp

tổ chức sự kiện vip

Co Nguyen Ngoc

Wow ! Bài viết này mình đang rất cần,giờ mình có thể giấu được Chatbox chỉ cho hiển thị ngoài home thôi vì trong mỗi bài viết đều đã hộp nhận xét.Cảm ơn bạn.;)

Dung Minh Nguyen
Dung Minh Nguyen

Giúp mình một đoạn code có thể làm ẩn 1 Widget ở tất cả các bài nằm trong cùng một nhãn.Cảm ơn bạn trước nhé !

Dung Minh Nguyen

2 cái code dưới cùng không hiểu rõ lắm về tác dụng chẳng hạn như "Chỉ cho phép widget hiển thị ở những trang nhất định" không được rõ nghĩa.



☺ 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