Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget Atas Posting

Cara Membuat Daftar Isi (Sitemap) Blogger Otomatis (BAB 12)

Daftar Isi [Tampil]

Cara Membuat Daftar Isi (Sitemap) Blogger Otomatis - Membangun sebuah blog dari nol di blogger, adakah diantara sobat yang sedang melakukannya? Kalau ada dan sobat mampir ke artikel saya pada kesempatan kali ini, maka sobat sudah berkunjung ke tempat yang tepat. Karena disini saya akan memberikan materi lengkap kepada sobat semuanya mengenai cara membuat blog di blogspot dari nol sampai dengan sukses.

Yang namanya sebuah blog memang seharusnya menyajikan tampilan yang menarik, lengkap dan juga mudah untuk dipahami. Maka dari itu sobat perlu melakukan beberapa tindakan atau settingan pada blog yang sobat buat. Salah satunya adalah melengkapi blog dengan menambahkan daftar isi. Karena sebuah blog dengan daftar isi akan memudahkan pengunjung dalam mencari materi yang di butuhkan di dalam sebuah blog.

Cara Membuat Daftar Isi (Sitemap) Blogger Otomatis

Oke sobat, kali ini saya akan menjelaskan bagaimana cara membuat daftar isi atau sitemaps blog di blogger atau blogspot secara lengkap untuk Anda. Sebenarnya dibuat manual pun bisa yakni dengan menambahkan setiap daftar artikel baru pada halaman daftar isi. Namun tentu saja itu memakan waktu lama, apalagi jika upload artikel setiap hari puluhan bahkan ratusan. Makanya perlu sebuah cara agar daftar isi bertambah secara otomatis.

Sobat bisa lihat contohnya di halaman sitemaps pada mazkin.org. Maka disitu ada hasil daftar isi otomatis yang saya buat untuk blog ini. Tampilannya adalah seperti gambar di bawah ini : 

Pada gambar diatas tentu saja saya tidak lagi menambahkan setiap judul secara manual. Namun sudah update secara otomatis karena saya memasukkan script khusus dalam pembuatan sitemaps tersebut. Jika sobat juga ingin tahu cara membuat daftar isi atau sitemaps blog secara otomatis bisa mengikuti beberapa langkah dibawah ini : 

  • Masuk ke halaman dashboard blogger
  • Kemudian masuk ke menu "Halaman"
  • Selanjutnya sobat klik opsi "Buat Halaman Baru"
  • Lalu masuk ke mode penulisan html
  • Copy dan pastekan script yang ada 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>
<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">

  • Kemudian klik publish
  • Maka daftar isi blog sudah akan update secara otomatis

Nah sobat, sampai disini sudah selesai panduan membuat daftar isi atau sitemaps otomatis di blogger, untuk sobat yang merasa kurang jelas bisa simak materi selengkapnya di video berikut ini : 


Oke sobat, sekian informasi dari saya kali ini mengenai cara membuat daftar isi atau sitemaps di blogger secara otomatis. Semoga informasi ini bisa memberikan manfaat untuk sobat semuanya, terutama untuk sesama blogger pemula seperti saya. Demikian dan terima kasih sudah berkunjung di mazkin.org.

Posting Komentar untuk "Cara Membuat Daftar Isi (Sitemap) Blogger Otomatis (BAB 12)"