# Featured Posts

Access your blog **Layout** > and click on the **Add a Gadget** > **HTML/JavaScript** or **Popular Posts** > in the **Featured Posts** section.

### HTML/JavaScript 

Shortcode: `{getPosts} $label={Your Label} $style={Gadget Style} $color={Hex Color}` 

Label Options: `Label Name` or `recent` 

Style Options: `1`, `2`, `3`, `4`, `5`

Color Attribute: This attribute is optional and must be entered only if you want to add a custom color.

**Example:**

<figure><img src="https://3691344887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZqQzRWtJHRrbdZmizmyK%2Fuploads%2FVGuGJ8gUBZuhVnB7HGRl%2Fimage.png?alt=media&#x26;token=d7ad8444-c0cf-491e-b693-fe1b9b10b59b" alt="Featured posts" width="452"><figcaption></figcaption></figure>

### Popular Posts

<figure><img src="https://3691344887-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZqQzRWtJHRrbdZmizmyK%2Fuploads%2FIUTnrSIdSAqwLukorXAe%2Fimage.png?alt=media&#x26;token=ed494dff-aa7f-4912-b4c9-8512417200c8" alt="Popular posts" width="443"><figcaption></figcaption></figure>