Hướng dẫn thủ thuật thêm Nhận xét mới - "Recent comments" widget vào blogger

Chắc hẳn nhiều bạn thấy trong các template có sẵn Công cụ Widger "Recent comment", hay còn gọi là Nhận xét mới nhất, thì đơn giản khi áp dụng Template có sẵn này là bạn chỉ việc Cấu hình (Configure) cho Tiên ích (Page element) này mà thôi.

Tuy nhiên đối với các Mẫu Template không tích hợp sẵn tiện ích này thì quả thực là rất khó khăn, nhất là với những người mới tập tành viết Blog, thậm chí cả đối với những người đã bước chân vào giới Blogger nhưng không có hoặc có kiến thức về tin học một cách mơ hồ (như tôi chẳng hạn).

Sau một thời gian tìm kiếm trên mạng và áp dụng với blog này, tôi đã thành công nhờ vào Mã (code) đã sưu tầm được để hiển thị Nhận xét mới nhất. (Như bạn thấy trong Blog này mà tối đã đặt tên là Bình luận mới).

Trong bài viết này tôi sẽ hướng dẫn bạn thực hiện từng bước để hiển thị Bình luận mới.

Bước 1: Sao lưu.

Công việc đầu tiên và cũng là bước rất quan trọng trước khi thực hiện áp dụng bất cứ thứ gì mới đối với Blog của bạn là Sao lưu mẫu hiện tại của bạn. Điều này cho phép bạn khôi phục lại được mẫu ban đầu trước khi sao lưu trong trường hợp thất bại trong việc áp dụng các ứng dụng mới đối với Blog.

Để thực hiện sao lưu mẫu Blog, bạn truy cập vào Layout l Edit HTML trong Dashboard và click vào "Download full template", đối với giao diện Tiếng Việt bạn thực hiện như hình:

Bạn sẽ có một bản sao lưu dưới dạng tập tin . xml, hãy đặt tên tập tin này dễ nhớ và dễ dàng tìm được khi cần thiết.

Bước 2: Thêm Mã Code vào Mẫu Template

Trong bước này chúng ta thực hiện hoàn chỉnh một mã mới để tạo Widget Bình luận mới (Recent Comments) bằng cách thêm vào Mẫu một mã HTML.

Để thực hiện, bạn cần truy cập vào "Chỉnh sửa HTML" (Edit HTML), bạn không cần phải click chọn "Mở rộng Mẫu tiện ích" ("Expand widget templates") vì điều này không yêu cầu tránh cho việc làm khó khăn thêm trong việc xác định vị trí các mã Code cần chỉnh sửa.

Dựa vào chức năng tìm kiếm bằng các bấm vào tổ hợp (CTRL+F hoặc CMD+F) để tìm dòng mã Code sau:

<b:section class="sidebar" id="sidebar" preferred="yes">

Trong trường hợp bạn gặp rắc rối trong bước này, hãy thực hiện tìm dòng mã bắt đầu bằng <b:section và tìm kiếm các thông tin tham chiếu với "class" hoặc "ID" của sidebar.
Sau đso bạn dán ngay phía dưới dòng lệnh đó mã sau:

<b:widget id='Feed99' locked='false' title='Recent Comments' type='Feed'> <b:includable id='main'> <h2><data:title/></h2> <div class='widget-content'> <ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'> <b:loop values='data:feedData.items' var='i'> <li> <a expr:href='data:i.alternate.href'> <b:if cond='data:showItemAuthor'> <b:if cond='data:i.author != ""'> <span class='item-author'> <data:i.author/> said: </span> </b:if> </b:if> <span class='item-title'> <data:i.title/> </span> <b:if cond='data:showItemDate'> <b:if cond='data:i.str_published != ""'> <span class='item-date'> on <data:i.str_published/> </span> </b:if> </b:if> </a> </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'> <b:includable id='main'> <h2><data:title/></h2> <div class='widget-content'> <ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'> <b:loop values='data:feedData.items' var='i'> <li> <span class='item-title'> <a expr:href='data:i.alternate.href'> <data:i.title/> </a> </span> <b:if cond='data:showItemDate'> <b:if cond='data:i.str_published != ""'> <span class='item-date'> - <data:i.str_published/> </span> </b:if> </b:if> <b:if cond='data:showItemAuthor'> <b:if cond='data:i.author != ""'> <span class='item-author'> - <data:i.author/> </span> </b:if> </b:if> </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget>

Sau đó xem mẫu đã thực hiện bằng cách click "Xem trước" ("Preview"), nếu xảy ra lỗi hãy chọn "Xóa chỉnh sửa" ("Clears Edit") để thực hiện lại từ đầu.

Dưới đây là hình minh họa cho công việc của bước 2

Sau khi thực hiện công việc trên một cách chính xác, lưu mẫu của bạn. Lúc đầu, bạn sẽ không thể để xem "Bình luận mới" ("Recent Comments") widget xuất hiện trong bố cục (Layout) blog. Để xuất hiện, cần phải thực hiện thêm URL cho nguồn cấp dữ liệu và chỉnh sửa một vài lựa chọn trước khi widget sẽ xuất hiện.

Bước 3: Thêm nguồn cấp dữ liệu (Comment feed ULRL)

Bước cuối cùng để thực hiện việc hiển thị "Bình luận mới" là thêm Feed URL cho nguồn cấp dữ liệu.
To do this, go to where you should see a new "Recent Comments" feed appear at the top of your sidebar.

Để làm được điều này, Bạn vào "Bố cục" l "Phần tử trang" ("Layout" > "Page Elements") thì sẽ thấy xuất hiện một phần tử trang mới "Bình luận mới" xuất hiện ở trên đầu Sidebar Blogcủa bạn. (như hình dưới).

Click chọn "Chỉnh sửa" ("Edit") đối với widget "Bình luận mới", sẽ xuất hiên cửa sổ pop-up "Định cấu hình nguồn cấp" ("Configure Feed) của Widget:

Bạn cần phải thêm các URL nguồn cấp dữ liệu của Blog trong hộp "Feed URL".
Mặc định URL nguồn cấp dữ liệu giống như sau:

http:// yourblog.blogspot.com /feeds/comments/default

" yourblog.blogspot.com " là địa chỉ URL Blog của bạn. Nếu bạn sử dụng một tên miền tuỳ chỉnh, thay đổi này đến địa chỉ thật sự của blog của bạn. Ví dụ, URL cho Blog Phát triển số là nguồn cấp dữ liệu như sau:

http://phattrienso.blogspot.com/feeds/comments/default

Đây là bước cuối cùng của công đoạn thực hiện để hiển thị "Bình luận mới" ("Recent Comments"). Sau khi đã thực hiện xong, bạn có thể di chuyển Phần tử trang Page Element "Bình luận mới" tới vị trí tùy ý.

Hãy thử và chiêm ngưỡng thành quả của mình. Bạn nhớ cho tôi biết ý kiến bình luận của bạn về công cụ này nhé.

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.