How To Display Sitemaps On Blogger AMP HTML Static Pages
How To Display Sitemaps On Blogger AMP HTML Static Pages - Sitemap is one part of the blog is quite important and is one of the SEO elements of a blog. Sitemap here is a page that displays a site map or table of contents for the visitors of the blog so it will make it easier for visitors to view or search blog content.
One way to display a blog sitemap is to use a script, for that sitemap can not be saved directly on the Blogger page because it will cause an AMP error on the page. For that, one way to display a sitemap on a Blogger static page is to use an amp-iframe by first hosting a sitemap on a third party to be loaded with an iframe.
But as we know that to display an amp-iframe should be stored 70% from the top edge of the screen, otherwise amp-iframe will not show up on the blog. For that I have long been looking for a safe way to be able to display an amp-iframe without having to have a high limit for storing amp-iframe. So that way we can display sitemap in Blogger static page by using amp-iframe which is stored on top of Blogger static page post.
And finally I found a safe way to display the amp-iframe without having to be saved 70% from the top edge of the screen. That is, we can use the image as a placeholder that suppresses the iframe to be further down.
As a demo to show sitemap on static page Blogger AMP HTML by using amp-iframe as follows:
Well if you also want to try to create a blog Sitemap on the static page Blogger AMP HTML, please use the following code and paste in the static page HTML mode for Sitemap.
Please change the URL http://khalistablog.blogspot.com/ with your blog URL and the blog must already use HTTPS.
This trick can also display anything on Pages with an amp-iframe. Good luck and hopefully useful.
Source: https://www.kompiajaib.com/2018/04/menampilkan-sitemap-pada-halaman-static.html
One way to display a blog sitemap is to use a script, for that sitemap can not be saved directly on the Blogger page because it will cause an AMP error on the page. For that, one way to display a sitemap on a Blogger static page is to use an amp-iframe by first hosting a sitemap on a third party to be loaded with an iframe.
But as we know that to display an amp-iframe should be stored 70% from the top edge of the screen, otherwise amp-iframe will not show up on the blog. For that I have long been looking for a safe way to be able to display an amp-iframe without having to have a high limit for storing amp-iframe. So that way we can display sitemap in Blogger static page by using amp-iframe which is stored on top of Blogger static page post.
And finally I found a safe way to display the amp-iframe without having to be saved 70% from the top edge of the screen. That is, we can use the image as a placeholder that suppresses the iframe to be further down.
As a demo to show sitemap on static page Blogger AMP HTML by using amp-iframe as follows:
- Demo Sitemap -
Well if you also want to try to create a blog Sitemap on the static page Blogger AMP HTML, please use the following code and paste in the static page HTML mode for Sitemap.
<amp-iframe title="Sitemap"
src="https://cdn.rawgit.com/KompiAjaib/kompi-html/master/sitemaps-amp.html?url=http://khalistablog.blogspot.com/"
height="750"
layout="fixed-height"
frameborder="0"
sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups">
<amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgCo2esRlPEj1USU3zG6lYBQC6cQPqRsSsN5zPqJUvRm7NmhF6o_iuz4zS1d3GXxK9mVfTROG85uyNzVdok3nFjRtUBQCbS3e6sEZQ5zWoU59BMftJ_6qedQtZTHYtzTh9i9AS-6264WM/s1600/placeholder.png"
layout="fixed-height"
height="360"
width="auto"
placeholder>
</amp-img>
</amp-iframe>
Please change the URL http://khalistablog.blogspot.com/ with your blog URL and the blog must already use HTTPS.
This trick can also display anything on Pages with an amp-iframe. Good luck and hopefully useful.
Source: https://www.kompiajaib.com/2018/04/menampilkan-sitemap-pada-halaman-static.html
this code not showing in english..... plzz check out https://cosmicy.blogspot.com/p/sitemap.html
ReplyDelete