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
<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.
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"/>Sitemap warna biru facebook seperti yang saya pakai tinggal mengganti satu baris kode paling atas dengan kodeberikut.
<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>
<link href="http://dte-project.googlecode.com/svn/trunk/blogger-toc-with-pagination_facebook-theme.css" rel="stylesheet"></link>Klik simpan dan lihat hasilnya.
Post Comment
Posting Komentar
Posting Komentar