> For the complete documentation index, see [llms.txt](https://docs.probloggertemplates.com/guides/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.probloggertemplates.com/guides/smartmag/getting-started/main-posts.md).

# Main Posts

Access your blog **Layout** > and click on the **Edit Icon** > in the **Latest Posts/Blog Posts** gadget.

Homepage Headline: Display a custom title by changing the text in the **Post page link text** field. To hide the title add `{hide}`.

**Example:**

<figure><img src="/files/86Q52OLWtHbKRtMhdfFw" alt="Main posts" width="531"><figcaption></figcaption></figure>

### Show Author Profile (Author Box)

The Author Box receives the blogger profile informations automatically, As long as your profile is marked as public. Icons are displayed if there are html links in the introduction field.

Supported Icons: `google`, `blogger`, `apple`, `amazon`, `microsoft`, `facebook`, `facebook-f`, `twitter`, `twitter-x`, `x`, `rss`, `youtube`, `skype`, `stumbleupon`, `tumblr`, `vk`, `stack-overflow`, `github`, `linkedin`, `dribbble`, `soundcloud`, `behance`, `digg`, `instagram`, `pinterest`, `pinterest-p`, `twitch`, `steam`, `delicious`, `codepen`, `flipboard`, `reddit`, `whatsapp`, `telegram`, `messenger`, `snapchat`, `discord`, `quora`, `tiktok`, `email`, `share`, `threads`, `mastodon`, `external-link`

Blogger Settings: Go to <https://www.blogger.com/edit-profile.g> Find for **Additional Information** > **Introduction** > and add your description with HTML links.

HTML Link: `<a href="Your Link Here">Icon Name</a>`

HTML Link Example: `<a href="https://facebook.com/probloggertemplates">facebook</a>`

**Example:**

<figure><img src="/files/bM2InF4hvzHP4xEP2RgL" alt="Author description" width="563"><figcaption></figcaption></figure>

{% hint style="info" %}
INFO: The **“Introduction”** text is required for the author box to be displayed! But the links are not required.&#x20;
{% endhint %}

### Comments Settings

The comment settings are intuitive like never seen before. The shortcodes should be added in > **Layou**t > **Blog Posts** > **Comment Format**.

Blogger Shortcode: `$type={blogger}`&#x20;

Disqus Shortcode: `$type={disqus}`&#x20;

Custom Disqus Shortcode: `$type={disqus} $shortname={Your Shortname}`&#x20;

Facebook Shortcode: `$type={facebook}`&#x20;

Facebook Custom Language: `$type={facebook} $lang={Language Code}`&#x20;

Facebook Language Codes: `en_US`, `es_ES`, `ar_AR`, `id_ID`, `th_TH`, `vi_VN`, `pt_BR`, `fr_FR`, `ru_RU`, `de_DE`, `it_IT`

Extra Languages: To use other languages you should check if it is supported by facebook. ([Facebook Languages](https://developers.facebook.com/docs/internationalization)).

**Example:**

<figure><img src="/files/IRyGLHSTJLaV4dkURou1" alt="Comments" width="529"><figcaption></figcaption></figure>

### Embed Media in Blogger Comments&#x20;

The comment settings are intuitive like never seen before. The shortcodes should be added in > **Layout** > **Blog Posts** > **Comment Format**.

Video Shortcode: `{video}YouTube Video URL{/video}`&#x20;

Image Shortcode: `{image}Custom Image URL{/image}`

**Example:**

<figure><img src="/files/ukhygZc4VUAaDtuc2klS" alt="Embed media" width="525"><figcaption></figcaption></figure>