• 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

Ẩn hoặc chỉ hiện các bài viết thuộc một nhãn ở trang chủ

41
16/01/2011

Như các bạn biết thì Blogger đã có tính năng tạo trang tĩnh (static page) để dùng tạo các trang giới thiệu, liên hệ, quy định sử dụng, chính sách riêng tư, diễn đàn, … Một đặc điểm đặc trưng của các trang tĩnh là không hiển thị trên trang chủ, các trang nhãn và lưu trữ. Tuy nhiên Blogger cũng giới hạn số trang tĩnh được tạo cho mỗi blogspot là 10 trang.

Sự giới hạn này cũng là một hạn chế. Khi mình sử dụng hết 10 trang tĩnh này thì mình nghĩ ra cách tạo một số trang bài viết cơ bản và làm sao để không cho chúng xuất hiện trên trang chủ, khi đó chúng sẽ giống như các trang tĩnh chính hiệu vậy.

Lấy ví dụ mình viết một loạt bài viết có tiêu đề lần lượt là Bài viết số 1, Bài viết số 2, Bài viết số 3, Bài viết số 4, Bài viết số 5. Mình đặt tên nhãn cho các bài viết này theo thông lệ mỗi khi tạo một bài viết. Ở đây mình muốn Bài viết số 1 và Bài viết số 3 không được hiển thị ở trang chủ, vậy mình đặt thêm một nhãn chung cho hai bài viết này là Z Label. Phải đặt như thế này để trong trường hợp 2 bài viết này được đặt nhiều nhãn (ví dụ Z Label, Nhãn 1, Nhãn 2, …) thì Z Label sẽ hiển thị ở cuối cùng. Thủ thuật của mình là không cho nhãn Z Label xuất hiện trên trang chủ, khi đó Bài viết số 1 và Bài viết số 3 sẽ không xuất hiện ở trang chủ.

Để làm được như vậy, mình đăng nhập Blogger, vào Design >> Edit HTML, chọn Expand Widget Templates (nhớ Backup Template). Bước này gọi là Bước 1.

Tìm dòng <b:includable id='main' var='top'>. Tính từ dòng này trở xuống vài dòng code mình sẽ tìm thấy đoạn code giống hoặc tương tự như đoạn code bên dưới.

<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<data:adCode/>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>

Mình thay nó bằng đoạn code bên dưới.

<b:loop values='data:posts' var='post'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
<b:if cond='data:label.name != "Z Label"'>
<b:include data='post' name='printPosts'/>
</b:if>
</b:if>
</b:loop>
</b:if>
<b:else/>
<b:include data='post' name='printPosts'/>
</b:if>
</b:loop>

Lúc này mình tìm thẻ đóng </b:includable> cho thẻ <b:includable id='main' var='top'>. Thẻ đóng này nằm ngay trước dòng

<b:includable id='commentDeleteIcon' var='comment'>

Mình đặt đoạn code bên dưới vào sau thẻ </b:includable> nói trên.

<b:includable id='printPosts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'>
<data:post.dateHeader/>
</h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>

Lưu Template.

Như vậy Bước 1 đã giúp mình ẩn một số bài viết thuộc một nhãn nhất định sao cho không hiện ở trang chủ. Một số điểm cần chú ý ở thủ thuật ở Bước 1 là các bài viết không có nhãn sẽ không hiển thị ở trang chủ, nhãn không hiển thị ở trang chủ phải là nhãn cuối cùng trong chuỗi các nhãn ở bài viết được lọc không cho hiển thị ở trang chủ và nếu tất cả các bài viết mới nhất đều thuộc về một nhãn muốn ẩn thì blog của bạn sẽ trống trơn không hiển thị bài viết nào (vì thế chỉ áp dụng thủ thuật này khi blog của bạn đã có nhiều bài viết được đăng).

Bước 2 là ẩn liên kết nhãn Z Label ở cuối (footer) bài viết để khi ta đọc đến Bài viết số 1 và Bài viết số 3 thì sẽ không nhìn thấy liên kết Z Label ở cuối bài viết.

Ở chế độ Edit HTML chọn Expand Widget Templates. Tìm đoạn code như bên dưới.

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

Thay nó bằng đoạn code bên dưới.

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name != &quot;Z Label&quot;'>
<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>
</b:loop>

Lưu Template là OK.

Từ thủ thuật này mình luận suy ra một thủ thuật khác là chỉ hiển thị các bài viết thuộc một nhãn nào đó ở trang chủ. Ở Bước 1 thay vì sử dụng đoạn code được đánh dấu màu đỏ thì sử dụng đoạn code sau đây.

<b:loop values='data:posts' var='post'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "Z Label"'>
<b:include data='post' name='printPosts'/>
</b:if>
</b:loop>
</b:if>
<b:else/>
<b:include data='post' name='printPosts'/>
</b:if>
</b:loop>

