Các blog sử dụng tiện ích của blogspot thông thường đều có widget “Bài viết mới” hay một tên nào đó tương tự như vậy, như trong blog này tôi lấy tên là “Bài viết mới đăng”.
Có một số bạn sử dụng một số Template chưa có tiện ích này có sẵn nên bài viết này tôi xin hướng dẫn với các bạn từng bước để tạo Widget “Bài viết mới nhất”.
1. Bạn đăng nhậtp vào Blogger của bạn.
2. Vào Bố cục “Layout” l Phần tử trang “Page Element” – Như hình vẽ
3. Bạn dự đặt widget “Bài viết mới” tại vị trí nào (Siderbar trái, phải hay ở dưới bài đăng) thì bạn click vào Thêm tiện ích “Add a Page Element” và thêm “Nguồn cấp” Feed
A. Nhập vào Nguồn cấp “blog’s feed URL” trong box. Sử dụng URL như dưới. Bạn chỉ cần thay thế dòng chữ in đậm màu đỏ bằng địa chỉ blog của bạn.
http://YourAwesomeBlogHere.blogspot.com/feeds/posts/default?alt=rss
hoặc
http://www.YourAwesomeBlogHere.com/feeds/posts/default?alt=rss
(Nếu bạn sử dụng host riêng)B. Click Tiếp tục “ Continue.”
C. Bạn Thay đổi Tiêu đề bài viết cho phù hợp rồi lưu lại.
Như vậy ban đã hoàn thành công việc tạo cho mình một widget về “Bài viết mới đăng” cho blog của bạn rồi đấy. Chúc các bạn thành công.
Pro ơi, zậy có cách nào tăng số bai đăng hieện thị từ 5 lên nhiều hơn ko
ReplyDeleteNgoài ra, bạn có thể vào trực tiếp địa chỉ http://www.bloggerplugins.org/2007/11/recent-posts-widget-plugin_25.html
ReplyDeleteĐể tạo cho mình widget về Rêcent post với không giới hạn số lượng bài đăng.
co ai biet lam slide nhu : wowzio.com ko?Toi ko dang ky duoc!
ReplyDeleteCam on ban ve bai viet rat hay nay nay nhe . Muon lam cai New post comment nhu cua ban thi phai lam sao ? Chi cho minh voi !
ReplyDeletemay pac cho em hoi xiu nhe!
ReplyDeleteco cach nao tang traffic rank nhanh nhat ko?
Cam on bai viet rat co ich
ReplyDeleteMình muốn làm Trang web con cho 1 link ,cho minh tai lieu tham khảo ??
ReplyDeleteXin chào Pro!
ReplyDeleteTôi đang tìm hiểu về cách thức Bologer xử lý bài khi đăng (nhập CSDL bài mình đăng) và main-outer của nó hiển thị bài đăng theo yêu cầu của người ghé xem. Những thẻ b:widget, b:include, b:includable, b:if... xuất hiện làm tôi không hiểu được chút gì, chẳng biết nó là loại ngôn ngữ nào nữa... May mắn tôi gặp được bài viết "Tạo widget “Bài Viết mới” cho blogger" của Pro. Tôi đọc và biết rằng mình có chút hy vọng để tìm hiểu tiếp những điều chưa hiểu và hoàn chỉnh Blog của mình. Xin phép Pro cho tôi được chia sẻ và nếu có sự ấu trĩ nào trong nhận thức, xin được Pro và các bạn của Pro chỉ bảo.
Với các blog template của Bloger khi tìm đến bài đăng tôi có cảm giác toàn bộ trang blog được khởi động lại (biểu hiện rõ nhất là các hình ảnh và nhất là các flash - nếu có sẽ "giật" trước khi load bài đăng). Với nhận xét này tôi đã cải tiến Blog của tôi tránh khởi động lại header, footer cùng các nội dung chứa trong nó.
Cải tiến của tôi là:
Trên trang blog có 2 outer-wrapper và ứng với nó là 2 main-outer và 2 "bộ" sidebar-wrapper (trang tôi cải tiến outer-wrapper thứ nhất có 1 sidebar-wrapper còn outer-wrapper thứ hai có 2 sidebar-wrapper).
Tôi đã làm được và việc chuyển đổi giữa 2 outer-wrapper diễn ra rất đúng ý tưởng, header và footer hoạt động độc lập theo flash tôi nhúng mà không bị khởi động lại. Điều khó khăn là dù có 2 tên khác nhau thì nội dung hiển thị bài đăng của 2 main-outer vẫn chỉ có một thôi đó là tổng số bài mình đã đăng mà ý tưởng của tôi là mỗi main-outer chỉ hiển thị một số lượng bài đăng nhất định theo cách mình đặt.
Như phần đầu tôi đã nói, những cặp thẻ chẳng phải của HTML, không phải của CSS, cũng chẳng phải của PHP và tất nhiên cú pháp của JavaScript thì lại càng không thể.
Qua comment này rất mong được Pro chỉ bảo thêm để tôi hoàn chỉnh các cải tiến Blog của mình và xin Pro xem hướng cải tiến của tôi có khả thi không? và hơn thế nếu không thể thì nên chuyển tiếp theo hướng nào hay phải dừng ở điểm nào?
Rất mong nhận được lời chỉ bảo của Pro và các bạn.
Hà Chi
Đọc info của bạn, mình đã thấy mức độ của bạn pro hơn mình nhiều bậc rồi bạn ơi.
ReplyDeleteAnh3ngơ thân mến!
ReplyDeleteComment của anh làm Chi sửng sốt. Chi biết rõ kiến thức blog của mình là hoàn toàn chắp vá, không cơ bản bởi việc lập blog với Chi thực sự là lần đầu và cũng là lần đầu tiếp cận với tất cả các ngôn ngữ: (X)HTML, JavaScript, DOM, CSS, PHP, Flash, PhotoShop... Những comment của Anh3ngơ và các bạn của http://www.vnpressnet.com làm cho Chi được bù đắp phần nào kiến thức thiếu thốn. Thành thực là vậy rất cám ơn Anh3ngơ và các bạn.
Tuy nhiên, ngay sau khi post comment Chi đã tìm ra phương thức xử lý những thắc mắc nêu trong comment. Cụ thể là không cần đến 2 outer-wrapper, mà chỉ cần 1. Với main page Chi để left sidebar-wrapper display:block (còn right sidebar-wrapper display:none); main-outer chỉ có 1 nên luôn trong trạng thái display:block nhưng vì right sidebar-wrapper display:none nên width of main-outer được định nghĩa lại bao gồm thêm cả phần không gian của right sidebar-wrapper display:none. Các main-outer và sidebar-wrapper đều có id nên có thể nhờ chức năng getElementById và setAttribute của DOM thực hiện việc này một cách dễ dàng.
Điều khó nhất trong comment là vấn đề "bài đăng" (dữ liệu) thì mỗi bài sẽ đặt cho nó một id. Cũng nhờ các chức năng của DOM như nói trên có thể cho bài đăng nào hiện | ẩn cũng bằng cách thay đổi thuộc tính display:none hay display:block.
Với nội dung "bài đăng" thì không vấn đề gì nhưng title của Blogspot lại là cơ sở dữ liệu riêng biệt lại không thể hidden khi nội dung đã được ẩn (Chi chưa tìm được cách xử lý). Tạm thời có hai cách: Hoặc là title được hiển thị tại một div mới ngay phía trên main-outer thuộc outer-wrapper và tùy nghi xử lý ẩn | hiện theo bài; Hoặc là nhờ CSS định nghĩa lại các tag h1, h2 để có nhiều mẫu dành cho title được viết ở đầu mỗi "bài đăng". Với 2 lựa chọn này: - Lựa chọn đầu khi "bài đăng" được kéo xuống để duyệt (nhờ CSS tôi thêm thuộc tính overflow-y:scroll cho #main-outer) thì title sẽ bị "trôi" lên; - Lựa chọn sau thì dù đọc hết "bài đăng" title vẫn luôn ở vị trí đầu trang, vả lại lựa chọn này cho phép phối hợp đồ họa sinh động cho title.
Chi trình bày dài dòng như thế vì biết Anh3ngơ biết rõ những bất cập trong việc lựa chọn hiển thị. Rất mong được Anh3ngơ chỉ bảo thêm và còn rất nhiều điều cần hỏi hoặc ít ra là cùng thảo luận với anh.
Nếu Anh3ngơ coi những điều trong comment của Chi là có ích, Chi tình nguyện xin được làm một fan của http://www.vnpressnet.com và đóng góp những gì có thể hầu mong giúp được cho ai đó.
Hiện Chi đang hoàn thiện tiếp main page nên chưa bật blog, tuần sau Chi hoàn chỉnh đôi chút sẽ bật Anh3ngơ coi và cho thêm ý kiến nha.
Cám ơn Anh3ngơ
Cám ơn các bạn
ochào Chi, rất cám ơn bạn đã động viên, mình đã xem hệ thống blog của bạn, vè bố cục mình rất thích chúng, đẹp lắm.
ReplyDeleteVề các thủ thuật mình chỉ Copy và dịch để thực hiện biến (tùy biến) một mẫu theo ý thích chứ về kiến thức thì thực sự ... tậm tịt.
TUy nhiên nếu giúp được gì mình sẽ cố gắng, chúc bạn thành công.
Thank, bài viết rất hay bổ ích!
ReplyDeleteCó thể sử dụng widget có sẵn " Recent Posts "
ReplyDeleteGiờ còn xài cái này có thể là hơi lạc hậu nhỉ? Các bác có thể cái code json bên mình xem thế nào, có thể vừa ý hơn.
ReplyDeleteCái này tuy cổ lỗ nhưng nó...nhanh gọn hơn thì phải.
ReplyDeleteCảm ơn bạn, thật nhanh gọn
ReplyDeletethankxxxx. Thế giới Sim VIP http://simvip.co.cc
ReplyDeleteTHanks nhiều đang cần cho site mới xuất bản http://xemtruyen.net
ReplyDeleteCảm ơn bài viết,các bạn ghé thăm web mình để học hỏi thêm nhé http://123oap.com/
ReplyDelete