 |
| Ilustrasi |
Bagi sobat yang mau buatpeta situs atau daftar isi untuk blognya bisa mencoba dengan script ini ya. Script ini nanti hasilnya seperti ini dan diurutkan berdasarkan LABEL postingan. Berikut scriptnya HTMLnya :
================================================== =========
<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #cccccc;box-shadow:4px 4px 4px -2px rgba(0,0,0, 0.2);}
.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;padding:1px 0 2px 11px;background: #225375;border:1px solid #2D96DF;border-radius:4px;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/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>
<script src="/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>
Posting Komentar
Terima kasih telah membaca, mudah-mudahan apa yang anda baca ada manfaatnya. Dengan senang hati, jika anda berkomentar pada tempat yang disediakan dengan bahasa yang santun..