Cara Membuat Halaman Peta Situs di Blogger

Cara membuat Halaman Peta Situs atau Sitemap di Blogger


Peta Situs atau lebih dikenal dengan Sitemap merupakan sebuah deretan yang berisi semua artikel yang berada di blog/website anda. Fungsinya kurang lebih sama dengan daftar isi yang ada di buku, yaitu untuk memudahkan pembaca mencari informasi yang mereka inginkan. Menggunakan Peta Situs sebagai penunjuk jalan nantinya akan menghemat waktu dan tenaga kita.

Biasanya, Peta Situs diletakkan berdampingan dengan laman Tentang Kami, Bantuan, Kritik dan Saran, dan sebagainya menyangkut informasi mengenai blog tersebut. Meski sebuah blog tidak diharuskan memiliki Peta Situs, tapi jika kita menyediakan pilihan bagi pembaca tentu akan lebih baik hasilnya. Blog yang menggunakan peta situs di dalamnya juga terkesan lebih profesional dan akan menarik minat pembaca kembali ke blog anda suatu saat nanti.

Ada beberapa cara yang dapat kita gunakan untuk membuat sebuah halaman peta situs. Salah satunya adalah menggunakan layanan google yang bernama Google Webmaster Tool. Akan tetapi kali ini saya tidak akan menggunakan cara tersebut karena cukup sulit sebab harus memasukkan alamat artikel anda satu persatu. Meski memang di balik kekurangan pasti ada sebuah kelebihan yang Google Webmaster Tool.

Kali ini saya akan memberikan tutorial bagaimana cara membuat sebuah halaman Peta Situs untuk Blogspot/Blogger dengan mudah. Selengkapnya, silahkan ikuti langkah-langkah berikut:

1. Buka Blogger anda kemudian buatlah halaman baru.

Cara membuat Halaman Peta Situs atau Sitemap di Blogger


Perbedaan antara postingan dengan halaman adalah halaman tidak akan muncul secara otomatis pada halaman utama blog.

2. Beri nama "Peta Situs" atau "Sitemap" pada halaman yang telah anda buat.

3. Ubah tampilan dari Compose ke HTML mode.

Cara membuat Halaman Peta Situs atau Sitemap di Blogger


4. Copy-Paste kode di bawah ini:

 <style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;
-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: #3498DB;
border:1px solid #2D96DF;
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>
<div id="toc">
<script src="https://cdn.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script>
<script src="http://www.namablogmu.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Jangan lupa mengganti alamat "www.namablogmu.com" di bagian bawah dengan nama blog anda. Hasilnya nanti akan seperti ini:

Cara membuat Halaman Peta Situs atau Sitemap di Blogger


5. Setelah selesai kemudian klik Publikasikan.


Cara membuat Halaman Peta Situs atau Sitemap di Blogger


6. Untuk mengeceknya, silahkan klik lihat di bawah Judul.

Cara membuat Halaman Peta Situs atau Sitemap di Blogger


7. Jika sudah muncul tampilan seperti di bawah ini , berarti  selamat halaman Peta Situs sudah berhasil dibuat.

Cara membuat Halaman Peta Situs atau Sitemap di Blogger


8. Langkah terakhir yaitu memasukkan link Peta Situs yang telah dibuat ke dalam menu. Saya yakin anda sudah faham apa yang saya maksud, karena langkah-langkahnya hampir sama dengan membuat sub menu untuk label.

Demikian penjelasan singkat mengenai "Cara Membuat Halaman Peta Situs di Blogger". Jika informasi ini bermanfaat, silahkan bagikan artikel ini ke teman-teman kalian. Terimakasih.

Berlangganan update artikel terbaru via email:

0 Response to "Cara Membuat Halaman Peta Situs di Blogger"

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel