Widget bài mới đăng - Recent Posts hỗ trợ nhiều tính năng

Sau khi thử nghiệm rất nhiều phiên bản tiện ích Bài viết mới nhất – Recent Posts , lần này phattrien@so xin tổng hợp giới thiệu với các bạn một tiện ích của AnhVo bên VietWebGuide có tốc độ load của widget tương đối nhanh.

Ngoài việc load nhanh hơn, widget cũng được bổ sung tính năng mới là sử dụng cho việc thể hiện các bài mới nhất của 1 nhãn nào đó, chứ không chỉ là cho toàn blog như các phiên bản trước.

Các ttiện ích Widget khác:

>> Tạo widget “Bài Viết mới” cho blogger

>> Hướng dẫn tạo widget “Recent comment" – Nhận xét mới

>> Tạo tiện ích “Bài viết ngẫu nhiên – Random Post”

Các tính năng đặc biệt của tiện ích Widget này:

- Có thể show hoặc không show số comment của bài viết, tùy chỉnh comment label text,
- Có thể show hoặc không show ngày tháng của bài đăng,
- Có thể show hoặc không show một phần nội dung của bài đăng,
- Tùy chỉnh màu viền, màu chữ, các loại font, tùy chọn Icon hiện trước các text.
- Có thể cho hiện có trật tự hoặc ngẫu nhiên các hình ảnh mặc định (ảnh sẽ hiện khi trong bài viết không có bất cứ 1 ảnh nào).
- ....

- Để hiển thị hình ảnh trong bài viết làm thumblail bạn cần vào Dashboard -> Settings -> Site Feed và lựa chọn Allow Blog Feeds là FULL.
Copy code của widget dưới và dán vài Page Element dạng HTML/JS:

<script type="text/javascript">
imgr = new Array();
imgr[0] = "http://www33.websamba.com/anhvosite/vwg/LDP08-06-11-02.png";
imgr[1] = "http://www33.websamba.com/anhvosite/vwg/LDP08-06-11-04.png";
imgr[2] = "http://www33.websamba.com/anhvosite/vwg/LDP08-06-11-05.png";
imgr[3] = "http://www33.websamba.com/anhvosite/vwg/LDP08-06-11-06.png";
imgr[4] = "http://www33.websamba.com/anhvosite/vwg/LDP08-06-11-08.png";
showRandomImg = true;
tablewidth = 248;
cellspacing = 1;
borderColor = "#30a1db";
bgTD = "#fff";
imgwidth = 70;
imgheight = 70;
fntsize = 12;
acolor = "#000";
aBold = true;
icon = " &#8226; ";
text = "cm";
showPostDate = false;
summaryPost = 50;
summaryFontsize = 12;
summaryColor = "#000";
icon2 = " &rarr; ";
numposts = 10;
rc_feedLink = "http://www.blogger.com/feeds/1193242412365517650/posts/default";
</script>
<script type="text/javascript" src="http://www33.websamba.com/anhvosite/blogger/js/recentposts_thumb_final2.js"></script>

Giải thích các tham số (chữ đỏ trong code, bạn cần thay cho phù hợp với mình):
- Các dòng
imgr[0] = "http://vietwebguide.googlepages.com/LDP08-06-11-01.png";
chứa link đến các hình ảnh mặc định, bạn có thể thay thế các link này bằng ảnh của bạn, bạn cũng có thể thêm nhiều hình khác bằng cách tạo thêm các dòng imgr[5]=..., imgr[6]=..... Hãy cố gắng chọn những ảnh có size nhỏ để đỡ làm nặng widget.
- Dòng showRandomImg = true; cho biết đang bật chế độ hiện ngẫu nhiên ảnh mặc định, nếu bạn muốn ảnh hiện có trật tự, hãy thay true thành false.
- 4 dòng

tablewidth = 248;
cellspacing = 1;
borderColor = "#30a1db";
bgTD = "#fff";

lần lượt là : chiều rộng của widget (pixel), khoảng cách giữa các ô, màu viền của widget và màu nền của widget.
- 2 dòng

imgwidth = 70;
imgheight = 70;

là chiều rộng và chiều cao của ảnh thumbnail.
- 4 dòng

fntsize = 12;
acolor = "#000";
aBold = true;
icon = " • ";

lần lượt là: Font Size của tiêu đề, màu tiêu đề, bật chế độ tô đậm tiêu đề (nếu muốn tắt thì đổi true thành false), icon hiện trước tiêu đề (nếu không muốn có icon thì cho giá trị rỗng).
- Dòng

text = "cm";

khai báo text của comment mà bạn muốn hiện (ví dụ: text = "lời bình"). Nếu không muốn hiện số comment cho mỗi post, đặt giá trị text = "no".
- Dòng

showPostDate = false;

ý nói chế độ hiện ngày tháng đã tắt. Hãy thay false bằng true nếu bạn muốn hiện ngày tháng.
- 4 dòng

summaryPost = 50;
summaryFontsize = 12;
summaryColor = "#000";
icon2 = " → ";

lần lượt là: số kí tự muốn hiện miêu tả cho mỗi posts (nếu muốn tắt, hãy đặt giá trị là 0), Font Size của miêu tả, màu miêu tả và icon hiện trước phần miêu tả.
- Dòng

numposts = 10;

yêu cầu bạn khai báo số bài sẽ hiện trên widget, ví dụ ở trên là 10.
- Dòng

rc_feedLink = http://www.blogger.com/feeds/2352948371513580020/posts/default;

- Bạn để ý trong link feed trên có số BlogID của tôi là 2352948371513580020, bạn chỉnh blogID này thành blogID của bạn.

Nếu bạn vẫn chưa biết cách lấy chỉ số blogID của mình, có thể tham khảo bài viết tại đây.
- Nếu bạn muốn tạo widget các bài mới cho nhãn, bạn ghi link trên dưới dạng sau:

http://www.blogger.com/feeds/YourBlogID/posts/default/-/LabelName

Chú ý một chút với Label Name: nếu tên Label có khoảng trắng, bạn lưu ý thay khoẳng trắng đó bằng %20, vì địa chỉ URL là 1 chuỗi liên tục, cho nên phải thay như vậy. Ví dụ feedLink cho nhãn Thủ Thuật Blog sẽ là:

http://www.blogger.com/feeds/YourBlogID/posts/default/-/Thủ%20Thuật%20Blog

Bạn có thể để mặc định các thông số để hiển thị tiện ích trên Webblog sau đó có thể chỉnh sửa các tham số trên cho phù hợp.

Trên đây là tất cả những gì của widget mới này. Hy vọng bạn sẽ làm thành công widget.

Hiện nay tiện ích này bị lỗi do host cung cấp file chạy đã đóng cửa, các bạn có thể xem bài sửa lỗi này tại: Sửa lỗi cho tiện ích widget Bài mới đăng - Recent Posts hỗ trợ nhiều tính năng

Share on Facebook Share on Twitter Share on Google Plus

About Chinhnd

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.