Cara Menambah Widget Sitemap di Blogger

Daftar isi [Tampil]


Cara Menambah Widget Sitemap di Blogger adalah tutorial yang saya akan share untuk kamu semua. Ini agar kamu tah kalau berapa jumlah artikel yang telah di publikasi pada blog kamu, walaupun sebenarnya ada widget archive dimana akan tau artikel yang telah di publikasi dan waktu nya. Akan tetapi itu semua berbentuk widget dan sulit untuk diatur jadi kaya gimana kesannya.


Dengan memasang sitemap ini pada halaman statistik blog maka akan membuat Blog terlihat profesional ditambah lagi pengunjung juga akan bisa lebih mudah mengetahui semua postingan yang ada di blog kamu. 


Tertarik dengan artikel nya berikut ini adalah tutorial nya, jangan lupa simak baik-baik karena tutorial nya sangatlah mudah banget.


Menambahkan Widget Sitemap di Blogger


Kamu terlebih dahulu masuk ke akun Blogger kamu kemudian masuk ke Halaman > Pilih icon (+) untuk menambah Halaman Baru > Setelah itu masuk ke Mode HTML > Masukkan kode di bawah ini


<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOH5HcsgFq4KMw6_ovTnyTE3p0J4QiUP24pXVH4fu_8rlnAvDIRJLN5jte6x-gUK6uKwX6MO7u8pbRVFPa0HVekGI1cFyhuoOiv52U0EYaZ7BOO8jUKa6fsv_EKGvHcQW_b7s9BZVkT3Ei/s1600/Sitemap+Arlina+Code.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Sitemap Arlina Code" class="lazyload" style="border: none;" data-original-height="444" data-original-width="1200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOH5HcsgFq4KMw6_ovTnyTE3p0J4QiUP24pXVH4fu_8rlnAvDIRJLN5jte6x-gUK6uKwX6MO7u8pbRVFPa0HVekGI1cFyhuoOiv52U0EYaZ7BOO8jUKa6fsv_EKGvHcQW_b7s9BZVkT3Ei/s1600/Sitemap+Arlina+Code.png" title="Sitemap Arlina Code" /></a></div>

<div id="bp_toc">
</div>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-simple.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=99999&amp;callback=loadtoc" type="text/javascript"></script>
<style scoped="" type="text/css">#comments,#Label1,#FollowByEmail1{display:none}#bp_toc{color:#000;margin:0 auto;max-height:686px;overflow:hidden;overflow-y:auto}span.toc-note{margin:0 auto 25px auto;text-align:center;line-height:normal;display:table;position:relative;overflow:hidden;font-size:14px;padding:10px 20px;background:#007bff;background-image:linear-gradient(50deg,#ff4169,#8b41f6);background-size:100%;color:#fff;border-radius:99em;font-weight:500;transition:all .3s}span.toc-note:hover{background-size:200%}.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:#fff;width:125px}#bp_toc td.toc-header-col1,#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3{border:1px solid rgba(0,0,0,0.05);background:#fff}#bp_toc td.toc-header-col1{}#bp_toc td.toc-header-col2{}#bp_toc td.toc-header-col3{}.post td{background:transparent}#bp_toc td.toc-entry-col1,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3{border:1px solid rgba(0,0,0,0.05)}#bp_toc td a{background:transparent;color:#222;float:none;border-radius:0;padding:0;font-size:100%;display:initial;box-shadow:none}#bp_toc td a:hover{color:#0984e3}.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-weight:500;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:10px 5px;font-size:90%}.toc-entry-col1 a,.toc-entry-col2 a,.toc-entry-col3 a{color:#000}.toc-entry-col1 a:hover,.toc-entry-col2 a:hover,.toc-entry-col3 a:hover{color:#3498db}#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);display:inline-block;min-width:38px;margin-right:.7em;background:#fc5c65;color:#fff;border-radius:99em;font-weight:500;text-align:center;font-size:12px;padding:0;line-height:1.7}
#bp_toc td.toc-entry-col1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}
#bp_toc::-webkit-scrollbar{-webkit-appearance:none;width:4px;height:5px}#bp_toc::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:10px}#bp_toc::-webkit-scrollbar-track{background-color:transparent}#bp_toc::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.25)}
@media screen and (max-width:768px) {
#bp_toc td.toc-entry-col1{white-space:normal;overflow:visible;text-overflow:initial;max-width:100%}#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3,#bp_toc table tr td.toc-entry-col1:first-child::before{display:none}}
</style>

Kemudian Publikasi Halaman




Itulah Tutorial singkat Cara Menambah Widget Sitemap di Blogger, semoga bermanfaat, See you

Sudar