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 from download location.
  • Go to Add New menu under Plugins tab in your WordPress admin.
  • Select upload link (top link menu).
  • Upload the available file and click Install Now.
  • Finally click activate plug-in link to activate the plug-in.

Method 2

  • Download the plugin from download location.
  • Unpack the 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( 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