Cara Membuat Daftar Isi Blog Diblogger

Pengertian Daftar isi Blog

Daftar Isi Blog adalah lembar halaman yg menjadi sebuah petunjuk pokok isi halaman,jadi kalau daftar isi blog atau Table of content merupakan halaman yang bisa dijadikan sebagai petunjuk bagi para pengunjung atau pembaca agar lebih mudah untuk melihat isi blog yang sobat miliki.

Cara Membuat Daftar Isi di Halaman Statis Blog

Untuk Membuat Daftar Isi Blog Diblogger sobat bisa mengikuti Langkah –langkah sebagai berikut :

Langkah yang pertama sobat Log in ke Blogger terlebih dahulu
Silahkan sobat masuk ke halaman Dashboard Blog pilih menu "Page" atau "Halaman"
Sobat pilih Menu Halaman (Page)
Sobat pilih Halaman atau "New page"
Kemudian sobat Isi nama judul halaman dengan Daftar Isi atau Sitemap, Peta Situs, atau apalah sesuai dengan bahasa yang anda kehendaki.
Setelah itu Sobat pilih dan tekan pada tombol mode HTML
Kemudian Sobat Copy dan Paste kode HTML daftar isi yang telah saya siapkan di bawah ini.
Langkah selanjutnya Sobat tekan tombol Publish
Selamat sobat sudah memiliki Daftar isi Blog yang Keren…!

Berikut ini merupakan kode daftar isi yang saya dapatkan dari mastamvan, tampilanya sangat bagus dan menarik, sehingga saya ingin share kepada kalian semua, agar bermanfaat bagi yang membutuhkannya

