Dokumetasi Dan Setting Template Droidbuzz Semoga Valid Amp

Diposting pada 12 views

Droidbuzz AMP – Sebuah website yang mempunyai tampilan yang simpel dan gampang tentu akan sangat di senangi oleh pengunjung dan juga sang owner. Sebab selain untuk memperlihatkan pelayanan yang baik juga sanggup memperlihatkan informasi dengan sempurna dan akurat kepada pembaca atau pengunjung website kita. Memang selain itu juga website yang ringan atau tidak mempunyai loading yang berat juga sangat disukai oleh mesin pencari ibarat Google, Bing, Yandex, dan masih banyak lagi, lantaran kerja dari mesin pencari ialah ibarat human yang sedang mencari informasi yang dibutuhkan.

Namun dengan semakin berkembangnya dunia website khususnya Blogging atau blogger tentu saja akan semakin berkembang juga dari sisi tampilan dan kinerja yang lebih baik dari website, kini ini ibarat yang kita tahu bahwa Google telah menciptakan sebuah project yang diberi nama AMP atau accelerate mobile page jikalau kau faham dan sadar bahwa Google telah mengoptimalkan dunia informasi keranah ponsel berilmu sehingga ini ialah ketika yang sempurna untuk ikut dalam meramaikan dunia informasi dengan melaksanakan perubahan yang telah Google sediakan yaitu dengan AMP ini.

Sekarang sudah zaman canggih sehingga apa-apa yang kau butuhkan telah ada di Internet atau mesin pencari, sehingga kau jangan berpikir jikalau saya tidak sanggup padahal kau belum mencobanya. Nah untuk ikut meramaikan dunia informasi baik itu melalui website atau blogging semua kembali pada kau sendiri. Akan tetapi akan memperlihatkan saran untuk lebih mengoptimalkan blog atau website yang kau buat gunakanlah template AMP atau plugin AMP selain lebih di unggulkan juga akan menciptakan pembaca merasa nyaman.

Nah kali ini akan kami bahas template AMP yang kami gunakan, kami memakai platform Blogger untuk ikut meramaikan dunia informasi. Sebab kami percaya bahwa dengan niat yang baik dan tekat yang besar lengan berkuasa akan sanggup menciptakan kami sanggup membantu kau semua dalam mengatasi duduk perkara yang kau alami. Nah template AMP yang kami gunakan ialah Droidbuzz buatan dari Iwan Efendi, berikut lengkapnya:

Info :
  • Name : DroidBuzz Responsive AMP HTML Blogger Template
  • Version : 1.0
  • Publish Date : Tidak ada
  • Designer : Iwan Efendi
  • URL : http://iwanberbagi.com

Pada kesempatan kali ini kita tidak akan memperlihatkan cara Download atau versi premiumnya akan tetapi kita akan memperlihatkan documentasi atau setting lengkap biar blog sanggup valid AMP dengan mudah. Memang ada beberapa hal yang perlu diperhatikan biar template blog sanggup valid AMP dengan benar.

Setting Template Droidbuzz AMP

Berikut ini akan memperlihatkan cara untuk setting biar template Droidbuzz sanggup valida AMP dengan gampang dan dijamin lolos untuk masuk valid AMP.

Daftar isi :
  1. Setting Navbar atau Navigasi
  2. Mengganti ID Disqus
  3. Membuat Posting Valid AMP
  4. Menyisipkan Gambar Valid AMP
  5. Menyipsipkan Video Valid AMP
  6. Penutup

1. Setting Navbar atau Navigasi
Yang pertama ialah set dahulu Navigasi pada cuilan template lantaran ini selain penting juga cukup krusial untuk valid AMP, coba kau ikuti cara berikut ini untuk set navigas biar AMP:

– Masuk ke Themes atau Tema
– Lalu Edit Html
– Cari arahan berikut ini

<li><a class='menu-color' href='/'>Home</a> </li> <li><a href='Ubah Dengan URL kamu'>Aplikasi</a> </li> <li><a href='Ubah Dengan URL kamu'>Berita</a> </li> <li><a href='Ubah Dengan URL kamu8'>Games</a> </li> <li class='last'><a href='Ubah Dengan URL kamu'>Nougat</a> </li>
*Note : Ubah Dengan Url Kamu, silahkan ganti dengan URL navigasi kamu.

