Cara Membuat Sitemap Otomatis Di Blogger Pada Template Median UI
Shaytekno.com - Bagi Blogger pemula mungkin sebagian dari temen-temen belum tahu apa itu sitemap pada blog/website atau juga di sebut daftar isi konten/artikel.
Untuk itu pada kesempatan kali ini admin akan berbagi tutorial tentang cara membuat sitemap blog secara mudah dan cepat, bagi pengguna template Median UI Versi 1.5 kalian juga bisa mengikuti tutorial kali ini karena bagi anda pengguna template Median UI maka langkah dan tutorial ini sangat berguna dan bermanfaat.
Baiklah sebelum melanjutkan bagaimana cara membuat sitemap blogger mari simak terlebih dahulu berikut ini penjelasan mengenai apa itu sitemap serta keuntungan menggunakan sitemap dalam suatu website.
Apa itu sitemap?
Sitemap blog adalah salah satu alat bantu untuk para webmaster untuk mendapatkan informasi detail tentang website anda. Selain itu peta situs juga berfungsi untuk memudahkan mesin pencari seperti [Google] menjelajahi/merayapi website\ blog anda.
Pada umumnya sitemap atau peta situs atau daftar isi, merupakan kumpulan URL dari beberapa Artikel yang terdapat dalam website tersebut.
Menfaat Sitemap Bagi Pemilik Situs/website
Sudah admin singgung sedikit tentang keuntungan menggunakan sitemap dalam suatu website/blog salah satu iyalah memudahkan perayapan mesin pencari google untuk memahami isi artikel/konten-konten dengan lebih baik.
•°Membantu meningkatkan SEO pada website atau situs anda.
•°Selain itu juga dengan menggunakan sitemap dalam suatu blog memudahkan bagi pengunjung mendapatkan informasi tentang isi konten dengan lebih mudah.
Demikian itulah beberapa menfaat dan keuntungan menggunakan sitemap dalam suatu website/blog, baiklah untuk melanjutkan bagaimana cara membuat sitemap dalam website mari simak panduan selengkapnya berikut ini:
Cara Membuat Sitemap Di Template Median UI
Tutorial cara membuat sitemap blogger langkah sangatlah mudah dan simpel, tidak berbeda jauh dari cara membuat Artikel postingan pada blog, hanya berbeda anda melakukan publish dalam bentuk HTML saja. Untuk langkah selengkapnya iyalah sebagai berikut.
- Buka Dasbor Blogger anda.
- Pada halaman utama blogger pilih menu Halaman.
- Lalu klik pada tombol plus+.
- Jika sudah tuliskan judulnya Sitemap pada halaman artikel.
- Lalu ubah tempilan penulis blogger menggunakan tampilan HTML.
- Jika sudah Salin kode html di bawah ini:
<!--[ Sitemap script DTE, source: dte.web.id/teknis/widget-daftar-isi-tabulasi-blogger ]-->
<script src='//dte-project.github.io/blogger/tabbed-toc.min.js?active=0&load=true&ad=false&date=%25M~%25%20%25D%25%2C%20%25Y%25' defer='defer'></script>
<style>
.tabbed-toc{border:0;font-size:15px}
.tabbed-toc-tabs{width:10em;font-size:14px}
.tabbed-toc-tab{padding:0 15px;border-radius:3px 0 0 3px;position:relative;transition:var(--trans-1);color:inherit}
.tabbed-toc-tab::after{content:'';position:absolute;top:0;bottom:0;right:0;border-right:1px solid var(--linkC);opacity:0}
.tabbed-toc-tab:hover, .tabbed-toc-tab.active{background:var(--transB)}
.tabbed-toc-tab:hover::after, .tabbed-toc-tab.active::after{opacity:1}
.tabbed-toc-tab.active{color:var(--linkC);opacity:.7}
.ltr .tabbed-toc-panels{border-color:var(--contentL)}
.ltr .tabbed-toc-time{position:relative;font-size:12px;opacity:.7}
.tabbed-toc li{padding:5px 7.5px;line-height:1.6em;min-height:40px;display:flex;align-items:center;justify-content:space-between}
.tabbed-toc li >*{padding:0 7.5px; margin:0}
.tabbed-toc a{color:inherit}
.tabbed-toc-title{font-size:16px}
.tabbed-toc-title sup{font-weight:400;font-size:12px;color:var(--linkC)}
.drkM .ltr .tabbed-toc-panels{border-color:rgba(255,255,255,.1)}
.drkM .tabbed-toc-tab.active, .drkM .tabbed-toc-title sup{color:var(--darkL)}
.drkM .tabbed-toc-tab::after{border-color:var(--darkL)}
@media screen and (max-width:750px){
.tabbed-toc nav{display:flex;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory; -ms-overflow-style:none;-webkit-overflow-scrolling:touch; /*position:relative;width:calc(100% + 40px);left:-20px;right:-20px;padding:0 20px*/}
.tabbed-toc nav::-webkit-scrollbar{width:0;height:0}
.tabbed-toc nav::-webkit-scrollbar-track{background:transparent}
.tabbed-toc nav::-webkit-scrollbar-thumb{background:transparent;border:none}
.tabbed-toc-tab{border-radius:3px 3px 0 0;white-space:nowrap;flex-shrink:0;scroll-snap-align:start}
.tabbed-toc-tab::after{top:auto;left:0;border-right:0;border-bottom:1px solid var(--linkC)}
.tabbed-toc ol{margin-top:15px;padding:0 15px;list-style:decimal}
.tabbed-toc li{display:list-item;padding:5px 0;overflow:visible;list-style:inherit}
.drkM .tabbed-toc-tab::after{border-color:var(--darkL)}
}
@media screen and (max-width:500px){
.tabbed-toc-title{font-size:15px}
}
</style>
- Lalu pastekan kode HTML yang kalian Sudah salin di atas.
- Jika sudah klik publish.
Jika sudah berikut ini contohnya hasilnya
Untuk melihat hasilnya kalian bisa menggunakan tanda mata' yang terletak pada samping menu publish. Untuk mengeceknya apakah sudah berhasil atau belum. Untuk langkah selanjutnya kalian perlu memasang sitemap blogger anda agar terbaca oleh mesin pencari google untuk langkah selanjutnya berikut ini:
Cara Memasang Sitemap Pada Template Median UI Blogger
Setalah membuat sitemap blogger langkah selanjutnya Anda perlu memasukkan sitemap tersebut ke dalam template Median UI yang kalian gunakan atau anda bisa kostum terlebih dahulu, untuk langkah memasang sitemap blogger pada template Median UI iyalah sebagai berikut.- Langkah pertama silahkan anda salin URL Sitemap yang anda buat sebelumnya.
- Buka Dasbor Blogger.
- Pilih menu TEMA.
- Lalu pilih Edit HTML.
- Gunakan Ctrl F.
- Lalu cari kode Sitemap
- Lalu letakkan link halaman sitemap anda di "href":"
- Contohnya {"href":"https://www.shaytekno.com/p/sitemap.html","position":0,"title":"Sitemap"},"link1":
Jika langkah dibatas tidak bisa kalian lakukan, ada Cara kedua yang bisa anda ikuti untuk memasang sitemap pada blogger, untuk langkah kedua ini anda bisa menggunakan halaman dari tataletak Haider Median UI, untuk langkah selengkapnya Iyalah sebagai berikut
Cara Memasang Sitemap Blogger Melalui Halaman tataletak
- Buka Dasbor Blogger.
- Salin terlebih dahulu URL sitemap blogger anda.
- Pada halaman utama blogger pilih tataletak.
- Lalu cari widget main menu. Atau novigation menu.
- Lalu pastekan URL Sitemap anda pada halaman sitemap yang telah tersedia jika sudah klik simpan.
- Proses selesai.
Demikian itulah tutorial cara membuat sitemap blogger pada template Median UI semoga bermanfaat.
Jika ada pertanyaan terkait tutorial di atas kalian juga bisa bertanya melalui kolom komentar yang telah admin sediakan dibawah ini, terimakasih selamat mencoba.
Post a Comment