# Latest News Section

{% hint style="info" %}
Live Example: <https://candidate.codenation.com/>
{% endhint %}

<figure><img src="https://2029999482-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeL-FYaRUlvUn8HHUaD-887967055%2Fuploads%2FGbKTnIdYLAGSC4vixSX5%2Fimage.png?alt=media&#x26;token=5a2f2a65-73e8-41f3-9e39-d8be9b7666f6" alt="Candidate Themes Latest News Section"><figcaption><p>Candidate Themes Latest News Section</p></figcaption></figure>

## Adding a Latest News Section

1. By default if your site has a blog with blog posts, the homepage will automatically show a latest news panel.
   * To hide this panel from the homepage, add the tag `Admin Hide Latest News Section` to the homepage.
2. To add this section to a page other than the homepage navigate to the pages backend in NationBuilder and add the tag `Admin Latest News Section`.

## How to Edit the Preview for Each Blog Post

* The ***title*** of the blog article is directly drawn from the headline of the blog post in NationBuilder.&#x20;
* The ***content*** of the blog article is directly drawn from the first 44 words of the blog post.&#x20;
* By default, the ***thumbnail*** image is drawn from the social media share icon of the blog post. If no image is added, a default picture with your logo will be used. You can update the blog article's thumbnail by navigating to **Blog Post > Settings > Social Media**.&#x20;
* The Latest News section will always display the three most recently published blog posts on the site.