Thêm Sidebar Tabs cho Blog

Sidebar Tabs có lẽ không có gì xa lạ với những ai hay lướt web hoặc blog. Hôm nay mình sẽ hướng dẫn tạo 1 Sidebar Tabs khá cool bằng jquery cho Blog của bạn . Demo mình dùng ngay Blog của mình .

Thêm Sidebar Tabs

Đầu tiên bạn down Source ở bên dưới về rồi Up các file vô host trong folder theme của bạn .

Tiếp theo bạn thêm dòng code sau vô file header của mình .

<link rel="stylesheet"  type="text/css"  href="<?php bloginfo('template_url'); ?>/tabs_style.css"/>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-ui-personalized-1.5.2.packed.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/sidebar_tabs.js"></script>

Sau đó bạn chỉ việc include vô sidebar của bạn . Thêm vào đâu mà mình muốn trong file sidebar.php

<?php include  ('sidebar_tabs.php') ?>

Như vậy ta bạn đã có 1 Sidebar Tabs rất cool rồi .
Sidebar Tabs này mặc định của nó sẽ show 5 popular posts . Nếu bạn muốn show nhìu hơn ví dụ 10 chả hạn thì đơn giản bạn mở file sidebar_tabs.php ra và tìm đến đoạn :

 $popular_posts = $wpdb->get_results("SELECT id,post_title FROM {$wpdb->prefix}posts ORDER BY comment_count DESC LIMIT 0,5");

Bạn chỉnh số 5 thành 10 .

Download Source

Nếu thấy lỗi hoặc có ý kiến , xin để lại comment cho mình .

php