Cara Membuat Daftar isi/Sitemap secara Otomatis seperti Situs Otomotif RAJA ALARM MOTOR

Rania Nur Aisyah - Sitemap/Daftar isi adalah sebuah link daftar artikel yang ada pada blog atau situs dengan penampilan judul dan link saja secara otomatis.

Sitemap/Daftar Isi Fungsinya selain untuk melihat isi dari blog tersebut secara keseluruhan juga membuat penampilan blog semakain menarik. Salah satu contoh kita bisa melihat ada tulisan New pada link daftar isi blog.

Nah untuk saat ini bagi anda yang inggin memasang sitemap/daftar isi  di blognya cukup mudah. Ikuti beberapa tahapan dibawah ini:

Image: Sitemap/Daftar Isi Blog

MEMBUAT SITEMAP/DAFTAR ISI BLOG

Masuk ke Daskboard Blogger > Klik  "Halaman" > lalu Klik  "Halaman Baru". seperti foto dibawah ini:

Silahkan isi Judulnya terlebih dahulu lalu Pilih "HTML "seperti lingkaran merah pada gambar dibawah ini. Paste Kode / Script yang ada dibawah ini:

Kode Script Sitemap/Daftar Isi:

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

<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>

Selanjutnya : Silahkan Klik "Perbarui" dan Lihat Hasilnya.

Demikian Artikel tentang Membuat Daftar Isi Otomatis Keren Seperti blog rajaalarmmotor.com semoga bermanfaat untuk sobatku semua. silakan lihat Demo

Share :