Để bạn đọc dễ dàng tham khảo những bài viết được thảo luận sôi nổi trong tuần, một số blog như eblogviet, hientinhblog, hutruc có đặt widget những bài viết có nhiều phản hồi nhất trong tuần. Bác Tính cũng có bài hướng dẫn sử dụng plugin Most Commented Widget để thực hiện. Hôm nay HT sẽ hướng dẫn các bạn tự tạo một widget mà không phải dùng đến plugin.
HT Top Post Widget
Bạn chỉ việc thêm đoạn code sau vào file functions.php (custom_functions.php nếu bạn đang dùng thesis)
/***** Top trong tuan http://hutruc.com *****/
function htr_top_posts($num = 10,$date=7) {
global $wpdb;
$num = (int) $num;
$date = (int) $date;
if ( $num ) {
$limit = "LIMIT $num";
}
$sql = "SELECT * FROM $wpdb->posts WHERE post_type = 'post' AND post_status IN ( 'draft', 'publish', 'future', 'pending', 'private' ) AND DATE_SUB(CURDATE(), INTERVAL $date DAY) < post_date ORDER BY comment_count DESC $limit";
$result = $wpdb->get_results($sql, ARRAY_A);
return $result ? $result : array();
}
function widget_htr_top_post_init() {
if (!function_exists('register_sidebar_widget')) {
return;
}
function widget_htr_top_post($args) {
extract($args);
$options = get_option('widget_htr_top_post');
echo $before_widget;
echo $before_title;
echo $options['htr_top_post_title'];
echo $after_title;
echo '<ul class="htr_top_post">';
htr_top_posts2($options['htr_top_post_num'],$options['htr_top_post_date']);
echo '</ul>';
echo $after_widget;
}
function widget_htr_top_post_options() {
$options = get_option('widget_htr_top_post');
if (!is_array($options)) {
$options = array('htr_top_post_num' =>'5','htr_top_post_date' =>'7','htr_top_post_title' => '');
}
if ($_POST['widget_htr_top_post-submit']) {
$options['htr_top_post_title'] = stripslashes($_POST['htr_top_post_title']);
$options['htr_top_post_num'] = stripslashes($_POST['htr_top_post_num']);
$options['htr_top_post_date'] = stripslashes($_POST['htr_top_post_date']);
update_option('widget_htr_top_post', $options);
}
echo '<p style="text-align: left;"><label for="htr_top_post_title">Title: ';
echo '</label><input type="text" name="htr_top_post_title" id="htr_top_post_title" value="'.stripslashes($options['htr_top_post_title']).'" /></p>'."n";
echo '<p style="text-align: left;"><label for="htr_top_post_num">Number posts: ';
echo '</label><input type="text" name="htr_top_post_num" id="htr_top_post_num" value="'.stripslashes($options['htr_top_post_num']).'" size="3"/></p>'."n";
echo '<p style="text-align: left;"><label for="htr_top_post_date">Top Date: ';
echo '</label><input type="text" name="htr_top_post_date" id="htr_top_post_date" value="'.stripslashes($options['htr_top_post_date']).'" size="3"/></p>'."n";
echo '<input type="hidden" id="widget_htr_top_post-submit" name="widget_htr_top_post-submit" value="1" />'."n";
}
// Register Widgets
register_sidebar_widget('HuTruc Top Posts', 'widget_htr_top_post');
register_widget_control('HuTruc Top Posts', 'widget_htr_top_post_options');
}
widget_htr_top_post_init();
function htr_top_posts2($num = 10,$date=7) {
$recent_posts = htr_top_posts($num,$date);
foreach($recent_posts as $post){
?>
<li><a href="<?php echo get_permalink($post["ID"]); ?>" title="Look <?php echo $post["post_title"]; ?>" ><?php echo $post["post_title"]; ?></a> <span class="cmttitle"><?php echo $post["comment_count"]; ?></span></li><?php
}
}
/***** End #Top trong tuan http://hutruc.com *****/
Vậy là xong rồi, bạn có thể tham khảo các bài hướng dẫn về code trước đây của HT để thêm ảnh minh họa, nội dung bài viết,… cho thêm sinh động.
Demo trên Hư Trúc Blog
Chúc các bạn thành công!
Bài viết liên quan
Bài viết cùng chuyên mục
{ 2 trackbacks }
{ 80 comments… read them below or add one }
anh HT toàn chỉ những thủ thuật ko dùng plugin ko nhỉ
tuananhg´s last blog ..[Joomla] Component liên kết web (phần 2)
Thủ thuật rất hay. Thanks
HT thích dùng code hơn mà, hạn chế được các plugin
Dùng loại này thì k nặng site, nhưng k phải cođer mà nghịch dễ tèo lắm
Cứ chơi vô tư đi, test trên localhost trước rồi trên host sau thì sợ gì
E toàn E k xài local, lại phải cài lại mới đc :(
Giống emdo911, test trước cho an toàn
Nutatu´s last blog ..Việc gì cũng phải dám nghĩ dám làm
bác cứ yên tâm mà chém… bác hutruc test chán rồi mới trình làng…
(nhưng cũng nhiều khi do tuổi cao, trí nhớ giảm sút mà…báo hại em hú vía
Đúng là có mấy bài lú lẫn thật
Chờ bài này của bác mãi đấy nhé. hehe
Thanks bác 
LeHienTinh´s last blog ..Từng bước làm SEO
Chỉ sợ không được như ý của bác thôi
Rất tiện, chỉ việc copy & past là đã có ngay một sidebar đẹp
Còn phải edit CSS nữa bác à
Cảm ơn pro. Đang cần code nhiều tính năng. Em sẽ bookmark cái này. Nhân tiện em muốn đăng bài cái trên trang của bác thì đang ký thành viên có được active ngay ko
Em nghĩ khi đăng khí bác sẽ là contribute ngay thôi, nhưng bài viết sẽ được HT kiểm duyệt.
Nutatu´s last blog ..Hòn đá
Các blog có CTV bây giờ đều vậy cả
Tất nhiên rồi, HT lúc nào cũng hoan nghênh các bác
, bác liên hệ với em qua ym: hutruccom nhé 
Cang it plugin, ko phinh database, toi uu speed cho blog, bac HT co ve pro ve code do, e khoai nhat khoan nay. Hehe. Bac cung giong em ghe bac Huynh Trung nhi?
Tuy là vậy nhưng dùng plugin vẫn có những cái hay nhất định chư, mà em cũng như bác, thế nào thì cũng kết code hơn
HT theo trường phái…code mà
Hùng´s last blog ..Sử dụng Google Mail Server
Hic, đang thích Coding nhưng mà làm tốt cái Design đã
Cái này em cũng mê, nhưng hình như không có khiếu, thiếu con mắt thẩm mỹ, làm hoài mà chẳng có cái nào ra hồn
Bác lúc nào cũng khiêm tốn.
Em xin bái phục. Em đang gặp lỗi nhỏ khi cài IIS với Apache nên để em sửa xong lỗi sẽ liên hệ với bác ngay 
Sự thật là thế mà, em có khiêm tốn gì đâu, về khoản design thì em tệ thật
Em thì cứ XAMPP mà táng, nhanh – gọn – lẹ. Chờ bài viết của bác nhá
hay quá hay quá cám ơn hutruc
mình phải bắt chước 
hoangloi´s last blog ..40 website cho bạn theme wordpress free
thế hỏi chút là dùng plugin và không plugin thì có khác nhau gì không thế
Mèo Lười´s last blog ..Thêm ô tìm kiếm cùng hàng với menu trong thematic
Bác hỏi trống không thế chẳng ai trả lời đâu.
Mình xin lỗi, nhưng thực sự là mình không hiểu thế nào là hỏi trống không?
Lẽ nào ” Mọi người ơi, dùng plugin và không dung plugin có gì khác vậy thế”
Nếu đúng thì mình xin lỗi lần nữa
Mèo Lười´s last blog ..Thêm ô tìm kiếm cùng hàng với menu trong thematic
Bác TungZ đã thay mọi người trả lời rồi, tuy nhiên, dân blogger thường khoái xài code thay vì plugins là để nhằm tối ưu tốc độ load trang cho blog, mà speed thì là yếu tố khá quan trọng trong việc giữ chân người dùng, và thứ hạng site thì phải. Nhưng có vài cái xài plugins tiện lợi và “an toàn” hơn.
Nutatu´s last blog ..Hòn đá
Tùy trường hợp bác Mèo Lười ah
cài plugin vào mình cứ xem có tạo thêm table trong DB không? Có tạo ra nhiều query không? Trang chủ có load js nào không?vv…
Nhiều plugin chẳng khác gì code cả, tiện hơn ở chỗ bật/tắt được. Chỉ tội là tốn dung lượng của host thôi
Thế nên quan trọng biết tối ưu thì vô tư, nhiều lúc plugin cho tiện
Dân pro về code mà đã góp ý về code thì em chịu rồi
Nutatu´s last blog ..Hòn đá
thank bác Tùng đã giải thích nha
Mèo Lười´s last blog ..Thêm ô tìm kiếm cùng hàng với menu trong thematic
Đúng là cao thủ nhận xét có khác
Như lão HuTek cũng dùng nhiều plugin đấy nhưng tốc độ vẫn vèo vèo do biết tối ưu code.
Khác nhau rõ ràng nhất là CÓ và KHÔNG dùng plugin đó
Theo HT nghĩ thì việc dùng hay không dùng plugin cũng không khác nhau mấy, do plugin thường viết cho nhiều đối tượng dùng nên nó sẽ bao gồm nhiều chức năng, nhiều tùy chọn, v.v.. và v.v… việc dùng code nếu biết chúng ta sẽ áp dụng riêng cho nhu cầu cụ thể của mình, nó sẽ lược bớt những thứ không cần thiết với ta,… đại loại là như thế
Xem ra Việt Coding khó mà đuổi kịp HT đây
lại thêm một cao thủ khiêm tốn nữa kìa
Nutatu´s last blog ..Hòn đá
Toàn mấy bác pro code
qua 
lại. Vui nhỉ Nutatu 
2 bác đang chạy vòng tròn.Không biết ai đuổi ai.
đó là một cuộc đua mà không có ai là người thắng cuộc
Bác cứ nói thế, HT dân ngoại đạo chen chân vào sao dám so sánh với bác LTV, có thể do em làm quen với WP hơi lâu nên biết chút đỉnh vậy thôi.
Bác này hơi bị lười này.
Green Leaf´s last blog ..Ubuntu : theo dõi tình trạng CPU, RAM, HDD của máy tính
thế bây giờ thấy bao nhiêu dòng code thì bác mới bỏ, được 100 dòng chưa bác
Mèo Lười´s last blog ..Thêm ô tìm kiếm cùng hàng với menu trong thematic
Còn bây giờ bài nào dưới 10 dòng code thì bác ấy ko đọc
Việt Coding´s last blog ..Thesis dưới góc nhìn của lập trình viên
em sợ có code là bác ấy bỏ thì nguy:((
Mèo Lười´s last blog ..Mèo lười viết blog để làm gì?
Plugin thì đã có bài hướng dẫn bên bác Tính rồi đấy
Bác HT cho cái ComLuv vào box nhìn đẹp đấy, nhưng nó hơi sát với comment quá, bác cho nó cái margin-top khoảng 5-10px cho đẹp
Việt Coding´s last blog ..Thesis dưới góc nhìn của lập trình viên
Cảm ơn bác đã góp ý, để em fix lại
Bác trung ơi. Em muốn chèn thêm cái hình thumnail từ php thumb, với đoạn mô tả ngắn ngắn khoảng 20 chữ bên dưới thì phải làm thế nào bác. Bác giúp em với
Phần này HT cố tình không viết để các bạn tự nghiền ngẫm và áp dụng cho cảm thấy hứng thú nhé. Mỗi khi tự mình làm được, áp dụng,… cái gì hay hay là vui lắm, HT muốn các bạn cảm nhận được điều này nên HT không hướng dẫn “tất tần tật” nữa
Code thì em thua
LeHienTinh´s last blog ..Từng bước làm SEO
Cũng chỉ áp dụng hàm lấy ảnh tương tự bài lấy ảnh trong thesis mà bác đã áp dụng đấy
Thật ra em đã thử làm điều đó, nhưng không hiểu sao em chèn sao mà nó hiện hình của bài mới nhất không
Bác nói thế chỉ có hứng thú với anh em trong nghề thôi.Với những người ngoại đạo như mình sau khi làm theo mà nó Ok là…vui lắm rồi
Hùng´s last blog ..Godaddy Coupon Giảm Giá Còn $0.99
Bác thử đi, còn vui hơn nữa đấy chứ
Thật tuyệt. cho mình coppy và sử dụng nhé
Thanks
Cái này có sử dụng đc cho theme khác k phải thesis k bác ?
Bất cứ theme nào cũng được cả.
ok. thanks bác
Hok được rồi bac ạ. đây là đoạn code của em, bác xem em thêm có đúng không hộ em nha.
Bác tham khảo khi comment nhé: http://hutruc.com/about/comment/
Qua đây nghía cái rồi về
nano´s last blog ..Nhảm
Ây, bác đây ròi, lâu ngày quá, hii
Bác ơi, cái này áp dụng cho thằng nào cũng đc hả bác?
À, tiện bác add lại link trong blog roll hộ em nhé, cái link của blog tin học ý, nhưng với domain và tiêu đề mới. Link: wordpressviet.info , tiêu đề: WordPress Việt . Em cảm ơn bác nhé
chú tỏi lăm le trở lại đó hả, gravata còn chưa up
Ừ thì không bỏ được, nghiện rồi, thế nên come back trà chuyện đúng mà bác.
Chào mừng bác quay trở lại, đã add link rồi nhé
Thanks bác, dạo này đang cố phát triển lại, với cả cũng rảnh, đang tính post cho bác 1 bài chữa cháy, nhưng mà chưa tìm được chủ đề thích hợp
Mr.tỏi@wordpressviet.info´s last blog ..Share One-theme 2.x phiên bản mới nhất – Hàng bản quyền
Trên HT blog có một chủ đề mở cho tất cả mọi người đấy thôi
Bác HT hướng dẫn anh em làm sao hiển thị hình ảnh thumbmail ở cái phần hiển thị bài viết nhiều phản hồi đi
Nhiều bác đã làm được rồi nhé
Em là 1 ví du. Smile.
Em đã làm được
thật hay ;)
cái này khi nào 4rum có nhiều comment thì sử dụng thật hay
Thank bác
Hì hì sau khi tìm hiểu mình đã tìm hiểu được cách hiển thị thumbmail rồi
demo đây bác seo68.net
Seo68´s last blog ..Ra mắt phiên bản WordPress 3.0 RC
Chương trình Contest từ Microlink: Couple Love
blog.microlink.vn/couple-love-tu-microlink/
Mong rằng có thể mang lại cho các bạn 1 Event thú vị
Bác cứ tiếp tục thử xem, có hình rồi, bi giờ chỉ việc làm cho nó đúng hình của bài viết nữa là xong rồi
Bác cú làm khó anh em
Có gì mà khó bác
Green Leaf´s last blog ..Sửa lỗi và phục hồi hiệu ứng Aero Windows 7
Bác đang nói tới vấn đề nào thế