1. Announcement ticker highlighter scroller

2. Vertical scroll slideshow gallery v2

3. Image slider with description

4. Send link to friend

5. Scroll post excerpt

6. Constant contact wordpress plugin

Tabs widget popular posts and latest posts

This is a jquery based lightweight plugin to create a new wordpress tabbed widget to display recent posts and popular posts.

Advantage of this plugin

  • Lightweight plugin
  • Smooth transitions between two tab
  • Easy configuration
  • Adjust number of posts to display tab

Plugin Live Demo available on the sidebar. i am using this plugin to display my plugin list. Please have a look. also in this post attached the plugin front end and admin screens.

Please click here to download the plugin. and find other plugins in the sidebar.

Installation instruction

Method 1

  • Download the plugin tabs-popular-posts-and-latest-posts.zip from download location.
  • Go to Add New menu under Plugins tab in your WordPress admin.
  • Select upload link (top link menu).
  • Upload the available tabs-popular-posts-and-latest-posts.zip file and click Install Now.
  • Finally click activate plug-in link to activate the plug-in.

Method 2

  • Download the plugin tabs-popular-posts-and-latest-posts.zip from download location.
  • Unpack the tabs-popular-posts-and-latest-posts.zip file and extract the folder.
  • Drop the tabs-popular-posts-and-latest-posts folder into your ‘wp-content/plugins’ folder.
  • In word press administration panels, click on plug-in from the menu.
  • You should see your new tabs-popular-posts-and-latest-posts plugin listed.
  • To turn the word presses plug-in on, click activate.

Plugin configuration

Drag and drop the widget : Go to widget page under Appearance menu, Drag and drop Tabs popular posts and latest posts widget into your side bar. its very easy.

Short code for pages and posts: Copy and paste the give short code into your posts and page to display the tabs widget.

Short code :

Frequently asked questions

Q1. Icons not showing on tabber tab? or Do you want to change the tabber icon image?

Open style sheet (style.css) from the plugin folder and enter full path for the image style.


#TabsPostsTabber ul.TabsPostsTabs li a { background: url(https://www.websitename.com/wp-content/plugins/tabs-popular-posts-and-latest-posts/ico-hot-grey.png) no-repeat 9px 7px;

Alternatively we can use the wordpress dashboard to update this CSS file.

1. Go to Dashboard in your wordpress website
2. Go to Plugins menu
3. Select Editor menu
4. Select the tabber widget plugin from the drop down box (available at top right corner)
5. Select the CSS file from the available plugin files (/inc/style.css)
6. Change the image path and update the file.

Q2. How to change the tabber menu text Popular/Recent?

Open the plugin folder and tabs-popular-posts-and-latest-posts.php file.
Go to line 27 and 28 change the text.

Admin screen

Front End
Front end screen
Admin screen
Admin screen

Download location



  1. Hey hi your plugin UI is simple and fluid. 😉 but i when i enables it. its not showing its UI of the popular posts and latest posts. :O its just appearing as text. :( please fix that bug. i am using WordPress 3.5 otherwise unfortunately i will go for another plug in. :O

  2. Here’s how I made it work:

    Modify tabs-popular-posts-and-latest-posts.php
    In lines 73 and 74,

    wp_enqueue_style( ‘tplp_style’, get_option(‘siteurl’).’/wp-content/plugins/tabs-popular-posts-and-latest-posts/inc/style.css’);
    wp_enqueue_script( ‘tplp_script’, get_option(‘siteurl’).’/wp-content/plugins/tabs-popular-posts-and-latest-posts/inc/script.js’, ”, ‘1.0’, true);

    wp_enqueue_style( ‘tplp_style’, get_option(‘siteurl’).’/wp-content/plugins/tabs-widget-popular-posts-and-latest-posts/inc/style.css’);
    wp_enqueue_script( ‘tplp_script’, get_option(‘siteurl’).’/wp-content/plugins/tabs-widget-popular-posts-and-latest-posts/inc/script.js’, ”, ‘1.0’, true);

    (This replaces the url with the correct one.)

    Hope this helps….

  3. This is my favorite of the tabbed popular/recent posts widgets, but I can’t figure out how to show posts based on view count. What is the code that needs to be changed to switch from comment count to view count?

    • File : tabs-popular-posts-and-latest-posts.php
      Line : 128 to 150
      Method : tabs_popular_posts() & tabs_latest_posts()

      You can change this two method to modify the posts load.

      • Ok – I found this line (line 131), which I presume I should be changing to something else:
        $popular = new WP_Query(‘orderby=comment_count&posts_per_page=’.$posts);

        I tried replacing it with this, but it just gives me the recent posts:
        $popular = new WP_Query(‘orderby=post_views_count&order=desc’);

        I’m a total php newb, so I’m pretty much just poking around in the dark…but I’d really like for this particular plugin to be the one I use. Thank you for your help!

  4. hello, could you please write the code line that should replace the following:

    in order to make the plugin show popular content based on views?
    thanks in advance

Comments are closed due to heavy spam. Please use contact form if any help is required.