Blog Berita Ringkas

Just another WordPress.com site

>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&#8221; media=”screen” rel=”stylesheet” type=”text/css”></link>
<script src=”http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js”></script&gt;
<script src=”http://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&#8221; 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&#8221; type=”text/css” media=”screen” />
<script style=”text/javascript” src=”http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js”></script&gt;
<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.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: