28 January 2019

Cara Simple Membuat Sitemap di Blog

Sitemap itoru.id main

Hi guys,
Ketika kita mengunjungi sebuah blog, biasanya kita pasti mencari artikel yang kita butuhkan. Jika blog tersebut merupakan blog yang sudah lama tentunya jumlah artikelnya pasti banyak bisa ratusan bahkan ribuan artikel. Untuk memudahkan artikel yang kita cari biasanya kita menggunakan tombol search, selain tombol search ada juga cara lain yaitu kita cari halaman "Sitemap".

Apa itu halaman Sitemap ? Simplenya halaman Sitemap adalah halaman yang berisikan daftar isi dari artikel yang ada di blog kita. Tentunya dengan adanya halaman ini memudahkan kita untuk mencari artikel yang kita butuhkan di blog tersebut.

Lalu jika kita merupakan seorang blogger ototamis alangkah baiknya blog yang kita buat harus menyediakan halaman sitemap tersebut untuk mempermudah para pengunjung mencari artikel yang diinginkannya. Di blog itoru.id ini sudah menyediakan halaman sitemap tersebut. Bagaimana cara membuatnya ? Begini tutorialnya :

1. Pertama silahkan login ke halaman blogger anda dan langsung cari buat halaman di menu "Pages", lalu klik tombol "New page", beri judul halamannya dengan judul "Sitemap".

Sitemap itoru.id1

2. Kemudian masuk ke mode "HTML", pastekan script berikut,

<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #333333;
-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: #333333;
border:1px solid #333333;
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>

<br />
<div id="toc">
<script src="https://cdn.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script>
<script src="https://www.itoru.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
3. Setelah itu maka tampilan dari halaman sitemap yang kita buat akan menjadi seperti ini.
Sitemap itoru.id2

Bagaimana? Simple bukan?  Sekali lagi bahwa sitemap merupakan salah satu halaman yang penting yang harus kita sediakan di halaman blog kita agar para pengunjung tidak kebingungan untuk mencari artikel yang mereka butuhkan.

Jatuh bangun aku mengejarmu, namun dirimu tak mau mengerti ....


EmoticonEmoticon