Post Reply 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
How To Do AMP In Blogspot Blogger
03-14-2017, 08:48 PM (This post was last modified: 03-14-2017 08:49 PM by proyas.)
Post: #1
How To Do AMP In Blogspot Blogger
How to be AMP to your current blogspot/ blogger blog? Dont worry is here to solution for your problem. Few days ago we share AMP in Wordpress & Search Engine Optimization for (2017-18).
In recent past 2016 google announced there new algorithm of search result [serps] quick action. The Accelerated Mobile Page (AMP) is most one of them. This is your key to success and stop bounce rate. Thats help you to find more visitor and google help you to be the number one page.

Step 1:
Replace <html> code with the following code:

PHP Code:
<html amp='amp'

Step 2:
Check for the for the charset and viewport meta tags. If not present, copy and paste the following code after <head>.

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

Step 3:
Make your blog discoverable using canonical tag. Check for the for the canonical link tags. If not present, add the canonical link like <link rel="canonical" href="" /> which will simply point to itself. Copy and paste the following code after the viewport tag.

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

Step 4:
Replace </head> code with the following code:

PHP Code:
<style amp-boilerplate='amp-boilerplate'>body{-webkit-animation:-amp-start 8s steps(1,end0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end0s 1 normal both;animation:-amp-start 8s steps(1,end0s 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=''></script>

Step 5:
Change the img tags into amp-img tags like the following example:

PHP Code:
<amp-img src="AmpImage.jpg" alt="amp-img" height="500" width="500"></amp-img

এই কোড গুলো যোগ করে আপনি আপনার বর্তমান টেমপ্লেট কে কাষ্টম AMP করে নিতে পারেন ।
তাছাড়া আপনারা চাইলে এই টেমপ্লেট টি আমাদের থেকে নিতে পারেন ।
এটি একটি ফুল AMP Blogger Blogspot টেমপ্লেট । যাতে অতিরিক্ত কোন কোড যোগ করার ঝামেলা নেই । এটি সরাসরি পাবলিকলি দেয়া গেলো না কপির ভয়ে অনেকেই এটি নিজের নামে চালিয়ে দেবেন তাই । এটি আমার সংগৃহীত । যার বর্তমান মুল্য ৫ ডলার বা ৪০০ টাকার মত । তাই কেউ চাইলে কমেন্ট করুন । ফ্রিতেই পাবেন ।

বিঃদ্রঃ আমাদের নতুন ফেসবুক কমেন্ট চালু হয়েছে ।

Now, I hope it will help you. Accelerated Mobile Pages is a Google-backed project and Blogspot/ Blogger is Google’s blogging platform but still Blogger doesn’t currently support AMP. So we can’t wait for them and we even don’t know when they will start supporting. So use our tricks and tweaks to add AMP support in blogger site. If you are facing any problem then comment below.

Source: Amraito.Com
Find all posts by this user
Like Post Quote this message in a reply
Post Reply 

Forum Jump:

User(s) browsing this thread: 1 Guest(s)