Home
Blogger
Sitemap

Cara Membuat Sitemap Keren untuk Blogger

Pada kesempatan kali ini, saya akan memberikan informasi mengenai cara membuat sitemap (peta situs) untuk blog atau web dengan platform Blogger. Sitemap digunakan untuk memudahkan pengunjung blog dalam melihat daftar artikel atau pos yang sudah diterbitkan. Sitemap yang saya bagikan ini bersifat manual, sehingga kalian hanya tinggal memasukan setiap label yang ada untuk menampilkan setiap 

Baiklah, tidak panjang lebar, langsung saja kalian ikuti setiap langkah yang akan saya berikan.

Langkah Membuat Sitemap Blog

Pertama
Masuk ke beranda Blogger.

Kedua
Pilih menu Halaman, kemudian buat Halaman Baru

Ketiga
Ubah mode penulisan menjadi Tampilan HTML

Keempat
Masukan kode berikut

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jampirojam/BLOGGER@master/sitemap.css"/>
<div class="container">
<div id="feed-list-container"></div>
<div style="clear: both;"></div>
</div>
<script type="text/javascript">
var multiFeed = {
    feedsUri: [
        {
            name: "Teknologi",
            url: "https://brojamz.blogspot.com/",
            tag: "Teknologi"
        },
        {
            name: "Informasi",
            url: "https://brojamz.blogspot.com/",
            tag: "Informasi"
        },
        {
            name: "Pendidikan",
            url: "https://brojamz.blogspot.com/",
            tag: "Pendidikan"
        },
        {
            name: "Permainan",
            url: "https://brojamz.blogspot.com/",
            tag: "Permainan"
        }
    ],
    numPost: 9999,
    showThumbnail: true,
    showSummary: true,
    summaryLength: 80,
    titleLength: "auto",
    thumbSize: 72,
    newTabLink: true,
    containerId: "feed-list-container",
    readMore: {
        text: "Selengkapnya",
        endParam: "?max-results=12"
    }
};
</script>
<script src="https://cdn.jsdelivr.net/gh/jampirojam/BLOGGER@master/sitemap.js" type="text/javascript"></script>
Kelima
Kemudian setelah kode tersebut terpasang, ganti yang ada di feedsUri sesuai yang ada di blog kalian. Misalnya:
feedsUri: [
   {
        name: "Judul Label", //judul label
        url: "https://namablog.com", //nama blog
        tag: "Judul Label" //judul label
    },
    {
        name: "Informasi", //contoh judul label
        url: "https://brojamz.blogspot.com/", //contoh nama blog
        tag: "Informasi" //contoh judul label
    }
],
Keenam
Kalian juga bisa menyesuaikan hal yang ingin kalian tampilan di sitemap kalian
numPost: 9999, //jumlah pos yang akan ditampilkan
showThumbnail: true, //ganti false untuk tidak menampilkan gambar
showSummary: true, //ganti false untuk tidak menampilkan deskripsi
summaryLength: 80, //jumlah karakter pada deskripsi
titleLength: "auto",
thumbSize: 72, //ukuran gambar dalam piksel
newTabLink: true,
containerId: "feed-list-container",
readMore: {
    text: "Selengkapnya",
    endParam: "?max-results=12"
}
Ketujuh
Simpan Halaman dan lihat hasilnya.

Post a Comment