Quicktabs block

A. Create Image style

Step 1 Go to Configuration

Step 2 In MEDIA area > Image styles, click "Add style" link to create quicktabs style with following properties:

Step 3 Click "Create new style" button.

Step 4 Under Effect, "Select Scale and crop" effect

Step 5 Click Add button > New popup is opened. Set following properties:

Step 6 Click "Add effect" button.

B. Create Most read view

Step 1 Go to Structure> Views. Click "Add new view" link. Create "Most read" view with following properties:

Step 2 Click "Continue and edit" button. Most read view will be displayed following properties:

Step 3 At "FIELDS" area, click "Add" link > Add "Content: Image" field with below settings:

Step 4 At "FIELDS" area, click "Add" link > Add "Content: Updated date " field with below properties:

Step 5 At "FIELDS" area, click "Rearrange " link and set following settings:

Step 6 At "FILTER CRITERIA" area, click "Add" link > Add "Content: Type" field with below configuration:

Step 7 At "FILTER CRITERIA" area, click "Add" link > Add " Content: Image:fid (not empty) " field with below configuration:

Step 8 Click "Save " button.

C. Assign region

Step 1 Go to Blocks. Find " Most Read view" block and "Recent comments" block and assign them to "Sidebar first"

Step 2 Click "Save blocks" button.

D. Add quicktabs

Step 1 Go to Structure> Quicktabs. Click " Add Quicktabs Instance " link. Create a quicktabs with below properties:

Step 2 Click "Save " button.