3schools provides a premium AMP blogger template for free. This template is only used if you want to create web stories in blogger using our Make Stories tool.

If you are new to this topic, I would suggest you to read it from the first step How to create web stories in Blogger otherwise, you can ignore this message.

Demo & Download.

You can preview the blogger template and also download from our official site for free.

AMP premium Blogger template for Google Web Stories By 3schools.in
Demo Download

Updated Version 5.

Download the updated version if you want to create posts and web stories together.

Create web stories in the post section and create article in the page section.
First, create a new page with title home. Then, go to the layout section.
Demo Download

All the features of this blogger template are described below.

Features of Blogger Stories Template.

  1. 100% AMP valid
  2. 100% valid Web Story
  3. Responsive Design
  4. Fast Loaded
  5. Seo Friendly
  6. And Much More..

How to upload this AMP template in Blogger. #

If you are thinking to upload this blogger template just by clicking the restore button, I shall not recommend it.

  1. First, download this blogger template from the above button.
  2. Open the downloaded XML file in a code editor like vs code, notepad++ etc.. For mobile users, I will recommend to download a code editor from Play Store or Apple Store (Acode, anWriter free etc.).
  3. Now copy the all code and go to Blogger.
  4. In the Theme section, click on the drop-down button => Edit HTML.

    5. [1] Enable Desktop Site on Mobile devices

    [2] Tap on the 3 vertical dots for the menu.

    [3] The desktop site can be enabled by selecting the checkbox.

    [4] The page will reload automatically.

  5. Now remove all the code from there and paste the copied code.
  6. Finally, click on the save button.

You may get some errors! how to fix?

More than seven users have already contacted me with some errors and how I solved those errors..

  1. Go to the Earnings section of your Blogger account and click on the Remove AdSense button (Only if you can see).
  2. Visit this link and upload an image from the Profile Photo section (don't forget to select your original email).
  3. Don't copy any web story! You must use one of our online tools to create a valid web story. [Visit this link and chose one of those tools]
  4. Go to the Settings section of your Blogger account and Enable search description.
    Enable blogger search description
    Now, whenever you create a new web story, you must enter Search description for the post (web story).
Is your AMP page or Web Story valid?
Visit this link to check.

How to display AdSense Ads.

  1. First go to the Blogger's theme section.
  2. Click the Edit HTML button from the drop-down.
  3. Now, find the ads code and replace it as shown in the below image.
    • Remove the html comments.
    • Replace the publisher IDs and ad slot IDs.

Before :

before

After :

after