Halaman

    Social Items


Pada kesempatan ini onbloging bakal sharing gimana cara membuat sitemap di blog kamu nih. Manfaat punya sitemap salah satunya adalah, memberikan kemudahan untuk pengunjung kamu yang sedang menelusuri semua konten blog kamu, selain itu blog kamu jadi terlihat lebih profesional loh.

1. Login Blogger > Pilih Halaman > Klik halaman baru > dan klik HTML (Bukan Compose) > salin kode di bawah ini ke dalam HTML

<div id="bp_toc">
</div>
<script src="https://rawcdn.githack.com/onbloging/jsfile/master/sitemapborn.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>

<style scoped="" type="text/css">
#comments {display:none;}
</style>

2. Pilih Publikasikan

3. Selanjutnya klik Template > pilih edit HTML > cari kode </style> > salin kode di bawah ini tepat di atas kode tersebut.

/* CSS Full Sitemap */
#bp_toc {background:#ffaaa4;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#ffcfcc;font-family:'Open Sans';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
.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:#aaa;font-family:'Open Sans';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 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}
#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;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}

4. Untuk warna dan font masih bisa dirubah yah
Jika di blog kamu memiliki konten artikel yang banyak, maka dianjurkan untuk membatasi ukuran pada halaman sitemap, kamu tinggal tambahkan style pada kode barisan pertama, contoh nya seperti link di bawah ini :

<div id="bp_toc" style="max-height:1300px;overflow:scroll;overflow-x:auto;">
</div>
<script src="https://rawcdn.githack.com/onbloging/jsfile/master/sitemapborn.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>

<style scoped="" type="text/css">
#comments {display:none;}
</style>
Silahkan ganti ukuran yang sudah saya beri tanda sesuai dengan ukuran halaman kamu.



Cara Membuat Sitemap


Pada kesempatan ini onbloging bakal sharing gimana cara membuat sitemap di blog kamu nih. Manfaat punya sitemap salah satunya adalah, memberikan kemudahan untuk pengunjung kamu yang sedang menelusuri semua konten blog kamu, selain itu blog kamu jadi terlihat lebih profesional loh.

1. Login Blogger > Pilih Halaman > Klik halaman baru > dan klik HTML (Bukan Compose) > salin kode di bawah ini ke dalam HTML

<div id="bp_toc">
</div>
<script src="https://rawcdn.githack.com/onbloging/jsfile/master/sitemapborn.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>

<style scoped="" type="text/css">
#comments {display:none;}
</style>

2. Pilih Publikasikan

3. Selanjutnya klik Template > pilih edit HTML > cari kode </style> > salin kode di bawah ini tepat di atas kode tersebut.

/* CSS Full Sitemap */
#bp_toc {background:#ffaaa4;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#ffcfcc;font-family:'Open Sans';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
.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:#aaa;font-family:'Open Sans';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 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}
#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;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}

4. Untuk warna dan font masih bisa dirubah yah
Jika di blog kamu memiliki konten artikel yang banyak, maka dianjurkan untuk membatasi ukuran pada halaman sitemap, kamu tinggal tambahkan style pada kode barisan pertama, contoh nya seperti link di bawah ini :

<div id="bp_toc" style="max-height:1300px;overflow:scroll;overflow-x:auto;">
</div>
<script src="https://rawcdn.githack.com/onbloging/jsfile/master/sitemapborn.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>

<style scoped="" type="text/css">
#comments {display:none;}
</style>
Silahkan ganti ukuran yang sudah saya beri tanda sesuai dengan ukuran halaman kamu.