Tutorial membuat sitemap di blogspot

Sitemap dalam sesebuah blog adalah penting kerana ia menjadikan blog anda lebih mesra pengguna. Kegunaan sitemap ialah untuk memudahkan pelawat blog anda melihat kesemua entry dalam blog anda sama seperti blog archieve yang kebanyakan blogger letak di sidebar blog.

Pada entry kali ini, aku akan buatkan tutorial macamana nak buatkan sitemap dalam blog korang tanpa gunakan blog archieve. Bagi sesetengah orang, mereka mungkin lebih gemar menggunakan blog archieve tapi aku lebih suka meletakkan list semua entry dalam satu entry yang berasingan.

Berikut adalah demo untuk sitemap yang korang boleh letak dalam blog korang. Credits to Abu Farhan.

Demo sitemap 1
Demo sitemap 2

Tutorial meletakkan sitemap di blog:

1. Buatkan satu landing page baru. Posting > edit pages > new page > Edit HTML.

2. Masukkan kod berikut dalam landing page tersebut.

Sitemap 1

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://www.oblo.web.id/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

Note: Tukarkan code berwarna merah dengan url blog anda


Sitemap 2

<link rel="stylesheet" href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" type="text/css" media="screen" />
<script style="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script>
<script src="http://deconstructioncode.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Note: Tukarkan code berwarna merah dengan link blog anda

3. Publish page tersebut dan korang dah berjaya membuat sitemap untuk blog korang.