Blogger

Infinite AMP Blogger Template Download & Documentation

Surely Infinite AMP Blogger Template is the best fastest loading amp blogger template ever. The Infinite amp is a fully responsive, SEO friendly, mobile friendly and fast loading template for Blogger.com. The best thing is Infinite amp template support AMP. If you want to make an amp blog on blogger then this template is for you.

10 Best Blogger Templates for Lyrics Website in 2020

Infinite AMP has a very great design with minimalist typography. There are a logo and ad place in the header section of this template. Another ad place below the header section. You can easily place Google Adsense ads easily to that ad place. Because this template is 100% Adsense optimized.

Infinite AMP Responsive Blogger Template 2020

Infinite AMP Blogger Template

Infinite AMP Blogger Template

Features of Infinite Amp Blogger Template

  • Fully Responsive for All Devices
  • Fully Optimized Structured Data
  • Mobile-Friendly Design
  • SEO Friendly Structure
  • Dynamic Header with Navigation
  • Amazing Navigation Menu for better User Experience
  • 100% Valid Schema.org
  • High CTR Ads Placements
  • 2 Column Layout (Main+Sidebar)
  • SEO Optimized Breadcrumbs
  • Footer Menu with Links
  • Related Posts
  • Custom Search Box
  • Social Share Button
  • Lots of Shortcodes
  • Custom Stylish Subscription Widget
  • Support Blogger, Disqus & Facebook Comments

How to Install Infinite AMP Blogger Template

After download the Infinite amp template you need to install it to on your blogger blog. For that follow the step by step below:

  • Log in to Blogger Dashboard
  • Click on Theme from the left sidebar
  • Click on the Three Dotted Icon from the right side
  • Now, if you want to use your old blogger template again then click on Backup otherwise follow the next step
  • Click on Restore
  • A pop-up dialogue box will appear. Just click on Upload and locate the XML file which you just downloaded

How To Share Internet from Android to PC Via USB Cable

How to Customize Infinite AMP Blogger Template

There are lots of things you can customize in Infinite amp blogger template. You can make it so stylish by your choice. Follow the step by step process below and customize.

Customize Navigation Menus

  • Log in to Blogger Dashboard
  • Click on Theme from the left sidebar
  • Click the Three Dotted Icon from the right side and then click on Edit HTML
  • Now search (Ctrl+F) for “#

You’ll get below code

<nav id='menu-navigation' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'> <label class='toggle' for='drop'><span class='fa-bars'>Menu</span></label> <input id='drop' type='checkbox'/> <ul class='menu'> <li><a href='#'>Home</a></li> <li> <label class='toggle' for='drop-1'>Blogger</label> <a href='#'>Blogger</a> <input id='drop-1' type='checkbox'/> <ul> <li><a href='#'>Themes</a></li> <li><a href='#'>Plugins</a></li> <li><a href='#'>Tutorials</a></li> </ul> </li> <li> <label class='toggle' for='drop-2'>Web Design</label> <a href='#'>Web Design</a> <input id='drop-2' type='checkbox'/> <ul> <li><a href='#'>Resources</a></li> <li><a href='#'>Links</a></li> <li> <label class='toggle' for='drop-3'>Tutorials</label> <a href='#'>Tutorials</a> <input id='drop-3' type='checkbox'/> <ul> <li><a href='#'>HTML/CSS</a></li> <li><a href='#'>jQuery</a></li> <li><a href='#'>Other</a></li> </ul> </li> </ul> </li> <li><a href='#'>Graphic Design</a></li> <li><a href='#'>Inspiration</a></li> <li><a href='#'>Contact</a></li> <li><a href='#'>About</a></li> </ul> <button class='search_icon' on='tap:search_box'> <svg viewBox='0 0 24 24'> <path d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z' fill='#ffffff'/> </svg> </button> </nav>
  • Just replace the “#” with your own links also change the text

