Cara Membuat Daftar Isi Pada Blogger Ala Kompiajaib Non AMP

www.azid45.web.id - Cara Membuat Daftar Isi Pada Blogger Dengan Menu Kategori dan Pencarian Ala Kompiajaib Non AMP. Assalamualaikum.wr.wb, teman-teman berjumpa lagi dengan saya azid zainuri sang blogger newbe. Pada kesempatan kali ini saya akan share cara membuat menu daftar isi seperti miliknya kanag Adhi Suryadi pada blognya www.kompiajaib.com. Tentunya semua sudah pada tahu bukan, jikalau daftar isi dari mas Adhi Suryadi ini memiliki kelebihan dan kemudahan yang super sekali karena pada desain sitemap atau daftar isi selain menampilkan daftar isi keseluruhan artikel, kita juga mengelompokkan artikel tersebut dengan menu kategori, bahkan kita juga dapat melihat jumlah postingan blog kita dan terdapat pencarian untuk lebih memudahkan saat pengunjung mencari artikel pada blog kita.

Sesuai dengan fungsinya bahwa dartar isi dibuat yaitu untuk memudahkan kita mencari artikel secara cepat tanpa harus mencari satu persatu. Oleh karena itu pada setiap blog yang kita buat seharusnya terdapat sitemap atau kategori, agar pengunjung yang suka dan tertarik dengan blog kita maka akan memudahkan mereka lebih jauh untuk mengenal dan mencari artikel yang sudah pernah kita buat. Selain itu tentunya ini merupakan salah satu syarat jika teman-teman terjun didunia google adsense. Dengan adanya sitemap, maka robot google akan mudah mendeteksi artikel yang sudah kita buat, meskipun kita tidak boleh menafikan syarat yang lain seperti about, contact, disclaimer, privacy policy, dan TOS.

Dari desain sitemap ala kompiajaib ini banyak sekali tutorialnya dan untuk dari kompiajaib sendiri sudah berbagai macam update namun dari sekian tutorial yang ada masih memiliki kelemahan bagi saya pribadi khususnya untuk pengguna subdomain dari blogger dan template non-AMP. Bisa kita lihat bahwa blog kompiajaib pada dekade ini telah banyak berkontribusi pada blog AMP baik dari segi tutorial yang ada hingga template yang dipakai mas Adhy Suryadi sendiri sudah berbasis AMP. Dikarenakan template AMP memiliki perhatian yang lebih bagi google, dan kecepatannya pun sangat baik.

Sehingga tutorial sitemap atau daftar isi dari kang Adhy Suryadi rata-rata berbasis AMP, meskipun ada beberap tutorial sitempa non AMP kelemahannya sebagaimana yang saya utarakan tadi yaitu jika blog kita masih subdomain dari blogger maka tidak akan berfungsi javascriptnya. Diantara tutorial sitemap yang sudah dibuat oleh kang Adhy Suryadi adalah Membuat sitemap blog untuk blogger AMP dengan cutom domain - kompiajaib, Membuat daftar isi blog lengkap dan support HTTPS - Kompiajaib  dan Menampilkan sitemap pada halaman statistic blogger AMP HTML - kompiajaib. Kemungkinan masih banyak tutorial tentang sitemap di blognya kang Adhy Suryadi, namun artikel yang terakhir tersebut merupakan update yang paling lengkap, efisien dan efektif menurut saya, karena tinggal memasukkan script di halaman static HTML tanpa edit dan menambah lagi script baru di edit template, dan scriptnya pun sedikit karena sudah diimport di Github dan pemanggilnya menggunakan kode freme. Namun tutorial tersebut hanya bisa di blog AMP, sangat mengesalkan bukan bagi pengguna blog non AMP seperti saya.

Tetapi dengan usaha hasil eksperimen saya, alhamdulillah tutorial tersebut bisa digunakan di blog non AMP dan juga bisa digunakan pada blog yang belum support domain TLD yaitu masih subdomain bawaan blogspot.com. Saya sedikit merubah iframe yang sebelumnya support dengan AMP menjadi iframe yang support dengan non AMP dan yang pasti daftar isi atau sitemap ini tetap responsive. Pingin tau caranya atau scriptnya?. Ok, sebelumnya saya ucapkan banyak terimakasih kepada kang Adhy Suryadi dengan tutorial dari blognya akhirnya saya bisa membuat template, dan sedikit mengenal bahasa script pemrograman di blogger.

Untuk membuat daftar isi pada blogger ala kompiajaib di blog non AMP, kita tinggal klik menu page (menu statistic) baru setelah itu pilih mode HTML dan copas kode berikut didalamnya. ingat ganti domainnya dengan nama domain blog teman-teman. ok

 <h4>
Untuk mempermudah anda dalam mencari artikel, anda bisa mencarinya pada kolom berikut atau bisa menulis artikel yang dicari pada kolom cari artikel dengan kata kunci.</h4>

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

</script>

Langkah terakhir adalah Save. (Jangan lupa sebelum memasukkan scirptnya pastikan judul page menu teman-teman sudah diberi nama terlebih dahulu). Mudah bukan. Demikianlah, Cara Membuat Daftar Isi Pada Blogger  Ala Kompiajaib Non AMP, semoga bermanfaat. Amin.

NB: ganti domain www.azid45.web.id dengan nama domain teman-teman. Untuk cdn.rawgit.com bulan oktober 2019 akan dihapus untuk itu, teman bisa mengubahnya yang awalnya https://cdn.rawgit.com/ menjadi https://cdn.staticaly.com/gh/. Sehingga https://cdn.rawgit.com/KompiAjaib/kompi-html/master/sitemaps-amp.html menjadi  https://cdn.staticaly.com/gh/KompiAjaib/kompi-html/master/sitemaps-amp.html