When converting your Blogger blog templates & use Accelerated Mobile Pages HTML, constant blog page checking is needed, making sure your blog pages are AMP valid at all times.
To check a valid AMP Blogger page is pretty easy when you can append #development=1 at your browser URL bar & automatically view the errors at your browser console log.
But what if you need instant access to check for AMP validation? Below we will share how to easily create a link anywhere in your Blogger powered AMP template for you to check your page for AMP specific validation purposes.
Before doing so, backup your template to your computer.
Click Edit HTML and find <body> (or anywhere in your template that might be suitable to reach from your blogger page).
Copy below codes and save it in your template.
<a expr:href='"https://validator.ampproject.org/#url=" + data:blog.url + "%3Fm%3D1"' target='_blank'>CHECK VALID AMP</a>
Click Save …
How to Check Valid AMP HTML on Blogger Pages (Without #development=1)
Blogr-AMP Blogger AMP HTML TemplateRated 5/5 based on 98 reviewsInstantly check Blogger template powered AMP HTML pages for errors without the usage of ?development=1 in web browser. Using ampproject website services instead to view possible modifications made at Blogger template HTML are valid & does not have errors. Works well during blog development when adding new HTML elements (from other sources) using blogger gadgets/widgets which may generate errors when it is applied & saved.Blogr-AMP: How to Check Valid AMP HTML on Blogger Pages (Without #development=1)irsah
5/ 5
Best AMP Blogger template, Blogr-AMP exceeded my expectations. Search engine friendly, easy to use, backed by great support When converting your Blogger blog templates & use Accelerated Mobile Pages HTML, constant blog page checking is needed, making sure your....
Disqus Comments
Facebook Comments
Most Popular This Week
AMP HTML for Blogger Theme with E-Commerce & Shopping Cart
In the middle of July 2017, we introduced the 7th edition for BlogrCart Blogger themes with e-commerce functionality. Create online web sto...
Add Facebook Live Messenger Chatbox Placeholder for Blogger Theme with AMP HTML
Facebook Messenger Live Chatbox for Blogger themes available here been a hit ever since we shared the full working tutorial, codes, & ...
BlogrAMP Now in Version 2 Better Blog-ing Experience for 2018
Since early March 2017, we have started our next phase for Blogr-AMP Blogger theme with AMP HTML integrations. We wanted to fully utilize ...
Getting Started — Create Your 1st AMP Blogger Blog Pages
This post is a good reference & guide on how to integrate Blogger templates & use Accelerated Mobile Pages (AMP HTML) fundamentals w...
Blogr-AMP (V2) Blogger Theme Supports RTL Language Direction
Due to the many requests by users using Right to Left (RTL) language direction, for example Arabic, Tamil languages, now BlogrAMP version 2 ...
Working to get connected...
Ooops! We're having trouble connecting. Please refresh your page or contact us...