MEMBUAT PETA SITUS / SITEMAP BLOGGER

Bagi kamu yang ingin membuat peta situs atau Sitemap untuk blogger ikuti langkah-langkahnya dibawah ini.

Langkah 1 :

Copy kode CSS

Pastekan kode CSS dibawah ini langsung di Template.
Letakkan dimana saja asalkan masih didalam area skin. Atau letakkan didalam postingan.
Pastikan meletakkannya dalam mode HTML caranya, buat kode tag <style> pembuka dan tag </style> penutup, pastekan kode CSS ini tepat diantara keduanya.

/* Sitemap plugin By MyBloggerLab */
#bp_toc {
     color: #333;
     margin: 0 auto;
     padding: 0;
     border: 1px solid #d2d2d2;
     float: left;
     width: 100%
}
span.toc-note {display: none}
#bp_toc tr:nth-child(2n) {background: #f2f2f2}
td.toc-entry-col1 a {
     font-weight: bold;
     font-size: 14px; }
.toc-header-col1, .toc-header-col2, .toc-header-col3  {background:#f1f1f1}
.toc-header-col1 {     padding: 10px;     width: 50%; }
.toc-header-col2 {     padding: 10px;     width: 13%; }
.toc-header-col3 {     padding: 10px;     width: 37%; }
.toc-header-col1 a:link, .toc-header-col1 a:visited,
.toc-header-col2 a:link, .toc-header-col2 a:visited,
.toc-header-col3 a:link, .toc-header-col3 a:visited {
     font-size: 13px;
     text-decoration: none;
     color: #333;
     font-weight: 700;
     letter-spacing: 0.5px
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
     text-decoration: none;
}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {     padding: 5px;     padding-left: 5px;     font-size: 12px; }
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a {     color: #666;     font-size: 13px;     text-decoration: none }
.toc-entry-col1 a:hover,
.toc-entry-col2 a:hover,
.toc-entry-col3 a:hover {
     text-decoration: none;
     text-shadow: 1px 1px #ddd
}
#bp_toc table {
     width: 100%;
     margin: 0 auto;
     counter-reset: rowNumber
}
.toc-entry-col1 {     counter-increment: rowNumber; }
#bp_toc table tr td.toc-entry-col1:first-child::before {
     content: counter(rowNumber);
     min-width: 1em;
     min-height: 3em;
     float: left;
     border-right: 1px solid #fff;
     text-align: center;
     padding: 0px 8px 1px 6px;
     margin-right: 15px; }
td.toc-entry-col2 {     text-align: center; }

Langkah 2 :

Buat Laman baru
Copy dan pastekan script dibawah ini pada postingan, sekali lagi di mode HTML. Jika peletakkannya bersama dengan kode CSS diatas, posisikan script ini berada dibawah tag </style> penutup.

-<div id="bp_toc">
</div>
<script src='https://mybloggerlab.com/js/sitemap.js'  type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=loadtoc" type="text/javascript"></script>

Site Map Blogger Kamus CSS