Cara Menciptakan Daftar Isi/Sitemap Di Halaman Statis Template Amp Blogger
Cara Membuat Sitemap/Daftar Isi di Halaman Statis Blogger Valid AMP
Halo sahabat blogger,seperti yang kalian tahu bahwa untuk template AMP tidak dapat sembarangan memakai CSS atau Javascript,oleh alasannya itu kita perlu memakai script yang sudah sesuai dengan kaidah AMP. Khususnya bagi kalian yang ingin menciptakan halaman sitemap atau daftar isi blogger yang sudah memakai template AMP HTML.Oleh alasannya itu,disini aku akan membagikan tutorial cara menciptakan halaman sitemap atau daftar isi di template blogger Valid AMP HTML.
Cara Membuat Daftar Isi/Sitemap Valid AMP
Sebelum menuju tutorial kita akan membahas sedikit ihwal kelebihan apa saja yang menciptakan widget ini berbeda dengan sitemap atau daftar isi yang lain.A. Kelebihan Widget Daftar Isi atau Sitemap AMP
1. Valid AMP HTML
Tentunya script yang nanti anda gunakan untuk menampilkan sitemap di halaman daftar isi ini sudah Valid AMP,sehingga tidak akan mengganggu atau merusak nilai Validasi Template AMP Blogger yang anda gunakan.
2. Responsive
Tampilannya juga sudah responsive sehingga bentuknya tidak berantakan/rapi alasannya dapat menyesuaikan tinggi dan lebarnya secara otomatis saat dibuka dari perangkat yang berbeda.
Berikut ini Demonya :
- Tampilan Versi Desktop
- Tampilan Versi Mobile
3. Praktis di Pahami
Seperti yang anda lihat pada demo diatas,bahwa tampilan dari daftar isi tersebut cukup sederhana namun tetap keren,dab gampang di pahami. Sehingga setiap ada pengunjung gres di blog anda mereka dapat dengan cepat memahami cara penggunaannya.
4. Ada Kolom Search
Bila anda lihat dalam Screenshot Demo yang aku bagikan diatas,di dalam halaman sitemap tersebut ada kolom search/pencarian yang menciptakan pengguna dapat dengan gampang mencari artikel.
5. Kolom Filter/Label
Selain itu,di dalam halaman daftar isi tersebut juga ada kolo, filter label yang dapat memudahkan pengguna mencari artikel menurut kelompok label yang mereka suka.
B. Cara Memasang Daftar Isi atau Sitemap di Halaman Blogger Valid AMP
1. Aktifkan HTTPSPertama anda perlu mengaktifkan HTTPS terlebih dahulu,hal ini alasannya script hanya dapat berjalan pada situs yang sudah memakai SSL. Berikut ini cara mengaktifkan SSL/HTTPS di Blogger :
- Buka Blogger.com
- Sign In dengan Akun Anda
- Masuk ke Dashboard Blogger
- Pilih sajian Setelan
- Pilih Dasar > HTTPS
- Pilih Yes pada Ketersedian HTTPS dan Pengalihan HTTPS
2. Pemasangan Daftar Isi/Sitemap
- Buka Blogger.com
- Sign In dengan Akun Anda
- Masuk ke Dashboard Blogger
- Pilih menu Halaman
- Klik Halaman Baru
- Isi Judul " Sitemap " atau " Daftar Isi "
- Lalu ubah mode editor dari Compose menjadi HTML
- Setelah itu pastekan arahan berikut :
<amp-iframe title="Cara Membuat Daftar Isi/Sitemap di Halaman Statis Template AMP Blogger"
src="https://cdn.rawgit.com/KompiAjaib/kompi-html/master/sitemaps-amp.html?url="https://wikidzgn.blogspot.com"
height="750"
layout="fixed-height"
frameborder="0"
sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups">
<amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMHE3phhR5Gric2woHlJtEvgSvuAHAdkmYhoC4Bvu-TPzFs7dtPSObDVLKlGM94HCpDs7ZNPkQAIoHy3MNq1gTWG_5YnGFrfjVgwXNynDsXMcivlstEjQtl04Ix8-bKlhZQdynARDfdB4/s1600/placeholder.png"
layout="fixed-height"
height="360"
width="auto"
placeholder>
</amp-img>
</amp-iframe>
- Ganti https://wikidzgn.blogspot.com dengan Alamat Blog kalian
- Bila sudah silahkan klik Publikasikan
