Blogger Text

My Aim to Provide you quality contents, Tips & Tricks, Software, Microsoft Office, Graphic Editing (Adobe PhotoShop, After Affects, Illustrator, inDesign) Corel Draw, Corel Video Studio, Cyberlink PowerDirector, Power ActionCinema, Tutorials about Blogging and VU Assignments, Quizes & GDB Solutions and Much More... at regular Basis
                                     ***    Kindly Subscribe our Official YouTube Channel "INFOPALACESS OFFICIAL-Tuts: in this channel we upload Programming (C,C++,C# JAVA, PHP), Web Development, Graphics Editing and Microsoft Office Step by Step Tutorials from bigginer to Advance Level. We also provide free online courses at our YouTube Channel. ***   Graded Assignments/Quizes and GDB will start in Next Week. Solution ideas of All assignments, Quizes and GDB will be available here. If you have any problem regarding this then you can contact us.

Convert any Website into AMP to load it Faster AMP Pic

AMP- (stands for Accelerated Mobile Pages ) was introduced by Google in October of 2015. AMP is an open-source custom web development framework created to speed up the loading time of web pages on mobile devices.
While the idea of having a faster mobile internet with content that loads instantly sounds like a great idea, there is a lot of concern among web developers when it comes to AMP. And these concerns should have publishers equally worried. AMP has many pro’s and con’s which I will discussed later.
Here I am going to tell you that how to implement AMP in to your website or blog.

Implementing AMP is very easy but it definitely creates confusions for newer publishers. They don’t know how to convert normal website in to AMP which boost their website.

To implement AMP, first of all you need to go to your website templet editor and them go to Themes à Edit Theme afterward just follow these simple steps:


To make your blog faster by implementing AMP, here you need to “Change HTML” tag to do this find the <html> tag and replace it with following code.

                            <html amp=’amp’>    .


Now find <head> tag (by pressing Ctrl+F to open search box) and then copy and paste the following code below the <head> tag.  It is to inform you that following meta tag is called View Port and Char Tag.

<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">


Make sure that your blog or website is discoverable. You can make it discoverable by using canonical tag. By implementing this tag Now, Google uses the AMP web version as signal for SEO Ranking. If a Canonical tag is not present in your tag then just copy and also paste the following code below the <head> tag after Viewport tag which already mentioned in Step2.

<link rel="canonical" href="" />
 <link expr:href='data:blog.url' rel='canonical'/>


Now find </head> tag and Copy and Paste following code above the </head> tag to make your blog or website mobile friendly with AMP.

amp-boilerplate='amp-boilerplate'>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal
both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes
<script async='async' src=''></script>

Important Information:


Normally, we use <img> tag for image but in AMP we have to use amp-img instead of only<img>. Therefore, change the img tags into amp-img tags like the following example:

<amp-img src=" alt="infopalacess" height="500" width="500"></amp-img>
If you will not change this <img> tag into <amp-img> then your website or blog would show pictures.

Post a Comment