Add AMP Sidebar on Blogger Template Tutorial with Navigation Links
Add AMP Sidebar on Blogger Template Tutorial with Navigation Links
Blogr-AMP Blogger AMP HTML TemplateRated 5/5 based on 98 reviewsEasily add amp-sidebar with Blogger template use Accelerated Mobile Pages AMP components. Add navigation links, menu, buttons which is hidden on page view but revealed when the assigned button is clicked/tapped upon. Find what AMP components that has been restricted & how to style the amp-sidebar component to blend in with the current style used at Blogger templates. This tutorial also provide easy to use codes with screenshots for easy implementation on template.Blogr-AMP: Add AMP Sidebar on Blogger Template Tutorial with Navigation Linksirsah
irsah
Create accessible navigation links on mobile devices (small screen sizes) becomes easier with ready built components provided by Accelerated Mobile Pages AMP-js. Blogger blog owners can add additional links, buttons, additional menus which is hidden at first but revealed with a tap of a button.
The amp-sidebar Component As described at AMP Project website the amp-sidebar is:-
Provides a way to display meta content Write your blog like you normally would for temporary access (navigation links, buttons, menus, etc.).The sidebar can be revealed by a button tap while the main content remains visually underneath - AMP Project amp-sidebar
Like any other amp-components, the dedicated amp-js files must be included too. Users can include any HTML elements. Below are restricted AMP componets that may not be applied with amp-sidebar:-
<amp-accordion><amp-img><amp-fit-text><amp-list><amp-live-list><amp-social-share>
How to Add amp-sidebar on Blogger Templates In…
The amp-sidebar Component As described at AMP Project website the amp-sidebar is:-
Provides a way to display meta content Write your blog like you normally would for temporary access (navigation links, buttons, menus, etc.).The sidebar can be revealed by a button tap while the main content remains visually underneath - AMP Project amp-sidebar
Like any other amp-components, the dedicated amp-js files must be included too. Users can include any HTML elements. Below are restricted AMP componets that may not be applied with amp-sidebar:-
<amp-accordion><amp-img><amp-fit-text><amp-list><amp-live-list><amp-social-share>
How to Add amp-sidebar on Blogger Templates In…
5/ 5
Best AMP Blogger template, Blogr-AMP exceeded my expectations. Search engine friendly, easy to use, backed by great support Create accessible navigation links on mobile devices (small screen sizes) becomes easier with ready built components provided by Accelerated....
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 ...
Dynamically Add and Check Mobile Friendly Test by Google on Blogger Pages
Blogger users are well aware the importance of having mobile friendly blog pages for their Blogger blog designs in order to take advantage i...
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...
Pop Up Follow/Subscribe by Email Widget for AMP HTML Blogger Themes
Follow by Email or Subscribe Blogger blog via email helps blog owners to get better engagement with readers & followers -- blog audienc...
Accelerated Mobile Pages on Blogger — Is it Possible?
We have received hundreds of requests daily by Bloggers (& web store owners) who is using Blogspot platform as a medium to publish their...
Working to get connected...
Ooops! We're having trouble connecting. Please refresh your page or contact us...