Helpful Links

1. Header Logo

Access your blog Layout > and click on the Edit Icon > in the Header Logo (Image) gadget.

Example:

Site Logo

2. Header Menu

Access your blog Layout > and click on the Edit Icon > in the Header Menu gadget.

2.1. Default Links and SubLinks

Default Link Example: Features
SubLink Level 1 Example: _Level 1 “Before the Title add 1 underscore
SubLink Level 2 Example: __Level 2 “Before the Title add 2 underscore

Example:

Menu Links

2.2. Mega Menu

Shortcode: {getPosts} $label={Your Label}
Shortcode Label: label or recent

What are Label?

Post Label

Example:

Mega Menu

3. Header ADS

Access your blog Layout > and click on the Add a Gadget > HTML/JavaScript, Image or AdSense > in the Header ADS section.

Example:

Ad Code

4. Main Posts

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

Example:

Blog Posts

4.1. Comments Settings

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

Blogger Shortcode: $type={blogger}
Disqus Shortcode: $type={disqus}
Custom Disqus Shortcode: $type={disqus} $shortname={Your Shortname}
Facebook Shortcode: $type={facebook}
Facebook Custom Language: $type={facebook} $lang={Language Code}
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

Example:

Comments Settings

5. Table of Contents

This function is available for posts and pages and can be added easily via shortcode.

Shortcode: {getToc} $title={Table of Contents}

Example:

Table Of Contents

6. In-Article ADS on “Post Page”

Access your blog Layout > and click on the Add a Gadget > HTML/JavaScript, Image or AdSense > in the sections Post ADS 1 and Post ADS 2.

Example:

Ad Code

6.1. Move Ads to Inside The Post Content

ADS 1 Shortcode: $ads={1}
ADS 2 Shortcode: $ads={2}

Example:

Move Ad

7. Author Box

The widget receives the blogger profile informations automatically, As long as your profile is marked as public. The icons are displayed if there are links in the introduction.

Supported Icons: blogger, apple, amazon, microsoft, facebook, facebook-f, twitter, 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, 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>

8. Related Posts

Access your blog Layout > and click on the Edit Icon > in the Related Posts gadget.

Shortcode: $results={Number of Results}

Example:

Related Posts

9. Post ADS 3

Access your blog Layout > and click on the Add a Gadget > HTML/JavaScript, Image or AdSense > in the Post ADS 3 section.

Example:

Ad Code

10. Social Icons on Sidebar

Access your blog Layout > and click on the Add a Gadget > Link List > in the Sidebar section.

Supported Icons: blogger, apple, amazon, microsoft, facebook, facebook-f, twitter, 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, external-link

Example:

Social Icons

11. Post Gadgets on Sidebar

Access your blog Layout > and click on the Add a Gadget > HTML/JavaScript > in the Sidebar section.

Shortcode: {getPosts} $results={Number of Results} $label={Your Label} $type={Gadget Type}
Shortcode Type: default, comments
Shortcode Label: label or recent

Posts Example:

Sidebar Posts

Comments Example:

Post Comments

12. Footer ADS

Access your blog Layout > and click on the Add a Gadget > HTML/JavaScript, Image or AdSense > in the Footer ADS section.

Example:

Ad Code

13. About Section

Access your blog Layout > and click on the Edit Icon > in the About Section gadgets.

13.1. About Us

About Us

13.2. Follow Us

Supported Icons: blogger, apple, amazon, microsoft, facebook, facebook-f, twitter, 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, external-link

Example:

About Us Social Icons

14. Footer Copyright (Premium)

Access your blog Layout > and click on the Edit Icon > in the Footer Copyright gadget.

Example:

Footer Credits

15. Footer Menu

Access your blog Layout > and click on the Edit Icon > in the Footer Menu gadget.

Example:

Footer Menu

16. Cookie Consent

Access your blog Layout > and click on the Edit Icon > in the Cookie Consent gadget.

Shortcode: $ok={Button Text} $days={Expires Days}

Example:

Cookie Consent

17. Site Feed

Access your blog Settings > and go to Site Feed > Allow Blog Feed.

Example:

Site Feed

18. Theme Options

18.1. Deafult Thumbnail

Access your blog Layout > and click on the Edit Icon > in the Theme Options > Default Thumbnail gadget.

Example:

Default Thumbnail

18.2. JSON Variables

Access your blog Layout > and click on the Edit Icon > in the Theme Options > JSON Variables gadget.

{
    dateFormat: "{m} {d}, {y}",
    monthName: {
        jan: "January",
        feb: "February",
        mar: "March",
        apr: "April",
        may: "May",
        jun: "June",
        jul: "July",
        aug: "August",
        sep: "September",
        oct: "October",
        nov: "November",
        dec: "December"
    }
}

dateFormat: default is {m} {d}, {y}
monthName: default is January, February, March, April, May, June, July, August, September, October, November, December

Example:

Json Variables

19. How to Customize This Template?

Access your blog Theme > and click on the Customize button > and find Background and Advanced options.

Available Options: Theme Options, Widths, Background Image, Colors, Fonts and more.

Customize Starter Blogger Template

19.1. Native Dark Mode

Starter Native Dark Mode

19.2. Boxed Mode

Starter Boxed Mode

19.3. Left Sidebar

Starter Left Sidebar

19.4. Colors and Fonts

Starter Colors and Fonts

20. Video Tutorial