Cara Mudah Membuat Daftar Isi Sitemap di Blogger

Membuat daftar isi atau sitemap pada blog sendiri merupakan salah satu elemen yang menurut saya sangat wajib ada pada sebuah blog. Karena sitemap atau daftar isi sendiri memiliki keunggulan yang mampu memudahkan para pengunjung sebuah blog untuk mencari sebuah artikel pada blog yang mereka kunjungi. 

Dan pembuatan halaman sitemap atau daftar isi ini saya sarankan sekali wajib ada pada blog kalian, guna mempermudahkan pengunjung serta blog kalian akan terlihat lebih menarik. 

Sebenarnya begitu banyak cara untuk membuat sitemap atau daftar isi pada sebuah blog yang telah ditulis oleh para blogger lain, akan tetapi disini saya akan berbagi kepada kalian dengan cara yang lebih mudah dan tinggal pasang. 

Sitemap serta daftar isi yang akan saya beritahu cara nya ini menurut saya hasilnya sangat keren dan bagus, tentunya responsive karena setelah saya cek disemua perangkat yang ukuran layarnya berbeda halaman sitemap ini masih bisa dibuka dan tetap keren. 

Oiya jika kalian ingin membuat halaman kontak seperti blog ini, yang mana tampilannya sudah material design serta responsive dan juga keren, kalian dapat membaca artikel saya yang mengenai cara membuat halaman kontak pada blogger. 

Baiklah, silahkan ikutin dan simak beberapa metode cara untuk membuat daftar isi pada blog dibawah ini, pastikan kalian sudah praktekan dari awal supaya tidak mengalami permasalahan.

Membuat Daftar Isi Sitemap di Blogger

1. Hal pertama yang harus kalian lakukan adalah dengan masuk ke Dashboard Blogger.

2. Kemudian pilih Menu Halaman.

3. Silahkan pilih Buat Halaman Baru.

4. Disini silahkan kalian copy serta paste kan pada halaman yang ingin kalian buat tadi.

5. Pastikan kalian berada pada Mode HTML bukan mode tulis atau Compose.

<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #40a7de;
-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:#40a7de;font-weight:bold;margin:0 -5px;
padding:1px 0 2px 11px;background: #1087FF;
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:#40a7de;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.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

6. Disini tidak ada yang perlu kalian ganti, karena kode yang saya berikan diatas membuat halaman otomatis menampilkan daftar isi pada blog kalian. 

7. Jangan lupa buat judul halaman yang ingin kalian buat, misalnya seperti Sitemap, Daftar Isi, dll.

8. Selesai dan lihat hasil nya. Jika kalian mengalami permasalahan atau tidak muncul, coba kalian hapus semua kode nya lagi terus pastekan sekali lagi.

Nah, sekarang sitemap atau daftar isi pada blog kalian telah berhasil dibuat, silahkan aplikasikan ke template yang kalian gunakan.

www.syahrulramadhan.my.id