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…
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
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
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, & ...
Theme Version History (V2)
Blogr-AMP (V2) Blogger theme version history helps to keep track on this particular Blogger template/theme changes & updates. This will ...
Prepare Blogger Blog's for GDPR (EU-DSGVO) -- Make it Clear & Transparent?
This coming 25th May 2018, EU will enforce the General Data Protection Regulation (GDPR -- also known as EU-DSGVO), where all web site owner...
Add AMP Sidebar on Blogger Template Tutorial with Navigation Links
Create accessible navigation links on mobile devices (small screen sizes) becomes easier with ready built components provided by Accelerated...
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...