Installing and customizing a Blogger template correctly is very important for performance, user experience, and Google AdSense approval.
In this guide, I’ll show you how to install the Allito Pro template and customize it step by step from scratch.





🚀 Step 1: Installing the Template Correctly

  1. Go to your Blogger Dashboard

  2. Click on Theme

  3. Choose Edit HTML

  4. Delete all existing code

  5. Paste the template cleaning code first to remove any errors

  6. Click Save

  7. Now paste the Allito Pro template code

  8. Click Save again

✅ Your template is now installed successfully.

🧩 Step 2: Customize the Template from Layout

After saving the template, go to Layout to start customization.

📌 1. Top Navigation Menu

  1. Find the Top Menu section

  2. Click Edit

  3. Add menu names and links for each item

  4. Click Save

✔️ The top navigation menu is now updated.

🖼️ 2. Logo Settings

  1. Upload a logo image with size 320 × 70

  2. Choose the position of the logo text and title

  3. Click Save

✔️ The site logo has been updated successfully.

📂 3. Main Menu Categories

  1. Click Edit on each menu item

  2. Change:
    Category name
    Category image (thumbnail)

  3. Click Save

  4. Repeat the same steps for all menu items

🧱 4. First Featured Section (Main Section)

This section contains two main widgets:

🔹 Widget 1: Section Title & Description

  1. Click Edit

  2. Change the section title and description

  3. Click Save

🔹 Widget 2: Section Items

  1. Click Edit on the first item

  2. Update:
    Item title
    Item description
    Navigation link
    Item image

  3. Click Save

  4. Repeat for the rest of the items

💰 5. AdSense Ad at the Top of the Site

  1. Click Edit

  2. Paste your Google AdSense ad code

  3. Click Save

📝 6. Blog Posts Display Settings

  1. Click Edit on the posts widget

  2. Set the number of posts to 6 posts on the homepage

  3. Click Save

📄 7. Article Ads Configuration

🔸 First Ad (Top of Article)

  • Edit it the same way as other ads

🔸 Middle Article Ad

  • Paste an in-article AdSense ad code (recommended)

🔸 End of Article Ad

  • Use a responsive or multiplex AdSense ad

📊 8. Sidebar Customization

You can add anything you like, such as:

  • Popular Posts

  • Categories

  • Custom widgets

Customize it based on your website content.

🖼️ 9. Middle Site Advertisement

  1. Edit the ad widget

  2. Paste your AdSense code

  3. Image ads are recommended

  4. Click Save

🗂️ 10. First Homepage Category Section

  1. Edit the section title and description

  2. Enter the category name you want to display

  3. Replace the default name (Allito) with your category name

  4. Click Save

🗂️ 11. Second Homepage Category Section

  • Follow the same steps as the first section

  • Change title, description, and category name

  • Click Save

🦶 12. Footer Settings (Very Important for AdSense)

🔹 Footer Section 1

  • Add your website logo

  • Write a short description about your site

🔹 Footer Section 2

  • Add useful links or a custom menu

🔹 Footer Section 3 (Essential Pages for AdSense)

Add the following pages in this exact order:

  1. About Us

  2. Sitemap

  3. Contact Us

  4. Terms of Use

  5. Privacy Policy

Then click Save.