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 blog templates, of course with Accelerated Mobile Pages AMP HTML & components.
What you will achieve will be a fluid & responsive design web/blog layout, consistent web page text display, easy-to-refer page styling references, which will make your themes tidier & neat, while looking awesome in any device screen sizes.
In this tutorial, we assume that you have some basic knowledge of CSS (cascading stylesheets) & HTML. But if you don't, this tutorial will be a good reference to learn-while-doing method when customizing your blog/web pages/template. Below screenshot is what you will achieve after this exercise.
If you have not 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 .
If you require to add more Blogger s…
Style & Presentation — Mobile 1st Blogger Template Approach
Blogr-AMP Blogger AMP HTML TemplateRated 5/5 based on 98 reviewsApply mobile 1st template design approach on Blogger templates with Accelerated Mobile Pages AMP fundamentals, full tutorial & guide adding amp-custom CSS styles at blog themes create a web/blog design with a fluid layout, consistent use of fonts & line spacing, starting web build from mobile views and on wards to larger screen sizes.Blogr-AMP: Style & Presentation — Mobile 1st Blogger Template Approachirsah
5/ 5
Best AMP Blogger template, Blogr-AMP exceeded my expectations. Search engine friendly, easy to use, backed by great support 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 ....
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...