2. Mengganti ID Disqus
Untuk yang ini wajib kau lakukan biar artikel yang kau buat valid dengan hukum AMP, lantaran kita lupa dan tidak sadar jikalau kita tidak memasang Disqus yang versi AMP pada blog atau laman komentar kita. Nah berikut untuk set komentar Disqus:

– Masuk Blogger > Tema > Edit Html
– Cari saja disqus_comments
– Perhatikan arahan berikut:

b:includable id='disqus-comments' var='post'> <div class='disqus-comments' id='disqus_comments'>     <amp-accordion>         <section>             <h4>                 <span class='show-more'>Tambahkan Komentar</span>                 <span class='show-less'>Sembunyikan</span>             </h4> <amp-iframe expr:src='&quot;https://cdn.rawgit.com/Iwan27/DroidBuzz/master/amp_disqus_buzz.html?shortname=droidbuzz-1&amp;fontBodyFamily=sans-serif&amp;fontLinkColor=e8554e&amp;canonicalurl=&quot; + data:blog.canonicalUrl + &quot;&amp;url=&quot; + data:blog.url + &quot;&amp;homepageurl=&quot; + data:blog.homepageUrl + &quot;&amp;canonicalhomepageurl=&quot; + data:blog.canonicalHomepageUrl' frameborder='0' height='333' layout='responsive' resizable='resizable' sandbox='allow-forms allow-scripts allow-same-origin allow-modals allow-popups' width='556'> <div aria-label='Disqus Comments' overflow='' role='button' tabindex='0'/> </amp-iframe>         </section>     </amp-accordion> </div> </b:includable>
*Note : Silahkan ganti droidbuzz-1 dengan ID disqus punya kamu.

3. Membuat Posting Valid AMP
Memang apabila kau ingin mempunyai website atau blog yang AMP tentu saja kau harus mengetahui ibarat apa cara menciptakan artikel postingan yang valid AMP tersebut. Kalau kau belum faham maka kami akan memperlihatkan tips gampang untuk menciptakan artikel biar sanggup valid AMP.

Kami disini hanya akan memperlihatkan source code AMP ibarat source code untuk gambar AMP, source code untuk video AMP dan lainnya. Kaprikornus kau hanya perlu merubah beberapa hal kecil saja untuk sanggup menciptakan postingan yang valid AMP. Untuk lebih jelasnya kami akan menciptakan tutorialnya.

– Masuk Blogger > Postingan dan pilih Entri Baru
– Setelah masuk dalam menciptakan postingan, pastikan rubah menjadi versi HTML

– Apabila sudah kini kita akan set gambar thumbnail valid AMP.

<noscript><img src="url-gambar-kamu" width="556" height="333" alt="gambar"/></noscript>
*Note : Ganti saja url-gambar-kamu dengan url gambar thumbnail untuk postingan kamu, pastikan jikalau source code gambar ini berada pada awal postingan, lantaran blogger akan mengambil gambar pertama untuk dijadikan thumbnail artikel

– Setelah simpulan set thumbnail kini kita akan set gambar untuk gambar perhiasan atau gambar pendukung valid AMP untuk postingan kita biar lebih sanggup dipercaya dan sanggup dipertanggung jawabkan. Berikut source code untuk gambar pendukung dalam postingan AMP

<div class="img-center"> <amp-img alt="contoh-gambar"    height="333"     layout="responsive"     src="url-gambar-kamu"     tabindex="0"     width="556"></amp-img> </div>
*Note : Ganti url-gambar-kamu dengan url gambar pendukung untuk postingan kamu, ini sudah dijamin valid AMP

– Untuk selanjutnya yaitu menyisipkan video youtube biar valid AMP dalam postingan. Berikut source code AMP nya:

<div class="img-center"> <amp-youtube data-videoid="ID-video-youtube" height="333" layout="responsive" width="556">   </amp-youtube> </div>
* Note : Ganti saja ID-video-youtube dengan Id video yang ingin kau sisipkan pada postingan kamu.

Penutup
Nah itu tadi dokumetasi untuk template Droidbuzz AMP yang sanggup kami berikan untuk sanggup valid AMP, lantaran mungkin kau belum tahu akan cara untuk menciptakan artikel yang valid AMP tentu saja artikel ibarat sangat membantu, lantaran kami pun juga memerlukan artikel yang ibarat ini untuk sanggup menciptakan postingan yang valid AMP dengan benar.