Daftar isi adalah salah satu bagian terpenting dalam sebuah blog atau website. Daftar isi berisikan kumpulan artikel atau link yang terdapat pada sebuah blog atau website. Dengan adanya daftar isi, mesin pencari seperti Google, Bing, Yahoo akan lebih mudah menemukan setiap artikel pada blog.
Membuat Daftar Isi di Blog
Berikut adalah langkah-langkah membuat daftar isi di Blogspot:
- Pertama login ke akun Blogger, lalu pergi ke dashboard blog. Pilih menu Halaman dan klik HALAMAN BARU.
- Kemudian ubah dari Tampilan menulis menjadi Tampilan HTML.
- Beri judul dengan “Daftar Isi” dan isi bagian HTML View masukkan script di bawah. Ganti teks berwarna merah dengan alamat blog kalian, kemudian klik Publikasikan.
<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/aguskusumawebid/JavaScript@main/sitemap.js”" type="”text/javascript”"></script> <script src="”https://www.aguskusuma.web.id/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc”"> </script></div>
- Hasilnya akan seperti gambar di bawah.
Penutup
Tampilan daftar isi tersebut simpel dan elegan. Bagi Anda yang menginginkan tampilan daftar isi yang berbeda, Anda bisa mencoba mencari script daftar isi lain di Google dengan kata kunci “script daftar isi blogger/blogspot“.
Posting Komentar untuk "Cara Membuat Daftar Isi di Blog (Blogger/Blogspot)"