Ở đây thay vì Z Label, bạn có thể đặt tên nhãn bất kỳ cho các bài viết mà bạn muốn ở trang chủ chỉ hiển thị các bài viết này mà thôi. Tiếp tục áp dụng Bước 2 như trên.

Cũng chính từ Bước 2, ta có thể luận suy ra một thủ thuật khác là chỉ hiển thị tiện ích ở các bài viết thuộc một nhãn nhất định nào đó. Trong đoạn code được đánh dấu màu xanh ở Bước 2, đặt đoạn code sau đây vào trước thẻ </b:loop>.

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

Tiếp tục đặt đoạn code sau đây vào sau dòng ]]></b:skin>.

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

Ở đây HTML1 là id của tiện ích mà bạn muốn chỉ hiển thị ở các bài viết thuộc Nhãn 1. Thay Nhãn 1 bằng tên nhãn và thay HTML1 bằng id của nhãn mà bạn muốn áp dụng thủ thuật này.

Mình viết bài này để trả lời câu hỏi của bạn Hieu Bo tại blog Bokute.com.

Bạn ấy hỏi như thế này:

Có cách nào để ẩn bài viết ở trang chủ một cách riêng lẻ không anh?

Ví dụ em có 3 bài viết : bài 1, bài 2, bài 3.

Em không muốn ẩn hết 3 bài mà chỉ muốn ẩn bài số 2 thôi có được không. Mà chỉ ở trang chủ thôi, còn khi xem bài số 2 ở trang xem chi tiết thì vẫn xem bình thường, có điều mình không muốn bài 2 hiện ở trang chủ.

Hy vọng cá nhân bạn Hieu Bo sau khi đọc bài viết này sẽ cảm thấy hài lòng. :14)

{41 bình luậnAdd yours ?}

19:39:00, 20 thg 1, 2011

hi ban, thủ thuật này có thể áp dụng trong trường hợp của mình không.
mình đã tạo 3 page.: trang thủ, phần mềm, thủ thuật.
giờ mình muốn những bài viết về phần mềm sẽ nằm ở trang phần mềm, những bài viết về thủ thuật sẽ ở trang thủ thuật? vậy làm theo như bạn được hong? hay có cách nào nữa không, thanks bạn nhiều nhé!

Reply
19:42:00, 20 thg 1, 2011

vì mỗi bài (article) mới của mình nó đều vào trang chủ hết. hic hic

Reply
19:50:00, 20 thg 1, 2011

@vtkgiang300886 Cái này chỉ áp dụng được cho việc ẩn 1 nhãn ở trang chủ thôi bạn, mà bạn muốn ẩn 2 nhãn thì k thể đâu

Reply
19:53:00, 20 thg 1, 2011

@Huỳnh Nhật Hà Mà tui thấy hình như bạn mới bước chân vào Blogger thì phải, bạn chưa biết đặt tên nhãn nữa mà, bạn chưa thể áp dụng được cái này đâu, cái này nâng cao

Reply
03:59:00, 28 thg 3, 2011

Anh hướng dẫn cụ thể hơn về thủ thuật:Hiện widget ở các bài viết thuộc 1 nhãn nhất định được không?
Em có làm như trên mà nó không hiện.

Reply
07:24:00, 28 thg 3, 2011

Như trên là chi tiết rồi e, lưu ý thủ thuật này k hoạt động khi blogspot đã cài đặt thủ thuật tạo Breadcrumbs

Reply
10:37:00, 28 thg 3, 2011

Thì ra là vậy,sao anh không nói sớm hơn làm em hì hục cả đêm.
Thank

Reply
11:11:00, 28 thg 3, 2011

Đang còn khúc mắc anh à.
Em đã gỡ Breadcrumbs,và thử lại nhưng chỉ hiện thị được 1 nhãn Ebook,còn làm cho nhãn thứ 2 là giải trí thì nó không hiển thị.
Với lại code màu xanh ở bước 2 của em không giống ở của anh.

Reply

Cảm ơn vì bài viết chất lượng này. Mình đã áp dụng cho trang web của mình rồi
http://www.trikhantieng.com/
Tư Vấn Điều Trị Khàn Tiếng

Reply
22:21:00, 9 thg 12, 2011

Anh ơi cho em hỏi. Em đã áp dụng thủ thuật trên. Trang chính cua em cho phép hiển thị tối đa là 4 bài. Em tạo 4 bài có nhãn là A. Sau đó em tạo tiếp 1 bài nhãn B thì bài cũ nhất trong 4 bài nhãn A không còn hiển thị ở trang chính. Đăng tiếp một bài không gắn nhãn thì lại một bài nữa nhãn A không hiển thị cứ thế thì khi đăng đủ4 bài khác nhãn A thì trang chính trống trơn. Vậy có cách nào để khi đăng bài không phải nhãn A thì các bài nhãn A không bị đẩy ra khỏi trang chính không? Cảm ơn anh nhiều

