Làm sao để hiển thị widget trên 1 trang nhất định ?


Để tăng tốc độ load web thì cần phải giảm dung lượng của site đến mức có thể . Muốn làm điều đó , ngoài việc giảm số lượng bài viết hiển thị trên trang chủ , giảm hình ảnh , giảm javascipt ... kèm theo đó , chúng ta còn phải giảm luôn cả các widget. Thế nhưng vì lý do nào đó , chúng ta không muốn gỡ bỏ chúng (ví dụ như mục Công cụ của blog mình) . Vậy giải pháp phải là gì đây ? Chúng ta cần phải có code để hiển thị widget trên các trang bài viết mà không hiện ngay tại trang chính (như mục Công cụ của mình giờ không hiện ngay tại trang chính mà chỉ hiện trên các bài viết chi tiết mà thôi). Đây cũng là 1 cách khá hay mà đơn giản , giúp giảm dung lượng của site xuống.
Để bắt đầu , như thường lệ , các bạn hãy sao lưu lại Templates , rồi Mở rộng mẫu tiện ích (Expand Templates) trong mục chỉnh sửa HTML
Bạn phải nhớ tên của widget , ví dụ như Công cụ (điều này rất cần thiết để thiết lập cho widget) . Sau đó , bạn dùng tổ hợp Ctrl_F để mở bảng tìm kiếm và ghi tên widget vào. Dưới đây là hướng dẫn , bạn chú ý kí nhé ! (không đụng đến mấy chữ số 1 và 2)

 <b:widget id='Công cụ' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>    {1}
<div class='widget-content'>
<data:adCode/>
</div>
</b:if>   {2}
</b:includable>
</b:widget>

Sau khi tìm được chính xác (nếu đúng thì bên dưới sẽ có dòng <b:includable id='main'> ) , bạn thêm đoạn code được bôi đen thứ nhất vào ngay sau dòng <b:includable id='main'> và code thứ hai vào ngay trước dòng </b:includable> . Lưu mẫu lại và kiểm tra kết quả.

Ngoài ra , nếu bạn muốn widget chỉ hiển thị trên trang chính mà không hiện ở bài viết chi tiết thì làm như sau
Với đoạn code được bôi đen thứ nhất ở trên , bạn thay lại thành đoạn 3 này
 
<b:if cond='data:blog.homepageUrl == data:blog.url'>      {3} 

còn đoạn code 2 thì vẫn giữ nguyên, và vị trí thì không thay đổi . Vậy là các bạn đã làm xong rồi đó , đơn giản đúng không nào. Chúc các bạn thành công !!!

8 Nhận xét on "Làm sao để hiển thị widget trên 1 trang nhất định ?"

Ken Honda on 27 August 2008 at 12:37 said...

Cách Này của anh widget chỉ hiện hoặc không hiện trong trang chủ. nhưng nó không xác định được là sẽ hiện ở trang label nào. một là nó chỉ hiện ở trang chủ, hai là nó hện ở tất cả trang còn lại. làm sao để nó chỉ hiện ở một label mà em muốn. xin cảm ơn anh

Benjami Tennyson on 27 August 2008 at 20:30 said...

Bạn nói vòng vòng làm mình quẫn trí quá :D ! Ở bài viết này mình chỉ để cập tới 2 vấn đề : 1 là widget hiện trên trang chủ , 2 là hiện các trang khác trang chủ , nếu bạn để ý sẽ thấy widget công cụnhận xét mới mình chỉ để hiện ở các trang khác trang chủ.
Còn label , theo mình biêt đó là 1 widget hiện các nhãn bài đăng , chứ không có trang gọi là label

DownSoft24h on 31 January 2009 at 19:00 said...

Làm sao cho widget "bài đăng" chỉ hiện lên trang item và trang label của blogger (không hiện lên trang chủ) chỉ mình với!

Benjami Tennyson on 31 January 2009 at 22:03 said...

Mình đã hướng dẫn bên trên rồi đấy! Bạn lưu ý là áp dụng thủ thuật thứ 1 nhé, đó là code giúp hiện widget trên các trang khác homepage. Bạn đọc kĩ lại nhé, thủ thuật cũng đơn giản lắm chứ không phức tạp như bạn nghĩ đâu . Chúc vui :D

Ngankvn ® on 5 March 2009 at 18:47 said...

Mình làm theo code 1 để chỉ hiện Widget trong bài thôi , Vậy mà nó vẫn hiện chình ình tại các trang Label

Benjami Tennyson on 6 March 2009 at 02:38 said...

Đúng rồi Ngân ơi, cái này có hiện trên trang label, tại vì code chỉ loại trường hợp hiện trên trang chủ thôi mà.

petit_prince on 27 June 2009 at 12:20 said...

bài viết rất hay :D! cảm ơn bạn

ZjnShj on 22 May 2010 at 10:38 said...

Mik lam dc rùi !! Thanks nhìu !! Mình có thay đổi chỗ {2} và {3} vì thấy nó ko hay :D

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

Post a Comment

Cám ơn bạn đã đọc bài viết tại blog của boyproDX.
Nếu cảm thấy blog có nhiều bài hữu ích , các bạn hãy Bookmark(nhấn Ctrl_D) hoặc Đăng kí nhận tin qua RSS site mình để không bỏ qua các bài viết tiếp theo của mình. Chúc các bạn vui vẻ !

Logo Exchange (Tạm ngưng)

 

Chuyên trang blog về tin học | Copyright © 2009 | Best view at 1024x768 with Firefox 3