Cara Membuat Sitemap Pada Blog

Ada beberapa cara membuat sitemap pada blog, namun saya akan memberikan dua Cara Membuat Sitemap Pada Blog yaitu Cara Membuat Sitemap sederhana otomatis blogger dan Membuat Sitemap SEO Keren.

Untuk membuat sitemap sederhana otomatis blogger silahkan anda ikuti langkah langkah berikut.

Masuk ke akun blogger anda.
Pilih menu Laman.
Buat Laman baru.
Pilih mode ' HTML '
Beri judul Daftar isi atau Sitemap ( atau terserah anda ).
Masukan kode berikut
<script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script src="http://clickkplus.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Ganti clickkplus.blogspot.com dengan alamat blog atau website anda
Publikasikan

Apabila anda ingin sitemap anad mempunyai scroll anda ganti kode diatas dengan kode di bawah ini.

<div style="background-color: #dde1e3; border: 1px solid #999999; height: 100px; overflow: auto; padding: 10px; width: 100%px;">
<script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script src="http://clickkplus.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>

Membuat Sitemap SEO Keren, agar tampilan sitemap terlihat lebih keren anda bisa lakukan langkah langkah dibawah ini.

Caranya sama dengan cara diatas hanya kodenya yang berbeda, silahkan copy kode berikut.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><link href="https://googledrive.com/host/0B685uqap5sAIQWVXbHMyZ2ozX0U/sitemap.css" rel="stylesheet"></link>
<div class="table-of-content" id="table-of-content">
<span class="loading">Loading...</span></div>
<script>
var toc_config = {
url: 'http://clickkplus.blogspot.com',
containerId: 'table-of-content',
showNew: 10,
newText: ' - <strong style="font-weight:bold;font-style:italic;color:red;">New !!!</strong>',
sortAlphabetically: {
thePanel: true,
theList: true
},
maxResults: 9999,
activePanel: 1,
slideSpeed: {
down: 400,
up: 400
},
slideEasing: {
down: null,
up: null
},
slideCallback: {
down: function() {},
up: function() {}
},
clickCallback: function() {},
jsonCallback: '_toc',
delayLoading: 0
};
</script>
<script src="https://googledrive.com/host/0B685uqap5sAIc0tvWHphd1lvT0E/sitemap.js"></script>

Hal yang perlu diperhatikan

- Teks yang berwarna biru adalah jQuery. Apabila ditemplate agan sudah dilengkapi jQuery, singkirkan saja script warna birunya.

- Ganti teks yang berwarna merah dengan Alamat Blog Agan.

Sitemap keren warna hijau yang patut anda coba, silahkan copy kode di bawah ini dan paste di hamanan yang akan anda buat.

<link rel="stylesheet" href="http://dte-project.googlecode.com/svn/trunk/blogger-toc-with-pagination_default-theme.css"/>
<script>
var showPostDate   = true,
    showComments   = true,
    idMode         = true,
    sortByLabel    = false,
    labelSorter    = "JQuery",
    loadingText    = "Loading...",
    totalPostLabel = "Jumlah posting:",
    jumpPageLabel = "Halaman",
    commentsLabel = "Komentar",
    rmoreText      = "Selengkapnya ►",
    prevText       = "Sebelumnya",
    nextText       = "Berikutnya",
    siteUrl        = "http://clickkplus.blogspot.com",
    postPerPage   = 10,
    numChars       = 370,
    imgBlank       = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC";
</script>
<script src="http://dte-project.googlecode.com/svn/trunk/blogger-toc-with-pagination.js"></script>

Sitemap warna biru facebook seperti yang saya pakai tinggal mengganti satu baris kode paling atas dengan kodeberikut.

<link href="http://dte-project.googlecode.com/svn/trunk/blogger-toc-with-pagination_facebook-theme.css" rel="stylesheet"></link>

Klik simpan dan lihat hasilnya.

Cara Membuat Sitemap Pada Blog

Posting Komentar

Formulir Kontak