Header Ads Widget


Hello dosto aaj main bloggers bhaiyo ke liye ek new topic ke article le kar aaya hoon. Iss article pe main aappko Blogger/Blogspot blog par kaise AMP setup karte hai iski jaankari dene wala hoon



AMP ka full form hai accelerated mobile pages



-->

Google AMP Kya Hai?

 

Google AMP ke haal he main apni ek report pe kaha hai ki google pe search ki gayi queries pe zyada tar 80% views mobile ke zariye he blog ya website visite karte hai.




Isiliye Google ne mobile blog ke view ko dhyaan mein rakhte huye AMP page start kiya jisse logo ko kisi bhi website ka view mobile friendly mil sake.



how to implement amp in blogger Blog (ब्लॉगर ब्लॉग पे AMP कैसे एम्प्लेमेंट करे?)

 

Step 1 amp html blogger


Sabse pe aap apne blogger dashboard pe jaye phir >>> Template ->>>Backup your template kar le aur use apne desktop ya kisi aur location par save kar rakh le.


Ab Blogger Dashboard ->> Template ->> Edit Template par jaye

<html> code ko diye gaye code se replace kar de

<html amp=’amp’>


Step 2 Add Charset and Viewport Meta Tags:

 

ab aap viewport meta tags ko search kare, agar aapke blog template pe nahi hai to nice diye gaye code ko copy kar paste kar de <head> tag ke baad

<meta charset=”utf-8″>

<meta name=”viewport” content=”width=device-width,minimum-scale=1,initial-scale=1″>


Step 3: Setup AMP CDN: 

 

Niche diye gaye code ko </head> tag band hone ke pehle paste kar save kar de.


<style 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 -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate=’amp-boilerplate’>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async=’async’ src=’https://cdn.ampproject.org/v0.js’></script>




Step 4: Image par AMP Setup kare:

 

Aapke blog pe jitne bhi images hai sab ke tag ko diye gaye code se change kar de
<amp-img src=”devanagaritech.jpg” alt=”amp-img” height=”500″ width=”500″></amp-img>

Ab aapka blog amp blogger template se taiyaar ho gaya hai.



Agar aapko coding karna pasand nahi hai aur ya aap apna blog abhi tak thik se shuru nahi kiya hai to aap amp blogger templates jo ki bahut se websites pe available hai download kar

Blogger blog ko amp enable bana sakte hai



I hope aapko ye article aapke blogger blog ko Google AMP support karne mein help karega. Accelerated
Mobile Pages Google-backed ka ek project hai aur Blogspot jo ki Google’s blogging platform AMP ko support nahi karta.

Lekin blogger ke amp enable hone ka intezaar kyu kare jab ki hum khud he customize kar khud ke blog ko amp enable bana sakte hai.


Agar Google AMP banana mein aapko koi problem ho rahi ho to hame comment zaroor kare hum aapki problem ko solved karne ki kosis karenge.
और नया पुराने