Widget: Popular Posts Small Thumbnail

About

Popular Posts Small Thumbnail widget displays popular posts with a small thumbnail style. This widget does not use the default Popular Posts widget from Blogger. You can customize the widget configuration more freely - (View). The thumbnail size of the post in this widget will adjust to the height of the title and other content - (View).

Specification

Configuration

Notes

range

Select time range!
Value	Description
all_time	Most popular since the blog was published
last_year	Most popular in the last year
last_month	Most popular in the last month
last_week	Most popular in the last week

max_results

Maximum number of posts to retrieve. The maximum is 10 posts.

top_info

Choose the content to displayed at the top of the post title - (View).

Value	Description
none	None
label	Post category
date	Post publication date
author	Author

top_info_label

Label for top_info - (View). This configuration is only needed if there is top_info.

bottom_info

Choose the content to displayed at the bottom of the post title - (View).

Value	Description
none	None
label	Post category
date	Post publication date
author	Author

bottom_info_label

Label for bottom_info - (View). This configuration is only needed if there is bottom_info.

labels_count

Maximum number of labels to retrieve. This configuration is needed if either top_info or bottom_info is set to label.

date_format

Date format. This configuration is needed if either top_info or bottom_info is set to date - More details

max_title_rows

Maximum number of post title lines. Currently, this configuration only supports values of 1, 2, and 3.

thumbnail_shape

Thumbnail shape.

Value	Appearance	Preview
square	Square	See
circle	Circle	See

thumbnail_content

Set the content of the thumbnail element.

Value	Description
image	The system will display an image as the thumbnail if available. Otherwise, if a post does not contain an image, the system will display the content as the first character of the post title with a background skin according to the thumbnail_skin configuration - (See).
skin	Regardless of whether there is an image in the post or not, the system will always display the content as the first character of the post title with a background skin according to the thumbnail_skin configuration - (See).

thumbnail_skin

Configuring the thumbnail skin. By default, the value is secondary. You can also define more than one skin value (separate them with comma). Here are some examples of value definitions:

Value	Preview
green, blue	See
green, blue, purple, orange	See

Skin Support All skins listed in the skin list except for white and black.

item_box

Post Style

Value	Description	Preview
none	Simple display without border and shadow	View
border	Display with border. This value is only available if the slider configuration is set to no	View
shadow	Display with shadow	View

slider

Value	Description	Preview
yes	Slider mode	View
no	Normal mode	View

footer_align

Set the position of the widget footer content. The content available here includes slider indicator, next button, and previous button.

Value	Position	Preview
left	Left aligned	View
center	Center aligned	View
right	Right aligned	View

widget_title

Widget title - (View)

Value can be plain text or HTML
Set to - to disable the title

widget_title_sub

Widget subtitle - (View)

Value can be plain text or HTML
Set to - to disable the subtitle
The subtitle will still be displayed even if the widget_title configuration is disabled

widget_title_line

Decoration line under the widget title - (View). Choose one of the available skins in the Skin List. To disable the line, set the value to none.

widget_title_align

Value	Position	Preview
left	Left aligned	View
center	Center aligned	View
right	Right aligned	View

widget_title_tag

HTML tag used for the widget title. By default, the selected value is div. For SEO purposes, it is recommended to use heading tags h2-h6 if the text you enter in the widget_title configuration contains the target keyword.

margin_top

Set the distance of the widget from the top.

Value Definition

The value is a CSS Unit. Examples: 20px 40px 60px
Although you can use other units such as em, pc, etc., it is recommended to use the px unit.
When the configuration value is undefined (set to -), the distance applied will follow the default theme configuration (40px).

margin_bottom

Set the distance of the widget from the bottom. The value definition is the same as the margin_top configuration.

conditional

Set the availability of the widget. With this configuration, you can enable the widget only on certain page types, devices, or URLs. More about this configuration can be read on the page: General Conditional Configuration.