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
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 ...
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 ...
Fix Pinterest AMP-Social share image_url Issues Blogger AMP HTML Theme
Since July 2017, Pinterest amp-social-share button/plugin displays image_src errors when sharing directly from your blog posts or pages -- ...
Publish Blogger Posts with Valid AMP Page — Stuffs to Consider & Workaround
Blogger makes it easy to write articles or posts, upload images, videos, text highlighting, format paragraphs according to blog/web owner pr...
Adding Custom Fonts for Blogger With AMP HTML - Whitelisted Font Providers
Blogger template or any website HTML with AMP integration can not include external stylesheets. However there are several font service provi...
Working to get connected...
Ooops! We're having trouble connecting. Please refresh your page or contact us...