Customize Footer Menus

  • Log in to Blogger Dashboard
  • Click on Theme from the left sidebar
  • Click the Three Dotted Icon from the right side and then click on Edit HTML
  • Now search (Ctrl+F) for “#

You’ll get below code

<div class='footer-column'> <div class='footer-menu'> <h3>Web Tools</h3> <ul class='footer2 line'> <li><a href='#' title='Contact Form'>Contact Form</a></li> <li><a href='#' title='Disclaimer'>Disclaimer</a></li> <li><a href='#' title='Privacy Policy'>Privacy Policy</a></li> <li><a href='#' title='Daftar Isi Blog'>Sitemap</a></li> <li><a href='#' title='Terms of Service'>Terms of Service</a></li> </ul> </div> <div class='footer-menu'> <h3>Blogger</h3> <ul class='footer2 line'> <li><a href='#' title='Menu 1'>Menu 1</a></li> <li><a href='#' title='Menu 2'>Menu 2</a></li> <li><a href='#' title='Menu 3'>Menu 3</a></li> <li><a href='#' title='Menu 4'>Menu 4</a></li> <li><a href='#' title='Menu 5'>Menu 5</a></li> </ul> </div> <div class='footer-menu'> <h3>About</h3> <p class='footer2'> Google today announced IT admins can now apply policies to Chrome on Android and iOS. <div class='clear'/> <div class='infinimed'> <a class='facebook' href='#' rel='nofollow' target='_blank'/> <a class='twitter' href='#' rel='nofollow' target='_blank'/> <a class='googleplus' href='#' rel='nofollow' target='_blank'/> <a class='rssfeed' href='#' rel='nofollow' target='_blank'/> </div> </p> </div> </div>
  • Just replace the “#” with your own links also change the text

Customize SEO Meta Tags

Search and replace all XXXX posts with your blog’s description (if not needed, delete or leave it also does nothing)

<meta content='BLOG_KEYWORDS' name='keywords'/><link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/><meta content='GOOGLE_VERIFICATION_CODE' name='google-site-verification'/><meta content='BING_VERIFICATION_CODE' name='msvalidate.01'/> <meta content='YOUR_NAME' name='Author'/> <meta content='https://www.facebook.com/FACEBOOK_PAGE_URL' property='article:author'/>  <meta content='FACEBOOK_APP_ID' property='fb:app_id'/><meta content='TWITTER_USERNAME' name='twitter:site'/>

Add Google Analytics Code

Search for UA-XXXXX and replace it with your Google Analytics code

<amp-analytics id='analytics1' type='googleanalytics'> <script type='application/json'> { &quot;vars&quot;: { &quot;account&quot;: &quot;UA-XXXXX&quot; }, &quot;triggers&quot;: { &quot;trackPageview&quot;: { &quot;on&quot;: &quot;visible&quot;, &quot;request&quot;: &quot;pageview&quot; } } } </script> </amp-analytics>

Add Custom Subscription Box

  • Login to Blogger
  • Go to Layout section from the left sidebar
  • Click on Add a Gadget
  • Select HTML/Javascript
  • Paste the below code
<div id='subscribeBOX'> <div class='emailCol'> <form action='https://feedburner.google.com/fb/a/mailverify?' method='get' novalidate='' target='_blank'> <input name='email' placeholder='Your Email' required='required' type='email'/> <input name='uri' type='hidden' value='Infiniteidn'/> <input class='Submitter' type='submit' value='Subscribe'/></form></div></div>
  • Change Feedburner URL

Add Stylish Buttons

There are lots of stylish buttons you can add in your blog when you’re using Infinite amp template. Below the code of those buttons:

Ripple Buttons

 <div><ul class="ripplelink button"><li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li><li><a class="download" href="YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li></ul></div><div class="clear"></div>
Conclusion

Hope above Infinite amp blogger documentation will help you to customize the template properly. If so please share this post to others to support us.

Leave a Comment