Skip to main content

follow us


www.azid.web.id - Cara Membuat Daftar Isi atau Sitemap Pada Blog AMP dan Non AMP Seperti Kompi Ajaib. Daftar Isi merupakan hal yang sangat penting menurut saya. Dengan daftar isi siapapun yang akan membaca baik itu buku, blog, maupun yang lainnya akan lebih mudah untuk menemukan apa yang diinginkan oleh pembaca. Oleh karena itu, saya sarankan bagi pengguna blog selain memberkan menu navigasi juga perlu menampilkan daftar isi pada blog teman-teman.

Salah satu rekomendasi saya adalah dengan menggunakan daftar Isi yang digunakan oleh kang Adhy Suryadi, blog terkenal dengan situsnya www.kompiajaib.com. Kelebihan daftar Isi ini adalah sudah terdapat menu kategori, artikel terbaru, dan kotak pencarian. Dengan menu tersebut tentunya sangat memudahkan pengunjung untuk mencari artikel kita.

Ok. Untuk membuat daftar Isi seperti milik kang Adhy Suryadi Cukup mudah teman-teman tinggal mengikut langkah-langkah sebagaimana berikut ini;

Membuat Daftar Isi Untuk Blog AMP

Pertama, langkah awal yang harus sobat lakukan adalah buka menu page atau halaman dan buat halaman baru. Jangan lupa beri judul "daftar isi" terlebih dahulu sebelum memasukkan kode javascript, agar Url blog sobat sesuai dengan judul nantinya.

Kedua, setalah membuat judul langkah selanjutnya adalah klik menu HTML bukan Compose dan copy kode berikut kemudian pastekan pada mode HTML


<amp-iframe noloading title="Sitemap Kompi Ajaib"
              src="https://cdn.rawgit.com/KompiAjaib/kompi-html/master/sitemaps-amp.html?url=https://www.domainanda.com/"
              height="750"
              layout="fixed-height"
              frameborder="0"
              sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups">
    <amp-img noloading src="https://2.bp.blogspot.com/-rRo__E6FsPs/Ws7U-IT8KNI/AAAAAAAAw_Q/qCwa6vKHgTIB-ytesdA4FlKrXMRYt5NMACLcBGAs/s1600/placeholder.png"
             layout="fixed-height"
             height="750"
             width="auto"
             placeholder>
    </amp-img>

  </amp-iframe>

Keterangan: Pastikan Url www.domainanda.com ganti dengan Url blog sobat.

Ketiga, Publikasikan Laman.

Untuk langkah ini belum selesai, karena sobat butuh menuju ke menu tema/template - edit HTML dan pastikan kode ini sudah ada ditemplate sobat "
 <script async='async' custom-element='amp-iframe' src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'> 
". Jika belum ada maka sobat bisa mengcopas kode tersebut dan pastekan di bawah kode <head>. Setelah itu Save Template.

Membuat Daftar Isi untuk Blog Non AMP

Pertama, hal pertama yang perlo sobat lakukan adalah seperti pada langkah awal membuat daftar isi utnuk blog AMP yaitu membuka menu laman/page - page new - mode HTML. Saya tegaskan lagi sebelum mengisi kode script berikut pastikan sobat sudah mengisi nama "daftar isi" pada judul laman blog sobat. Copy dan pastekan kode berikut ini;


<script type="text/javascript">
//<![CDATA[
document.write('<iframe src="https://cdn.rawgit.com/KompiAjaib/kompi-html/master/sitemaps-amp.html?url=https://www.domainanda.com/" allowfullscreen="allowfullscreen" height="650" width="100%"></iframe>');
//]]>
</script>

Kedua, jangan lupa www.domainanda.com ganti dengan Url sobat.

Kedua, Publikasikan laman.

Demikianlah cara membuat daftar isi pada blog AMP dan non AMP ala kompiajaib. Semoga artikel ini bermanfaat. Amin
PERHATIAN!: setiap link template pada blog ini di direct 5 -7 kali jadi harap bersabar.

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar