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 ...
Getting Started — Create Your 1st AMP Blogger Blog Pages
This post is a good reference & guide on how to integrate Blogger templates & use Accelerated Mobile Pages (AMP HTML) fundamentals w...
Dynamically Add and Check Mobile Friendly Test by Google on Blogger Pages
Blogger users are well aware the importance of having mobile friendly blog pages for their Blogger blog designs in order to take advantage i...
Display Instagram Feed & Followers for AMP HTML Blogger Themes
Add Instagram posts, feed, followers & following count is made super easy for AMP HTML integrated Blogger blogs by using amp-iframe co...
Display Popular Post Image Slider with amp-carousel for Blogger Templates
AMP HTML integrations does not mean that your Blogger blog or website pages will look stripped down due to javascript/HTML limitations. AMP ...
Working to get connected...
Ooops! We're having trouble connecting. Please refresh your page or contact us...