Header Ads

  • Kumpulan Template AMP Blogger Terbaik



    Accelerated Mobile Pages atau AMP adalah proyek open source yang memformat halaman situs atau blog sedemikian rupa sehingga dapat mempercepat waktu loading dan proses randering dengan sangat cepat pada perangkat mobile. AMP Project memang pada awalnya bertujuan untuk digunakan menampilkan halaman situs bagi pengguna perangkat mobile yang memiliki akses internet terbatas (lambat).

    AMP Project merupakan salah satu project dari google agar dapat memberi pengalaman bagi pengguna internet untuk kenyamanan dan kecepatan berselancar didunia maya. Dengan didukungnya laman AMP pada sebuah situs diharapkan dapat mempercepat akses hingga 4X lebih cepat dari biasanya, Selain itu laman AMP juga dapat menghemat data internet hingga 10X lipat. Format artikel AMP telah digunakan oleh lebih dari 200 penerbit konten, termasuk Blogger, WordPress dan sudah digunakan di beberapa platform populer yang berbeda seperti pencarian Google, LinkedIn, Medium, Nuzzel, Pinterest, Twitter dan situs besar lainnya. Tampaknya format AMP akan menjadi standar de facto untuk konten situs yang dilihat pada perangkat mobile. Sementara pemain utama seperti Apple dan Facebook dapat tetap menggunakan format mereka sendiri, komunitas pengembangan seluler yang lebih luas cenderung menerapkan format AMP yang open source.

    Informasi Singkat
    Proyek Laman Seluler yang Dipercepat (AMP) adalah teknologi penerbitan situs web yang dijalankan Google yang dirancang sebagai pesaing Artikel Instan Facebook.

    Proyek AMP diumumkan oleh Google pada 7 Oktober 2015 setelah diskusi dengan para mitranya di European Digital News Initiative (DNI), dan penerbit berita dan perusahaan teknologi lainnya di seluruh dunia, tentang peningkatan kinerja web seluler. Lebih dari 30 penerbit berita dan beberapa perusahaan teknologi (termasuk Twitter, Pinterest, LinkedIn dan WordPress) pada awalnya diumumkan sebagai kolaborator dalam Proyek AMP.

    Halaman AMP pertama kali muncul untuk pengguna web pada Februari 2016, ketika Google mulai menunjukkan halaman web versi AMP dalam hasil pencarian mobile. Tautan awalnya ke halaman AMP dibatasi pada bagian "Top Stories" dari hasil pencarian seluler Google; pada September 2016 Google mulai menautkan ke konten AMP di area hasil pencarian mobile utama. Tautan AMP dalam pencarian Google diidentifikasi dengan ikon.

    Menurut salah satu pendiri Proyek AMP, Malte Ubl, AMP awalnya bernama PCU, yang merupakan singkatan dari Portable Content Unit.
    Sumber : Wikipedia


    Apa bedanya AMP dengan Mobile Friendly?

    Mobile friendly hanya menyesuaikan layar tempat dimana situs dibuka tanpa menghilangkan fitur fitur yang ada di dalam situs.

    Contoh : Penggunaan widget blog related post, apabila pada versi AMP akan dinonaktifkan sedangkan untuk versi mobile friendly tetap ada, namun tampilannya disesuaikan.

    Begitu juga dengan form yang ada di situs, jika di laman AMP dihilangkan. Pada mobile friendly tetap ada.

    Secara tampilan mobile friendly jauh lebih bagus dari AMP, tapi secara kecepatan akses versi AMP jauh lebih cepat dari versi Mobile Friendly.

    AMP memanfaatkan framework dan keahlian Anda untuk membuat halaman. AMP didukung oleh berbagai platform, dan kompatibel di semua browser. Ekosistem AMP mencakup 25 juta domain, 100+ penyedia teknologi, dan platform terkemuka, yang mencakup area penerbitan, periklanan, e-commerce, bisnis lokal dan kecil, dan lainnya. Agar situs Anda mendukung tampilan AMP ini, ada beberapa peraturan khusus yang harus Anda terapkan pada blog Anda, seperti menambahkan markup amp pada laman html atau Anda bisa melihat panduannya melalui situs resmi ampproject.

    Halaman AMP terdiri dari 3 komponen utama:
    • HTML AMP
      HTML AMP adalah HTML yang memiliki beberapa batasan untuk memberikan performa yang handal. HTML AMP pada dasarnya adalah HTML yang diperpanjang dengan properti AMP kustom. File HTML AMP yang paling sederhana akan tampak seperti berikut:

      <!doctype html>
      <html ⚡>
      <head>
      <meta charset="utf-8">
      <link rel="canonical" href="hello-world.html">
      <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
      <style 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>
      body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}
      </style></noscript>
      <script async src="https://cdn.ampproject.org/v0.js"></script>
      </head>
      <body>Hello World!</body>
      </html>

      Meskipun sebagian besar tag di halaman HTML AMP adalah tag HTML biasa, sebagian tag HTML diganti dengan tag khusus AMP (lihat juga Tag HTML dalam spesifikasi AMP). Elemen kustom ini, yang disebut komponen HTML AMP, membuat pola umum jadi mudah diterapkan dengan cara yang baik.

      Misalnya, tag amp-img memberikan dukungan srcset penuh, bahkan di browser yang belum mendukungnya. Pelajari cara membuat halaman HTML AMP pertama Anda.

      Halaman AMP ditemukan oleh mesin telusur dan platform lainnya melalui tag HTML <link rel="">. Anda dapat memilih untuk menggunakan halaman versi non-AMP dan versi AMP, atau hanya versi AMP. Pelajari selengkapnya dalam Membuat Halaman Anda Dapat Ditemukan.

    • JS AMP
      Library JS AMP memastikan rendering halaman HTML AMP yang cepat. Library JS AMP menerapkan semua praktik performa terbaik untuk AMP, mengelola pemuatan resource, dan menyediakan tag kustom yang disebutkan di atas, semuanya untuk memastikan rendering halaman yang cepat.
      Library JS AMP menerapkan semua praktik performa terbaik untuk AMP, mengelola pemuatan resource, dan menyediakan tag kustom yang disebutkan di atas, semuanya untuk memastikan rendering halaman yang cepat.

      Di antara pengoptimalan terbesarnya adalah membuat semua yang berasal dari sumber eksternal menjadi asinkron, sehingga rendering halaman dapat berjalan dengan lancar tanpa halangan apa pun.

      Teknik performa lainnya meliputi penerapan sandbox pada semua iframe, perhitungan awal tata letak setiap elemen di halaman sebelum resource dimuat, dan penonaktifan pemilih CSS yang lambat.

      Untuk mempelajari lebih lanjut tentang pengoptimalan sekaligus batasan, baca spesifikasi HTML AMP.

    • Cache AMP
      Cache AMP Google dapat digunakan untuk menampilkan halaman HTML AMP yang tersimpan di cache. Cache AMP Google adalah jaringan penayangan konten berbasis proxy untuk menayangkan semua dokumen AMP yang valid. Cache tersebut mengambil halaman HTML AMP, menyimpannya di cache, dan menyempurnakan performa halaman secara otomatis. Saat menggunakan Cache AMP Google, dokumen, semua file JS, dan semua gambar akan dimuat dari asal yang sama yang menggunakan HTTP 2.0 untuk mendapatkan efisiensi maksimum.

      Cache tersebut juga dilengkapi dengan sistem validasi bawaan yang menegaskan bahwa halaman dijamin berfungsi, dan sistem tersebut tidak bergantung pada resource eksternal. Sistem validasi menjalankan serangkaian penegasan yang memastikan markup halaman telah memenuhi spesifikasi HTML AMP.

      Versi lain validator sudah disematkan pada setiap halaman AMP. Versi ini dapat mencatat error validasi langsung ke konsol browser saat halaman dirender, yang memungkinkan Anda melihat kemungkinan pengaruh perubahan kompleks dalam kode Anda terhadap performa dan pengalaman pengguna.

      Pelajari lebih lanjut cara menguji halaman HTML AMP.

    Project Google yang diumumkan secara global pada oktober 2015 ini terbukti dapat mempercepat membuka halaman web hanya dalam sepersekian detik. Tentu hal tersebut dapat menambahkan rasa kenyamanan pengunjung dalam mengakses situs atau blog Anda.


    Bagaimana cara menggunakan AMP pada blogger?
    Cara termudah dan tercepat mengaplikasikan AMP pada blogger adalah dengan menggunakan template blogger berbasis versi AMP ready yang sudah tervalidasi 100% untuk penggunaan dalam format AMP. Langkah selanjutnya adalah mempelajari beberapa Tag HTML yang akan digunakan pada Artikel agar menyesuaikan dengan format AMP seperti Tag Image (<img src="URL Image"/>), Tag Anchor Link (<a href="URL Target"></a>), Tag Division (<div></div>) dan beberapa Tag lainnya yang mengikuti standar format AMP.

    Lebih lengkap mengenai format Tag HTML dapat dilihat pada situs AMP Project di bagian AMP HTML Format.

    Template AMP Blogger Premium Resposive
    Berikut beberapa template blogger versi AMP yang terbaik dan gratis untuk di download. Beberapa template yang penulis bagikan sudah responsive dan 100% valid AMP.

    #1 Infinite AMP Templates


    Template Blogger AMP Gratis Infinity Terbaik. Tema blogger infinite amp dibuat oleh Arlina, seorang blogger yang cukup lama. Ini adalah salah satu template terbaik SEO Optimized AMP blogger. Infinite AMP adalah tema AMP blogger premium yang didistribusikan secara gratis. Infinite AMP mencakup fitur-fitur seperti SEO Friendly, Tampilan yang elegan, ultra responsif, heading dinamis, menu footer dan terintegrasi dengan format AMP yang valid.


    DEMO    DOWNLOAD

    #2 Infinite JLB AMP Templates


    JLB Blogger Template AMP Gratis Tanpa Batas Terbaik. JLB Infinite dikembangkan oleh AMP Infinite. JLB Infinite adalah template AMP Blogger yang dibuat mengikuti optimasi SEO. Bagian meta dari tema JLB Infinite dibuat untuk membuat situs lebih ramah SEO. Desain warna User Interface yang sederhana menjadi lebih menyenangkan untuk tampilan yang elegan. JLB Infinite ini sudah mencakup fitur-fitur seperti tajuk dinamis, iklan spanduk teratas, berlangganan, pembagian widget sosial, dll.


    DEMO    DOWNLOAD

    #3 Vletters AMP Templates


    Vletters Template AMP Blogger Gratis Terbaik. Vletters dikembangkan oleh Bung Frangki. Vletters Template AMP Ini memiliki desain situs web yang sangat sederhana namun ramah untuk penggunaan seluler (smarphone) karena hanya membutuhkan beberapa detik untuk memuat dan menjalankan semua tampilan dan konten dengan lancar. Vletters Template AMP juga mencakup fitur-fitur seperti navigasi menu, petunjuk anchor link (bread crumb), shortcode, kotak pencarian, dll.


    DEMO    DOWNLOAD

    #4 Maknyus AMP Templates


    Maknyus Template AMP Blogger Gratis Terbaik. Template blogger Maknyus AMP dikembangkan oleh Raden Gino. Template ini memiliki desain dua kolom sederhana, cepat dan mengalir responsif, tata letak terorganisir dan penggunaan warna cerah. Maknyus Template AMP Ini mencakup fitur-fitur seperti pemuatan cepat, kompatibilitas browser, berbagi sosial dan desain web yang ramah SEO.


    DEMO    DOWNLOAD

    #5 Blanterde AMP Templates


    Blanterde Template AMP Blogger Gratis Terbaik. Templat blogger AMP Blanterde dibuat oleh IDBlanter. Blanterde Template AMP Ini menggunakan desain dua kolom dan cocok untuk situs/blog pribadi. Tampilan terlihat trendi dan template sudah sepenuhnya responsif. Blanterde Template AMP mencakup fitur seperti pemuatan konten yang sangat cepat, kotak pencarian AMP, menu navigasi, mendukung komentar Disqus, bilah samping seluler, bilah navigasi atas, warna cerah, tombol berbasis AMP, iframe AMP dan slider yang sudah valid AMP.


    DEMO    DOWNLOAD

    #6 Siniladom AMP Templates


    Siniladom Template AMP Blogger Gratis Terbaik. Template blogger AMP Siniladom dibuat oleh Ikhwan Zubir. Template blogger yang ramah SEO ini dilengkapi dengan dua kolom yang memiliki satu kolom sidebar kanan dan 4 footer dan mudah untuk dikustomisasi. Siniladom Template AMP ini mencakup fitur-fitur seperti menu drop down vertikal, lolos untuk konfigurasi melewati AMP Validator, tema warna dasar terang, penunjuk anchor link (bread crumb), siap Adsense dll.


    DEMO    DOWNLOAD

    #7 DroidBuzz AMP Templates


    DroidBuzz Template AMP Blogger Gratis Terbaik. Template blogger DroidBuzz AMP dibuat oleh Iwan Efendi. Ini adalah template AMP yang segar dan terbaru. Menggunakan desain dua kolom dan memiliki bilah sisi kanan, panel navigasi atas, warna cerah, tampilan ringan dan sederhana. Template ini menggunakan desain yang mudah untuk dikustomisasi. DroidBuzz Template AMP mencakup fitur-fitur seperti mobile friendly, CTR tinggi, baca otomatis lebih banyak dengan thumbnail, menu dropdown responsif, dll.


    DEMO    DOWNLOAD

    #8 Noname AMP Templates


    Noname AMP Templates Blogger Gratis Terbaik. Template blogger Noname AMP Templates didesain oleh Bung Frangki. Noname AMP Templates ini adalah template AMP yang segar dan terbaru. Noname AMP Templates menggunakan desain dua kolom dan memiliki bilah sisi kanan, panel navigasi atas, warna cerah, sederhana. Noname AMP Templates menggunakan desain yang dapat dikustomisasi dengan mudah. Noname AMP Templates mencakup fitur-fitur seperti mobile friendly, CTR tinggi, baca otomatis lebih banyak dengan thumbnail, menu dropdown responsif, dll.


    DEMO    DOWNLOAD

    #9 Betapress AMP Templates


    Betapress Template Blogger AMP Gratis Terbaik. Template blogger AMP Betapress adalah salah satu template terbaik karena tidak ada JavaScripts yang digunakan saat membuat template blogger AMP ini. Betapress Template Blogger AMP mencakup fitur-fitur seperti SEO friendly, menu drop-down, mobile friendly, sepenuhnya responsif dll.


    DEMO    DOWNLOAD

    #10 AMPNEWS AMP Templates


    AMPNEWS AMP Blogger Gratis Terbaik. Template blogger AMPNews adalah tema yang responsif. AMPNEWS AMP adalah template blogger gratis dan keren. Sempurna untuk majalah, berita, situs web blog. AMPNEWS AMP mencakup fitur-fitur seperti SEO friendly, mendukung komentar Disqus, menu drop-down, menu navigasi, mobile-friendly, responsif dll. Memiliki desain yang cukup bagus dan tentunya memiliki kecepatan load yang luar biasa pula.


    DEMO    DOWNLOAD

    #11 ALPHA AMP Templates


    ALPHA Template AMP Blogger Gratis Terbaik. Template ini dibuat dengan pertimbangan pada berbagai kondisi penerapan, sehingga template ini sangat cocok dengan berbagai niche blog. Template ini dirancang dengan perpaduan warna yang soft, dan pengaturan ukuran font yang tepat, sehingga akan membuat rasa nyaman bagi para pembaca. Area Artikel dibuat tidak terlalu lebar dan telalu kecil, sehingga hal ini akan menambah fokus para pembaca. Template ini juga menyediakan banyak tempat slot iklan yang dapat anda pakai untuk menaruh iklan adsense. Template ini juga sudah responsive, dan sangat nyaman pada tampilan mobile. Selain itu template ini juga lumayan cepat untuk pemuatan dalam versi mobile maupun dalam kondisi internet yang lelet atau lemot. Selain itu, template ini menggunakan tampilan grid pada homepage, karena tempilan semacam ini sangat diminati pada pemilik blogger pada saat ini.


    DEMO    DOWNLOAD

    #12 Megumin AMP Templates


    Megumin Template AMP Blogger Gratis Terbaik. Template Megumin AMP Blogger dibuat oleh Arleth Desz. Ini adalah template blogger bertenaga AMP yang stylish dan paling responsif. Megumin Template AMP mencakup fitur-fitur seperti Valid AMP, Data Terstruktur yang valid, pemuatan cepat, siap Adsense, dll.


    DEMO    DOWNLOAD

    #13 Materi AMP Templates


    Template Blogger AMP Gratis Materi Terbaik. Template blogger Materi AMP memiliki widget seperti pencarian, tombol kembali ke atas, posting populer, kecepatan akses cepat, lokasi iklan yang dioptimalkan, dll. Materi AMP adalah salah satu template blogger AMP SEO Optimized terbaik. Ini mencakup fitur-fitur seperti AMP yang valid, Data Terstruktur yang valid, pemuatan cepat, siap Adsense dll.


    DEMO    DOWNLOAD

    #14 MDCamp AMP Templates


    MDCamp Template Blogger AMP Gratis Terbaik. Template blogger AMP MDCamp dibuat oleh Nato Player. MDCamp memiliki fitur webmaster untuk memuat halaman web yang sangat cepat, dengan sedikit input yang stylish. MDCamp mencakup fitur seperti RKPT tinggi, responsif, posting terkait dengan thumbnail, dll.

    MDCamp AMP Template sudah dioptimasi untuk penggunaan SEO (Search Engine Optimization) serta memiliki struktur kode yang rapih dan bersih. Template ini menggunakan desain 2 kolom, satu untuk artikel dan satunya untuk bagian sidebar. Jika anda menggunakan template AMP ini, anda tidak dapat memakai komentar default dari Blogger karena sudah bult-in dengan komentar Disqus.


    DEMO    DOWNLOAD

    #15 Mag One AMP Templates


    Mag One Gratis Template Blogger AMP Terbaik. Template Magone AMP Blogger dikembangkan oleh profesional web designer. Mag One mencakup fitur-fitur seperti SEO friendly, bersih, sederhana, penunjuk anchor link (bread crumb), dll. Mag One template bertema majalah yang fleksibel dan responsif untuk situs web Blogger atau Blogspot.


    DEMO    DOWNLOAD

    #16 TheAMP-TemplateMark AMP Templates


    TheAMP Template AMP Blogger Gratis Terbaik. TheAMP adalah template blogger yang terlihat bersih, elegan dan cocok untuk blog pribadi. Baru-baru ini, TheAMP adalah template blogger AMP yang paling banyak digunakan di internet. TheAMP template memiliki fitur pemuatan yang sangat cepat, Adsense siap, sangat SEO dioptimalkan, dan fitur blogger template AMP kaya. TheAMP mencakup fitur-fitur seperti sistem komentar Disqus, tombol sosial, dan widget posting populer dll.


    DEMO    DOWNLOAD

    #17 AMP-HTML AMP Templates


    AMP HTML Template Blogger AMP Gratis Terbaik menggunakan kode AMP HTML yang tentunya full SEO dan Responsive. Template ini memiliki tata letak dua kolom sederhana, menu atraktif yang membuat situs AMP akan terlihat rapi dengan berbagai perangkat pengunjung.

    Template AMP Blogger ini sangat bagus dengan design yang modern dan tentunya memiliki kecepatan load yang luar biasa. Template ini memiliki sidebar menu yang cukup atraktif dan mengadopsi material design Google seperti layout card.


    DEMO    DOWNLOAD

    #18 Kompi AMP Blogger Templates


    Kompi AMP Blogger Templates Gratis Terbaik menggunakan kode AMP HTML dengan desain yang cukup bagus, dibuat menggunakan framework Bootstrap. Template ini sudah optimasi SEO dengan fitur extra seperti tampilan highlight yang sedang trend dan memiliki kecepatan loading yang bagus.


    DEMO    DOWNLOAD

    #19 Nubie Amp Premium Blogger Templates


    Nubie Amp Premium Blogger Templates Gratis Terbaik menggunakan kode AMP HTML dengan desain yang unik dan cukup bagus. Unduh Gratis Nubie Banget Pro AMP Blogger Template versi Premium Tanpa kredit footer dengan tautan google drive berkecepatan tinggi. Nubie Banget adalah Template blogger AMP yang super cepat dan SEO friendly. Nubie AMP Blogger Template lebih menyukai tampilan yang simple dengan SEO Friendly, Responsive, dan cocok untuk AdSense.


    Password : codeflare.net

    DEMO    DOWNLOAD

    Demikian beberapa kumpulan template AMP blogger yang terbaik yang dapat penulis rangkum pada artikel kali ini, untuk kritik dan saran jangan ragu untuk menuliskannya pada kotak komentar. Semoga Bermanfaat.

    4 comments:

    1. ane punya nih template amp blog buatan sendiri simple gratis gan,,kalo mau liat ni contoh blog amp ane,,simple sih tinggal edit2 gtu https://tutorial-blog-amp.blogspot.com,,kalo minat bisa ke email ane gan akmartani@gmail.com

      ReplyDelete
      Replies
      1. Ane dah liat broo templatenya bagus. trims sudah mampir ke blog ane...

        Delete
    2. Pandangan tentang rekomendasi anda memang beda, tapi saya pake infinite amp, jika pasang iklan kadang blank πŸ€«πŸ‘ˆ

      ReplyDelete
      Replies
      1. infinite amp juga bagus, untuk masalah iklan blank gunakan metode ads overlay element.. trims sudah mampir ke blog ane

        Delete

    Post Top Ad

    Post Bottom Ad

    ©2010 - codeflare