Cara Membuat Sitemap Simple Keren SEO di Blogspot

Blogaziz.com | Daftar isi atau sitemap isi blog diakui sangat penting untuk memberikan ruang informasi untuk pengunjung pada blog agar mengetahui seluruh isi artikel. Kali ini saya akan menulis cara membuat sitemap fast loading, responsive dan simple serta keren di blog. Sebenarnya sitemap defauld atau bawaan sudah disediakan oleh pihak blogger, namun tampilannya tidak menarik dan terlihat biasa saja. Nah, dengan membuat sitemap keren dan simple sehingga tercipta rasa betah kepada setiap orang yang mengunjungi  blog kita jadi betah.

Yang paling menanti dari sitemap simple seo dan keren ini adalah menampilkan hasil daftar yang sesuai dengan label, jadi setiap artikel akan otomatis menampilkan sesuai label. Setiap pos ringan terbaru akan masuk ke daftar sitemap secara otomatis dan Anda tidak perlu mengatur satu per satu. Memasang sitemap di blogger atau blogspot mudah tanpa harus menggunakan banyak skill atau kemampuan, karena hanya dengan bahasa html dan ilmu copy paste pada halaman statis, maka sitemap sudah berhasil dibuat.

Sitemap Simple Keren SEO dan Fast Loading tampil Responsive

Beberapa koleksi dari blog aziz untuk membuat sitemap seo dan keren. Sesuaikan sitemap di bawah ini untuk dipilih dan dipasang di halaman blog anda. Pasang sitemap dengan benar agar hasil terlihat keren.

Sitemap Keren, SEO, dan Responsive versi 1

<*style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;
padding:1px 0 2px 11px;background: #3498DB;
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
<*/style>
<*div id="toc">
<*script src="https*://cdn.rawgit.com/blogaziz/blogjs/bc4425a6/blogaziz.js" type="text/javascript"><*/script>
<*script src="https*://www.blogaziz.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
<*/script><*/div>

Sitemap Keren, SEO, dan Responsive versi 2

<*link href="https*://rawgit.com/blogaziz/blogjs/master/blogazizcss.css" rel="stylesheet"><*/link>
<*div class="tabbed-toc" id="tabbed-toc">
<*span class="loading">Memuat…<*/span><*/div>
<*script>
var tabbedTOC = {
blogUrl: "https*://www.blogaziz.com/", // Blog URL
containerId: "tabbed-toc", // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: false, // `true` to show the post date
showSummaries: false, // `true` to show the posts summaries
numChars: 200, // Number of summary chars
showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
thumbSize: 40, // Thumbnail size
noThumb: 
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // A "no thumbnail" URL
monthNames: [ // Array of month names
"Januari",
"Februari",
"Maret",
"April",
"Mei",
"Juni",
"Juli",
"Agustus",
"September",
"Oktober",
"November",
"Desember"
],
newTabLink: true, // Open link in new window?
maxResults: 99999, // Maximum post results
preload: 0, // Load the feed after 0 seconds (option =>
time in milliseconds || "onload")
sortAlphabetically: true, // `false` to sort posts by published date
showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
newText: ' &*ndash; <*em style="color:red;">New!<*/em>'
// HTML for the "New!" text
};
<*/script>
<*script src="//cdn.rawgit.com/blogaziz/blogjs/ebda1f2d/blogazizcom.js"><*/script>

Demo: versi 2 Daftar Isi

Keterangan: Hapus semua tanda bintang (*). Dan ganti url https://www.blogaziz.com dengan url blog anda.

Cara Memasang Sitemap seo keren simple dan responsive di Blogspot

Langkah pertama silakan anda login ke akun blogger, kemudian pilih "Laman", lalu pilih menu "Laman Baru". Lihat pada gambar.


Kedua, isi nama judul "Daftar Isi" atau "Sitemap". Ketika menulis pilih mode HTML.

Ketiga, Copy kode HTML sitemap di atas kemudian paste di halaman. Terakhir klik "Publikasikan". Lebih jelas perhatikan gambar di bawah.


Selesai, kini sitemap sudah berhasil dibuat. Sekarang sitemap di blog anda sudah jadi nampak terlihat keren dan simple, sehingga pengunjung bisa betah karena disajikan dengan fitur daftar isi. Jangan lupa ganti url blog https://www.blogaziz.com dan hapus tanda * bintang.