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
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 ...
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 ...
Style & Presentation — Mobile 1st Blogger Template Approach
This post we will guide you on the basic to advance fundamentals of mobile first designs for a web/blog page, then apply it to your Blogger ...
Blogger AMP HTML How To Add EU Cookie Policy Notification Template
Blogger users are very well aware that in order for their blog to be viewed by users in European Union countries, all online publications, w...
How to Check Valid AMP HTML on Blogger Pages (Without #development=1)
When converting your Blogger blog templates & use Accelerated Mobile Pages HTML, constant blog page checking is needed, making sure your...
Working to get connected...
Ooops! We're having trouble connecting. Please refresh your page or contact us...