Tạo thanh đọc Feed/RSS dưới dạng Ticker (cập nhật)


Chắc hẳn các Blogger đều biết tới widget Recent Post (Bài viết gần đây) được tạo bằng cách nhập RSS của blog vào phần tử trang trong Blogger. Cách này tuy đơn giản, nhưng trông không đẹp lắm . Với 1 dịch vụ của web Blastcasta mình sắp giới thiệu bên dưới đây, bạn có thể sử dụng RSS của bất kì blog/web nào đó thành 1 bảng Feed Ticket vô cùng lạ mắt.

Có thể bạn sẽ khó hình dung được, vậy hãy cùng nhìn vào screenshot của widget này nhé :
 
Thanh đọc Feed/Rss dạng Ticker (tắt tính năng Show Summary)

Một vài ưu điểm của Thanh Feed/Rss Ticker mà mình tổng hợp được như sau :
- Thanh Ticker hỗ trợ 2 nút Back/Next để người đọc có thể dễ dàng xem nội dung .
- Load feed nhanh và ổn định
- Hỗ trợ đọc tới 25 nội dung mới nhất từ Feed.
- Chiếm ít không gian, và có thể tự điều chỉnh độ dài hợp với Blog.
- Có thêm tính năng Show Summary (hiện thị nội dung sơ lược).

Để tạo được Thanh Feed/Rss Ticker này, bạn chỉ việc vào đây, sau đó thiết lập các tùy chọn cho Thanh Ticker theo hình sau :
 

Ở bên phải , bạn sẽ thấy có một khung dùng để xem thử widget, kèm theo bên dưới là mã script để bạn copy vào Phần tử trang trong Blog (Lưu ý : Bạn có thể dùng chức năng Quick Add To Blogger phía dưới để chèn Widget vào Blog nhanh hơn).

Chú ý
Nếu bạn đã cài Widget Recent Post dưới dạng Ticker vào Blog, khi nhấp vào đường link của bất kì bài viết trên Thanh Ticker để kiểm tra, nhưng không được chuyển hướng tới đúng bài viết mà lại chuyển tới trang comment của bài viết đó thì khắc phục như sau :
Đăng nhập vào Blogger > Cài đặt > Nguồn cấp Trang Web, chuyển sang chế độ Nâng cao như hình sau :


Bạn thiếp lập Nguồn cấp Nhận xét cho mỗi lần đăng thành Không , save lại. Và chờ một vài phút để Blogger chuyển hướng RSS từ comment sang bài viết . Tình trạng chuyển hướng sai sẽ được khắc phục. Xem demo tại đây. Chúc thành công !

13 Nhận xét on "Tạo thanh đọc Feed/RSS dưới dạng Ticker (cập nhật)"

tranhung09 on 3 May 2009 at 19:47 said...

Blog mình trên nền Blogger, đã làm như BoyproDX hướng dẫn, thật đơn giản nhưng nó chỉ xuất hiện << khoảng trống >>. Hổng thành công!

Ngankvn ® on 4 May 2009 at 09:23 said...

Thank nhé :) , Tuyệt vời , thích nhất ở điểm nó ko có mấy dòng quảng cáo :)

Ngankvn ® on 4 May 2009 at 09:43 said...

Hỏng hỏng !! Nhìn thì đẹp nhưng link lại là Link Feed ??? Click vô ko đi vào bài .

Làm như hướng dẫn ở phần chú ý cũng ko đc ???

Ngankvn ® on 4 May 2009 at 09:43 said...

http://ngan-xem.blogspot.com/

vuluganck on 4 May 2009 at 13:25 said...

Tại sao nó lại ko hoạt động trên blog mình nhỉ? add feed rồi mà ko dc

vuluganck on 5 May 2009 at 11:58 said...

Sao lúc này chủ blog ko chịu comment back lại cho bạn bè nhỉ? Sao im re rồi ?

vuluganck on 9 May 2009 at 13:53 said...

dx ơi chỉ mình cách làm hộp comment trong blogger thành hộp comment thành 3 hàng với Name, URL , email đi , mình kiếm hoài mà ko thấy

boyproDX on 9 May 2009 at 19:46 said...

Đã update cách khắc phục tình trạng chuyển hướng sai cho bài viết + demo. Các bạn lưu ý là phải chờ vài phút để Blogger chuyển nhé !

@vuluganck : Khung comment của Blogger hình như là ko sửa đc rùi, chắc vuluganck phải dùng các khung comment khác như JS-Kit hay Disqus thôi.

vuluganck on 10 May 2009 at 10:43 said...

JS-Kit mình ko biết xài , nó đòi làm cai gì phải tạo 1 file gì đó tùm lum, thôi mình đành kiếm trên Jquery vậy, mấy ngày này bạn có vào blog mình ko? Mình có vài tip hay nếu bạn thích thì cứ xem thoải mái và share cho mọi người

LouLou on 10 May 2009 at 11:52 said...

quá tuyệt bác boy ơi thanks bác nhiều lắm
àh mà khung cm của blogger là iframe thì làm sao mà chỉnh được, xài js-kit là nhất ^^

Anonymous said...

thanks! :X

Anonymous said...

ddddddddddddddddd

goo ogle on 9 September 2013 at 11:21 said...

ve may bay gia re, đã test thữ và thành công.

:)) ;)) ;;) :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