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=&#…
Add Layout — Blogger Sections & Widgets with AMP
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 AMPirsah
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
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 ...
AMP HTML for Blogger Theme with E-Commerce & Shopping Cart
In the middle of July 2017, we introduced the 7th edition for BlogrCart Blogger themes with e-commerce functionality. Create online web sto...
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 ...
Display In-Contents Ads for Blogger Themes with AMP HTML
AMP HTML have allowed blogs on Bloggers to display blog pages insanely quick on the web or mobile devices . Blog posts & pages instantly...
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...
Working to get connected...
Ooops! We're having trouble connecting. Please refresh your page or contact us...