Untuk membuat daftar isi pada post blogger secara otomatis seperti contoh pada gambar diatas dapat dilakukan dengan cara :
- Klik menu "Page" (Halaman) di Dashboard Blog
- Klik New Page (Halaman Baru)
- Isi nama halaman dengan Sitemap, Peta Situs, atau Daftar Isi
- Klik tombol mode HTML
- Copy dan Paste kode daftar isi di bawah ini.
- Klik Publish!
<div dir="ltr" style="text-align: left;" trbidi="on"> <style type="text/css"> #toc{width:97%;margin:5px auto;border:1px solid #00a3c1;-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:#ff0000;font-weight:bold;margin:0 -5px;padding:1px 0 2px 11px;background:-moz-linear-gradient(right,#C2EAFE 0%,#00a3c1 40%);background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#00a3c1),color-stop(1,#C2EAFE));border:1px solid #00a3c1;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:#ff0000;font-weight:bold;font-style:italic;} .postname{font-weight:normal;background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));} .postname li{border-bottom: #ddd 1px dotted;margin-right:5px} </style> <br /> <div id="toc"> <script src="https://cdn.rawgit.com/aramdan/share/master/sitemap.js" type="text/javascript"></script> <script src="https://www.webmasdwi.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"> </script></div> </div> |
Ingat!Ubahlah text berwarna merah (https://www.webmasdwi.com) diatas dengan alamat web anda sebelum anda klik publish.