Reply
11:35:00, 17 thg 5, 2012

Tại sao cách này lại mất tác dụng khi sử dụng Breadcrumbs vậy a?

Reply
08:54:00, 17 thg 4, 2013

Chúa ơi! Tuyệt quá !... Xin cám ơn!

Cái này để tạo 1 tiện ích bài viết mới nhất theo nhãn ở trang chủ. Dĩ nhiên ta phải ẩn những bài đăng đó đi.

Như thế này: http://asitimes.blogspot.com/

Reply
15:01:00, 13 thg 8, 2013

Sao mình copy code đoạn 2 thì lại báo lỗi The widget with id "Blog1" contains at least two b:includable elements with the same id: "printPosts". All b:includable elements should have a unique id for a given widget vậy???

http://www.tournghiduong.com/

Reply
10:32:00, 4 thg 9, 2013

Bài viết rất hữu ích .. Mình đã làm được
http://kemmuahe.blogspot.com/

Reply
13:42:00, 6 thg 9, 2013

mình chưa làm dk
mình muốn chỉ hiện thị 1 nhãn ở trang chủ sao mà khi làm thì nó ẩn hết không hiển thị nhãn nào cả :(

Reply
17:35:00, 27 thg 9, 2013

Vậy mình muốn ẩn nhiều Label thì làm thế nào hả bạn?

Reply
15:10:00, 9 thg 10, 2013

đoạn code đầu tiên của mình nó không được như vậy, làm xong bước 1 thì các bài viết không ẩn mà chỉ mất background dưới footer thôi bạn. mình làm trên theme sinple, trang ở đây http://www.napthechodeyeu.com/

Reply
15:12:00, 9 thg 10, 2013

Dán code cần mã hóa ở đây.

Chuyển đổi:
< thành &lt;

> thành &gt;

" thành &quot;

' thành &#039;

Reply
14:34:00, 26 thg 11, 2013

Thiết kế Web theo yêu cầu trên nền tảng blogspot, Rip template blogspot, kho template blogspot Pro
Chi tiết tại http://www.thaiaiti.com/

Reply
08:36:00, 9 thg 2, 2014
















































cảm ơn mình đã làm được, blog mình là: Học Để Thi

Reply
14:13:00, 17 thg 2, 2014

hiic đang cần,có thủ thuật gì trao đổi với mình nhé blog :HỌC TIN TRỰC TUYẾN TẢI PM

Reply
06:32:00, 6 thg 3, 2014

cái này không thể ẩn 2 nhãn trở lên à anh

Reply
00:44:00, 9 thg 3, 2014

@Đạt CòiĐược chứ bạn. Nếu muốn ẩn 2label trở lên thì ta chỉ cần copy câu điều kiện của thể b:if chứa Z Label như hướng dẫn trên là được. Nhưng code ở hướng dẫn này đã cũ rồi. Giờ blogger đã update lên nhiều rồi nên cấu trúc code nó cũng khác.

Reply
15:50:00, 18 thg 3, 2014

@Trần Quốc Đạt
Mình cũng vậy. Blog mình là dieuchatshop.blogspot.com ạ

Reply
15:50:00, 18 thg 3, 2014

@Trần Quốc Đạt
Mình cũng vậy. Blog mình là dieuchatshop.blogspot.com ạ

Reply
10:53:00, 6 thg 4, 2014

Bài viết rất hữu ích
http://www.vietnamoi.net/

Reply
13:06:00, 24 thg 3, 2015

Bán Blogger Template Đẹp Tuyệt Cú Mèo

Bạn nào quan tâm và yêu thích Blogger Template hãy xem Demo Bên Dưới:
http://vnminhtriet.blogspot.com/

Giá bán 300.000đ
Liên Hệ: vnminhtriet@gmail.com
ĐT:0974603393

Cài đặt Online Qua Teamview Miễn Phí!

Reply
00:25:00, 12 thg 4, 2015

Cảm ơn chia sẽ của bạn!
Tuấn Trung – Thiết kế
-------------------------------------------------------------------
• Xem chi tiết về Bảng giá chụp ảnh cưới phóng sự
• Hoặc Bang gia chup anh cuoi phong su

Reply
16:02:00, 6 thg 5, 2015

Bài viết rất chất lượng thanks

http://softwarecrack.ga

Reply
13:54:00, 9 thg 3, 2016

Face Xinh VN - Chia sẻ những thông tin hot và nóng nhất hiện nay về truyện, khám phá, sock - lạ, share thêm nick facebook độc

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