Hot!

Tạo Featured Post – Bài viết nổi bật cho Blogger

Monday, 19 April 2010

screenshot-3 Các blog sử dụng WP có một tính năng rất hay thường hiển thị trên trang chủ là Featured Posts – Bài viết nổi bật, theo các pro về WP thì đây là 1 plugins dành riêng cho WP. Các Blog sử dụng nền Blogspot có một vài Template có tiện ích Featured Post nhưng phải điền bằng thủ công Tiêu đề, Đoạn trích dẫn, hình ảnh và đường link Đọc tiếp, hoặc có một số bạn sử dụng thủ thuật Recent Posts để làm Featured Posts.

vnblognet [dot] com: Sau một thời gian tìm kiếm và thử nghiệm thủ thuật của Suhas – người đã phát triển tiện ích Recent Post Widget bên Aneesh’s Blog và  Amanda’s Post có sử dụng nguồn cấp dữ liệu Feeds, giờ đây xin giới thiệu với các bạn cách tạo tiện ích Featured Posts – Bài viết nổi bật dành cho Bloger/Blogspot.

1Tìm số ID của Blog:

- Truy cập vào Blogger:  Bảng điều khiển (Dashboard) 

- Bạn có thể vào bất kỳ  Bố cục (Layout)  hoặc Bài đăng mới (Posting) để tìm ID của Blog như hình vẽ.

Blog ID

2Chèn tiện ích Featured Posts vào Blog:

- Vào Bố cục (Layout)  >>  Phần tử trang (Page elements)  >>  Thêm tiện ích (Add a Widget)  >>  HTML/Javascript

- Chèn code dưới vào phần nội dung của HTML/Javascript

<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;    float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style>

<script style="text/javascript" src="http://blogergadgets.googlecode.com/files/recentpostswiththumbnailsv3.js"></script>

<script style="text/javascript">var numposts = 5;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;var numchars = 100;</script>

<script src="http://www2.blogger.com/feeds/YOURBLOGID/posts/default/-/featured?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>

Thay thế YOURBLOGID bằng IDBlog của bạn đã tìm trong bước 1.

3Bước chọn bài Tiêu biểu (Featured):

- Giờ bạn chỉ cần điền thêm Nhãn (Label) featured cho bài viết mà bạn chỉ định là tiêu biểu để hiển thị trên tiện ích đã thực hiện trên.

- Nếu bạn sử dụng tính năng Label của Blogspot, có thể không muốn hiển thị Label features thì bạn vào Định cấu hình Nhãn (Configure Labels) và loại bỏ label featured như hình minh họa dưới.

UncheckLabel_thumb3 

Theo nguồn: www.suhastech.com

HitCHÚC CÁC BẠN THÀNH CÔNG !!!

Lưu ý: Hãy nhận xét góp ý để vnbognet [dot] com hoàn thiện hơn bạn nhé!!!
Như vậy với các tiện ích về recent posts đã cung cấp tại blog này như:
Bạn có thể sử dụng tạo Label FEATURED Post để thực hiện tiện ích như trên.
.
Tags: , ,

Ý kiến bạn đọc [ 7 ]


Show9VIP.Com 19 April 2010 23:58

Nếu có tiện ít các chuyên muc như zing thi` ngon

KID_KTV2K 20 April 2010 00:04

Cái này cũng hay thật ^_^ ko biết có widget Top Today nào hổ trợ thumbnail ko nhĩ ?dùng feedjit lâu lâu bị đứng ko thích cho lắm.

VnPress@net 20 April 2010 09:57

widget Top Today cũng giống như cái tiện ích đêm số lần truy cập bài viết dùng php nên hay bị die link lắm.

Tùng Lâm 20 April 2010 10:55

Đã viết featured bài viết nổi bật rùi thì bác làm thêm cái futured content luôn đi. Thấy tiện ích này rất hay... (dù chèn vào site thì phải chèn mấy .js luôn).

Tinh 20 April 2010 17:08

bác xứng đáng trở thành cao thủ đầu mưng mủ trong lĩnh vực blogspot, em sẽ đề nghị Google trao huân chương cho bác, mỗi ngày vài bài, bái phục

Mr.Kít 15 May 2010 16:29

Em đang định hỏi anh về tiện ích này. Thanks anh zai nhiều lắm. Nhưng em vẫn còn một vấn đề chưa giải quyết được. Đó là hiển thị bài mới theo label nhưng chỉ cần Thumb ở trên và title ở dưới; sếp theo hàng dọc. Em tìm mãi mà không sửa được cái code, hình như còn liên quan đến js, mà js thì em...hix hix. Anh giúp em được không ạh

Jun Ta 13 June 2011 15:07

thanks. but I think it does not really stand out.

Ý kiến của bạn