cara membuat daftar isi blogger sesuai label

 Silahkan copy kode HTML di bawah ini :

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhabanfu7krSnAcfC1iqy4U7t9OoxD3Htdj2Jja6Xwn_3NP_mIINo4Wz8l9Z3Y-JS01ZyaEa-5NBkCgrOaaM7s-S3NWULIYDgVR6uKzlyklVBbGKa-eAbqW4SXYdtW8f6xOTUlzattyH3A/s760/144647836_413958379666889_1221808764155176372_n.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="500" data-original-width="100%" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhabanfu7krSnAcfC1iqy4U7t9OoxD3Htdj2Jja6Xwn_3NP_mIINo4Wz8l9Z3Y-JS01ZyaEa-5NBkCgrOaaM7s-S3NWULIYDgVR6uKzlyklVBbGKa-eAbqW4SXYdtW8f6xOTUlzattyH3A/s320/144647836_413958379666889_1221808764155176372_n.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><div style="background-color: white; color: #2e2e2e; font-family: Montserrat, sans-serif; font-size: 14px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; transition: all 0s ease 0s;">.</div></div><br /><div style="text-align: center;"><br /></div>
<div style="text-align: center;">
<div class="jontor">  <script src="https://rawgit.com/mastamvan/backup/master/sitemap.js"></script>  <script src="/feeds/posts/default/-/widget?max-results=5000&amp;alt=json-in-script&amp;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><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><div><div class="separator" style="background-color: white; clear: both; color: #26282a; font-family: Merriweather, Arial, sans-serif; font-size: 16px; text-align: center;"><div class="separator" style="clear: both; text-align: center;"><br /></div><br />
</div></div></div>

hasilnya

.

tip