✔ Cara Terbaik Menciptakan Template Blogger Amp
AMP adalah sebuah produk dari google yang dibentuk dengan tujuan mempermudah konsumen dalam mengakses sebuah blog atau situs ketika memakai browser dari HP atau smartphone, bila sebuah situs sudah memakai template atau theme AMP maka blog tersebut sanggup diakses dengan gampang dan sangat cepat bila memakai HP atau samartphone dengan kecepatan lebih dari 4 kali dari kecepatan template biasa yang belum memakai amp, dan bukan itu saja bahwa amp juga sanggup menghemat penggunaan data dalam kita menjelajahi sebuah situs lebih dari 10 kali bila dibandingkan bila kita browsing di sebuah situs yang belum memakai amp.
Seiring berkembangnya teknologi ketika ini, terutama di bidang telekomunikasi maka mau tidak mau kita harus ikut terbawa oleh arus perkembangan tersebut, salah satu referensi yang sanggup kita lihat ketika ini ialah semakin banyaknya orang yang memakai smartphone untuk melaksanakan acara mereka dalam kesehariannya, termasuk didalamnya ialah melaksanakan browsing di internet.
Dengan melihat fenomena dan perkembangan teknologi diatas, sudah seharusnya kita juga sebagai blogger atau web developer memperhitikan hal tersebut, dengan membangun sebuah web atau blog yang sudah dilengkapi dengan produk AMP (accelerated Mobile Pages) dari Google.
Pada Kesempatan Kali Ini,Ini Rifany Akan Sedikit Membagikan Cara Membuat Template Blogger (Blogspot) Menjadi AMP.
Masuk Ke Template Dan Edit HTML
1. Cari Dan Ganti tag <html> dengan tag <html amp='amp' lang='en'>
2. Kemudian Tambahkan aba-aba tag berikut
3. Ganti tag </head> dengan aba-aba berikut :
4. Gantilah semua tag img menjadi amp-img sebagai referensi lihat aba-aba dibawah ini:
5. Simpan template anda dan Selesai kemudian lihat hasilnya, bagaimana gampang bukan.
Demikian Sedikit Cara Terbaik Membuat Template Blogger Amp , Semoga Bermanfaat.
Sumber http://inirifany.blogspot.com
 |
| Cara Terbaik Membuat Template Blogger Amp |
Seiring berkembangnya teknologi ketika ini, terutama di bidang telekomunikasi maka mau tidak mau kita harus ikut terbawa oleh arus perkembangan tersebut, salah satu referensi yang sanggup kita lihat ketika ini ialah semakin banyaknya orang yang memakai smartphone untuk melaksanakan acara mereka dalam kesehariannya, termasuk didalamnya ialah melaksanakan browsing di internet.
Dengan melihat fenomena dan perkembangan teknologi diatas, sudah seharusnya kita juga sebagai blogger atau web developer memperhitikan hal tersebut, dengan membangun sebuah web atau blog yang sudah dilengkapi dengan produk AMP (accelerated Mobile Pages) dari Google.
Pada Kesempatan Kali Ini,Ini Rifany Akan Sedikit Membagikan Cara Membuat Template Blogger (Blogspot) Menjadi AMP.
Masuk Ke Template Dan Edit HTML
1. Cari Dan Ganti tag <html> dengan tag <html amp='amp' lang='en'>
2. Kemudian Tambahkan aba-aba tag berikut
<meta charset="utf-8"> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">sesudah aba-aba diatas.
3. Ganti tag </head> dengan aba-aba berikut :
<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> </head>
4. Gantilah semua tag img menjadi amp-img sebagai referensi lihat aba-aba dibawah ini:
<amp-img src="gambar-photo.jpg" alt=" sebuah produk dari google yang dibentuk dengan tujuan mempermudah konsumen dalam mengakses ✔ Cara Terbaik Membuat Template Blogger Amp " height="400" width="600"></amp-img>
5. Simpan template anda dan Selesai kemudian lihat hasilnya, bagaimana gampang bukan.
Demikian Sedikit Cara Terbaik Membuat Template Blogger Amp , Semoga Bermanfaat.
Sumber http://inirifany.blogspot.com
0 Response to "✔ Cara Terbaik Menciptakan Template Blogger Amp"
Posting Komentar