Cara Membuat Daftar Isi Blog

Cara Membuat Daftar Isi (Sitemap) Blog Blogspot sangat mudah. Anda tinggal membuat halaman statis (page) baru, lalu centang mode HTML, dan copas kode sitemap.

 

1. Login

2. Klik menu "Pages" (Halaman)

3. Klik menu "New Page" (Halaman Baru)

4. Isi judul halaman dengan "Daftar Isi" atau "Sitemap"

5. Centang Mode "HTML"

6. Copy + Paste kode Daftar Isi berikut 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.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>

8. Klik Publish!

Membuat Daftar Isi sangat penting bagi navigasi blog.  Daftar isi memudahkan pengunjung mencari informasi yang dibutuhkannya, juga menjelajahi blog Anda. Contoh atau demo daftar ini blog seperti yang ada di blog ini, yaitu menu "Sitemap".