<div class='jontor'>
<script src="https://rawgit.com/mastamvan/backup/master/sitemap.js"></script>
<script src="/feeds/posts/default?max-results=5000&alt=json-in-script&callback=mas_tamvan_Load"></script>
</div>
<style type='text/css'>.jontor{width:100%;border-collapse:collapse;text-align:left;overflow:hidden;margin:0 auto;}
.jontor a{color:black;}
.jontor p .mas_tamvan_Label{background:#4ECDC4;display:block;padding:12px;}
.jontor ol li{position:relative;display:block;padding:.4em .4em .4em .8em;margin:.5em 0 .5em 2.5em;background:#d9f4f2;color:#666;text-decoration:none;transition:all .3s ease-out;}
user agent stylesheetli{display:list-item;text-align:-webkit-match-parent;}
.jontor ol li:before{content:counter(li);counter-increment:li;position:absolute;left:-2.5em;top:50%;margin-top:-1em;background:#0fa9cd;color:#fff;height:2em;width:2em;line-height:2em;text-align:center;font-weight:bold;}
.jontor ol li:hover:after{left:-.5em;border-left-color:#0fa9cd;}
.jontorol li:hover{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);transition:all 0.3s cubic-bezier(.25,.8,.25,1);}
.jontor ol li:after{position:absolute;content:'';border:.5em solid transparent;left:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}
ol{counter-reset:li;list-style:none;font:15px 'Arial';padding:0;margin-bottom:4em;text-shadow:0 1px 0 rgba(255,255,255,.5);margin-left:26px;}
.mas_tamvan_Postname li:nth-of-type(odd){background:#f1f3f3;}
.new{color:red!important;font-weight:700;font-style:italic;}
user agent stylesheetol{display:block;list-style-type:decimal;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;}
</style>

Tujuan dan manfaat dafrtar isi blog di Blogger

1.Dapat mempermudah bagi pengunjung atau pembaca untuk mencari judul Artikel yang sedang mereka cari.

2.Dapat menambah Link internal pada blog yang sobat miliki

3.Dapat berfungsi sebagai pengaitan sebuah link pada suatu artikel

4.Dapat mempermudah pengunjung atau para pembaca untuk melihat isi pada blog yang sedang dikunjungi.

5.Mempermudah pemilik blog untuk mengecek isi dari blognya sendiri.

Baca Juga

kalo daftar isi yang saya pakai cukup simple saja, tampilannya sangat sederhana, anda bisa melihat contohnya seperti dibawah ini,

Contoh Tampilan Daftar Isi Blog

DAFTAR ISI

Android

Bateray android paling tahan lama
Cara Hard reset Hp android
Cara instal JDk di android
Cara instal Apk di android
Cara Mengisi daya bateray agar lebih cepat
Cara Instal game pokemon Di android
10 harga android termurah berkualitas

Panduan Blogging

Cara Langkah Mudah Membuat Menu Drop Down diblog - Baru!!
Cara Membuat Blog Untuk Pemula - Baru!!
Cara Membuat Sroll Bar pada side bar - Baru!!
Cara Paling Mudah Membuat Daftar Isi di blogspot
Cara mudah Submit Peta Situs di Google Webmasters Tools - Baru!!
Cara menambahkan widget media social pada Template blog.
Cara menempatkan iklan Adsense di atas postingan
Cara menempatkan iklan Adsense dibawah postingan
Cara mengamankan kode iklan Adsense

Komputer

Cara Aktivasi Window 10 menjadi full vertion
Cara memperbaiki laptop yang error
Daftar produk key windows 10

Kesehatan

Manfaat Air putih bagi kesehatan
manfaat tidur siang untuk kesehatan
Manfaat senam Kegel
Manfaat jalan-jalan dipagi hari

Islami

Cara untuk Berbakti Kepada Orang Tua
Dasar dan hukum Ibadah Dalam Agama Islam
Hikmah Tahun Baru Hijriyyah
Hukum Menikah Dalam Agama Islam
Ibadah Qurban Dan Syarat Syarat Qurban.
Kedudukan Al-Qur’an Bagi Orang-Orang Yang Beriman
Kewajiban antara Suami Istri Dalam Islam - Baru!!
Perempuan Haid Dalam Islam - Baru!!
Sabar,iklas Dan Ridha Atas Kehendak ALLAH - Baru!!

Pengobatan Tradisional

Cara Mengobati Penyakit Asma secara Alami
Cara Mengobati Penyakit Ejakulasi Dini
Manfaat ADAS
Manfaat Bangle Bagi Kesehatan
Manfaat Buah Alpukat Bagi Kesehatan
Manfaat Bunga Kenop Bagi Kesehatan Tubuh
Manfaat Cabe Jawa Untuk Kesehatan - Baru!!
Manfaat Daun Dewa Sebagai Pengobatan- Baru!!
Manfaat Daun Sendok Untuk Kesehatan - Baru!!
Manfaat Kunir Putih Bagi Kesehatan
Manfaat Tanaman Andong untuk kesehatan
Manfaat Tanaman Alang-alang Bagi Kesehatan
Manfaat Tanaman Bambu Tali untuk Pengobatan
Manfaat Tanaman Baroco Bagi Kesehatan tubuh
Manfaat Tanaman Barucina Bagi Kesehatan tubuh
Manfaat Tanaman Belimbing Wuluh Bagi Kesehatan tubuh
Manfaat Tanaman Beluntas Untuk Pengobatan
Manfaat Tanaman Bidara Upas untuk kesehatan
Manfaat Tanaman Brotowali Untuk kesehatan
Manfaat Tanaman Keladi Tikus Untuk kesehatan
Mengobati Pembengkakan yang terjadi pada Kelenjar Prostat
Mengobati Penyakit Batu Ginjal Dengan Ramuan Alami
Mengobati Penyakit Batu Kandung Kemih Dengan ramuan Alami
Mengobati Penyakit Darah Tinggi Dengan Ramuan Alami
Mengobati Penyakit Impotensi Dengan Ramuan Tradisional
Mengobati Penyakit Maag Kronis
Mengobati Penyakit Radang Ginjal Dengan Ramuan Tradisional
Mengobati Penyakit Radang Kandung Kemih Secara Alami
Mengobati Penyakit Strok Dengan Ramuan alami
Mengobati Penyakit jantung Secara Alami tanpa efek samping
Mengobati penyakit Diabetes Mellitus Dengan Ramuan Tradisional

Demikian Cara Membuat Daftar Isi Blog Diblogger, dengan dilengkapinya daftar isi blog maka pengunjung blog kalian akan lebih mudah untuk mencari artikel yang ingin mereka baca.