Topics

Create Blogger AMP HTML template install & download Accelerated Mobile Pages themes for Blogspot platform.


Add Layout — Blogger Sections & Widgets with AMP

Add Layout — Blogger Sections & Widgets with AMP
In this post we will guide you on the basic techniques to create a new layout section on Blogger template. This will help you add, edit, update or remove Blogger widgets while still using Blogger's existing dashboard functionalities.

We will also determine on what attributes or name convention that can be used either for a Blogger template or when using AMP HTML web page format.



If you have not yet setup a clean Blogger template with AMP components, we have the full tutorial guide here http://blogr-amp.blogspot.com/2016/11/getting-started-create-your-1st-amp.html . We will start our guide from where we have left off at previous tutorial.

Add New Blogger Section The purpose of this exercise is to create additional sections to include new widgets for your blog layout. We will add a section to add widgets for navigation links & sections to add widgets at sidebar & footer.

At your template HTML, find the <header> tag & copy and paste below codes after/below the id=&#…
Read Full Article
Blogr-AMP Blogger AMP HTML TemplateRated 5/5 based on 98 reviewsStep-by-step guide how to create new layout sections for Blogger template with Accelerated Mobile Pages HTML in consideration, prevents unwanted usages of attributes, cleaner template mark-ups, recognizable attributes naming convention and preparation before adding style & presentation using the mobile 1st design approach. Easy to access references which will allow to further enhance Blogger pages layout/designs & future enhancements.Blogr-AMP: Add Layout — Blogger Sections & Widgets with AMP
5/ 5
Best AMP Blogger template, Blogr-AMP exceeded my expectations. Search engine friendly, easy to use, backed by great support In this post we will guide you on the basic techniques to create a new layout section on Blogger template. This will help you add, edit, upd....

Disqus Comments

Facebook Comments

Working to get connected...

Ooops! We're having trouble connecting. Please refresh your page or contact us...

Most Popular This Week

Theme Version History (V1)

It is always good to provide a version history to keep track on your Blogger template/theme changes & updates. This will provide your te...

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 ...

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...

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 ...


Working...

Ooops! We're having trouble connecting...