LinkMagz Template Configuration

A complete guide to configuring the LinkMagz template after it has been installed on your blog.

Prerequisite

Make sure you already understand the basics of Blogger, such as creating posts, static pages, and installing widgets. This guide focuses on template settings, not a Blogger tutorial from scratch.

Configuration List

Setting	Description
Setting Code	Template feature configuration
Navigation Menu	Menu below the header
Footer Menu	Static page menu in the footer
Social Media Icons	Links to social media accounts
Product Posting	Product/service postings
Advertorial Posting	Ad/sponsor postings
TOC	Table of contents in postings
Logo	Replace text title with a logo
Footer	Text at the bottom of the blog
Favicon	Small icon in the browser tab
Modification	Change colors & appearance

---

Template Setting Code

LinkMagz template features can be customized using setting code.

How to Create & Install

1. Create setting code at the LinkMagz Generator Tool
2. Copy the generated code
3. Open Layout in the Blogger dashboard
4. Find the "Template Setting Code" widget → click Edit
5. Paste the code in the Content section
6. Click Save

Optional

The setting code is optional. If it is not installed, the template will use the default settings.

---

Adding a Navigation Menu

The navigation menu is located below the header.

1. Create menu code at the Menu Generator Tool
2. Copy the generated code
3. Open Layout
4. Find the "Navigation Menu Code" widget → click Edit
5. Paste the code in the Content section
6. Click Save

---

Displaying Static Page Menu

The menu in the footer uses the built-in Blogger widget (not HTML code).

1. Open Layout
2. Find the "Static Page Menu" widget → click Edit
3. Select or enter the URL of the page you want to display
4. Click Save

---

Adding Social Media Icons

1. Create icon code at the Social Media Icon Generator Tool
2. Select the platform and enter the profile URL
3. Copy the generated code
4. Open Layout
5. Find the "Social Media Icons" widget → click Edit
6. Paste the code in the Content section
7. Click Save

---

How to Post Products and Services

Product/service postings are different from regular postings — they must use special HTML code.

Steps

1. Prepare the product image URL

   • Upload the image first
   • See guide: How to Upload Images

2. Create product HTML code at the LinkMagz Posting Tool

3. Create a new post

   • Open the Blogger dashboard → New post
   • Click the HTML mode in the editor (not Compose)
   • Paste the HTML code that has been created

4. Add a label (required)

Post Type	Valid Label
Product	Produk or Products
Service	Jasa or Services

5. Click Publish

Case-Sensitive

The label name must be exactly the same, including capitalization. Example: Produk not produk.

---

How to Post Advertorials

The method for posting advertorials/ads is the same as regular postings (without special HTML code).

Labels Used

Valid Label
Advertorial
Iklan
Sponsor

---

How to Enable TOC

TOC (Table of Contents) displays a table of contents in the post.

How to Install

1. Edit the post in HTML mode
2. Paste the following code in the desired location:

<div id="toc"><b class="toc"></b></div>

3. Click Update

Condition for TOC to Appear

The post must have heading tags <h2> or <h3>.

---

Replacing the Title with a Logo

1. Prepare the logo image file (PNG/JPG format)
2. Open Layout
3. Click Edit on the Header widget
4. Click Upload image → select the logo file
5. In the Placement section, select "Instead of title and description"
6. Click Save

Tips for Creating a Logo

✅ Correct	❌ Incorrect
Elongated shape (horizontal)	1:1 square shape
Free size, proportional	Too big/small

---

Editing the Footer Text

1. Open Layout
2. Find the "Footer Text" widget → click Edit
3. Enter the desired text (example: "© 2025 Your Blog Name")
4. Click Save

---

Changing the Favicon

The favicon is the small icon that appears in the browser tab.

1. Prepare a favicon image (square, maximum 100KB)
2. Open Settings in the Blogger dashboard
3. Scroll to the Basic section
4. Click Favicon → upload the image
5. Click Save

Favicon Not Changing?

• In the browser: Press Ctrl + Shift + R for a hard refresh
• In Google: It takes a few days/weeks to update

---

Configuring Post Appearance

You can hide elements such as labels, dates, and comments.

1. Open Layout
2. Find the "Blog Posts" widget → click Edit
3. Uncheck the elements you want to hide
4. Click Save

---

Template Appearance Modification

There are 2 ways to change the color and appearance of LinkMagz:

Method	Advantages	Disadvantages
Theme Designer	Easy, no code	Lost when updating the template
Custom CSS Widget	Permanent when updating	Need to understand basic CSS

Method 1: Via Theme Designer

1. Open Theme → click Customize
2. Select Advanced
3. Change the colors as desired
4. Click Save

---

Frequently Asked Questions (FAQ)

Widget Does Not Appear / Display Error

1. Make sure the "Visible" option is checked in the widget settings
2. If the error persists, try deleting the widget and reinstalling it

Comment Section Does Not Appear

Solution	Steps
Solution 1	Settings → Comments → Comment Location → select "Embedded"
Solution 2	Layout → edit "Blog Posts" → check the comment option
Solution 3	Edit the post → check the comment option in the lower right

Post Does Not Appear on Homepage

See the solution in this article.

Recommended Image Sizes

Image Type	Ratio	Example Size
Logo	Elongated (horizontal)	200 x 50 px
Regular Post	16:9	800 x 450 px
Product / Service	1:1	800 x 800 px

Ratio Calculator

Use Calculate Aspect Ratio to calculate image sizes.

How to Add a Download Button

Edit the post in HTML mode, then enter the following code:

<div style="text-align: center;">
<a class="buttonDownload" href="#">Download</a>
</div>

Replace the # sign with the download destination URL.

How to Maximize Loading Speed

Tips	Description
Disable Navbar	Layout → turn off the Navbar widget
Compress images	Use Kraken.io
Limit widgets	Install only the widgets that are really needed

How to Add a Meta Description

Open Settings → Search Description → Enable and fill in a short description of your blog (150-160 characters).

Is It Necessary to Add Meta Keywords?

Not necessary. Meta keywords no longer affect SEO. The LinkMagz template automatically sets meta keywords.