This is a step by step guide on how to apply AMP based template your blog. We make use of the custom template feature in blogger for this purpose.
- Download our AMP template from the GitHub repo.
- Go to blogger.com dashboard.
- Click on the theme option in the sidebar.
- Click on the Backup / Restore option in the top right corner of the screen.
- In the popup window you will be provided an option to download the
existing blog template. Download the current template just in case of
backup.
- Now click on the upload template button.
- Select the previously downloaded template file.
- Now the AMP theme will be shown on desktops but mobile website will still be showing you the old theme you had.
- To solve this, click on the settings icon at the bottom of the mobile theme.
- Select "" option to show the responsive AMP theme on mobile too.
For further Reference: