Thứ Sáu, 19 tháng 6, 2015

Hướng Dẫn Ẩn Bài Viết Ngoài Trang Chủ Blogspot

Một câu hỏi nữa mình nhận được qua tin nhắn tới Page Line Vũ Văn Phong. Một bạn hỏi mình để ẩn đi những bài viết mới gần đây ngoài trang chủ của Blogspot. Vì đơn giản bạn ấy muốn 1 tiện ích HTML nổi bật của bạn ấy ngoài trang chủ.

- Các bạn cũng thấy ở 1 số Template tùy theo mục đích và nhu cầu sử dụng của từng người. Việc chỉ hiển thị 1 Widget như Blog Dịch vụ SEO làm cũng khá thích hợp cho 1 Website dịch vụ.

Demo tại Blog Dịch vụ SEO

Hướng Dẫn Ẩn Bài Viết Ngoài Trang Chủ Blogspot

Bước 1: Đăng nhập vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
Bước 2: Tìm tới đoạn code dưới (Chỉ cần Ctrl + F tìm tới Blog1 là thấy)

<b:widget id="Blog1" locked="true" title="Bài đăng trên Blog" type="Blog">

Thấy có ID đó là ok.
Bước 3: (Ctrl+F) Tìm tới </b:skin> và dán code dưới đây ngay dưới nó.

<style>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
#Blog1 {
display:none;
visibility:hidden;
}
</b:if>
</style>

Bước 4: Lưu mẫu lại và xem kết quả nhé.
Chúc các bạn vui vẻ !

kfylf

Đặc điểm: Với thủ thuật này ở trang chủ của bạn chỉ hiện thị bài viết của một nhãn duy nhất và bài viết thuộc các nhãn khác sẽ bị ẩn đi.

» Cách chỉ cho phép hiển thị bài viết thuộc nhãn nhất định ở trang chủ

1. Đăng nhập vào blog của bạn.
2. Chọn mẫu (tempalate) => Chọn Chỉnh sửa HTML (Edit HTML)
3. Tìm đoạn code <b:includable id='main' var='top'> và kéo chuột xuống vài dòng bạn sẽ tìm được đoạn code tương tự như bên dưới (đoạn này có thể khác nhau tuỳ theo từng blog nha các bạn):

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

tjftksh

Hướng Dẫn Ẩn Bài Viết Ngoài Trang Chủ Blogspot

Demo tại Blog Dịch vụ SEO

Hướng Dẫn Ẩn Bài Viết Ngoài Trang Chủ Blogspot

<b:widget id="Blog1" locked="true" title="Bài đăng trên Blog" type="Blog">

Thấy có ID đó là ok.
Bước 3: (Ctrl+F) Tìm tới </b:skin> và dán code dưới đây ngay dưới nó.

<style>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
#Blog1 {
display:none;
visibility:hidden;
}
</b:if>
</style>

Bước 4: Lưu mẫu lại và xem kết quả nhé.
Chúc các bạn vui vẻ !