Cara membuat Sitemap pada blog paling keren 2017 - Sitemap merupakan salah satu alat bantu untuk para webmaster yang mempermudah dalam pengenalan peta situs di dalam website. Dengan begitu, mesin google dengan mudah menjelajah dan meraih halaman-halaman yang ada di dalamnya. Selain digunakan untuk pendaftaran webmaster ke google, sitemap juga dapat ditampilkan dalam blog, tujuan memasang sitemap dalam blog adalah supaya pengunjung dan pembaca blog anda dapat melihat mengakses seluruh artikel yang ditulis dalam blog


Dan berikut ini Cara membuat Sitemap pada blog paling keren 2017, sitemap ini juga saya gunakan pada blog asis10.com silahkan lihat demonya pada link demo dibawah ini
Untuk membuat Cara membuat Sitemap pada blog paling keren 2017 ikuti langkah langahnya dibawah ini

Lihat juga artikel pertama saya tentang ngeblog Popular post Arlina Design, danlihat postingan saya tentang cara membuat daftar isi pada excel

Masuk ke blogger.com, log in dengan akun google anda, setelah berhasil masuk keberanda blogger silahkan pilih blog yang akan anda berikan fitur sitemap

Masuk kebagian menu Halaman, buat Halaman Baru berikan judul Sitemap, copykan kode ini kedalam isi halaman

<div dir="ltr" style="text-align:left;" trbidi="on">
<style scoped="" type="text/css">
.table-of-content{background-color:#fff;color:#444;font-family:Verdana,Geneva,Tahoma,Arial,Sans-serif;font-size:16px;font-weight:400;overflow:hidden;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.2)}
.table-of-content .toc-header{color:#444;font-family:inherit;font-weight:400;font-size:14px;background-color:#fff;margin:0;padding:15px;overflow:hidden;cursor:pointer;border-bottom:1px solid #b0bec5;transition:initial}
.table-of-content .toc-header:hover{background-color:#fdfdfd}
.table-of-content .toc-header:before{content:'';width:0;height:0;position:absolute;top:22px;right:15px;border:5px solid transparent;border-color:#aaa transparent transparent;transition:all .3s ease}
.table-of-content .toc-header.active{color:#fc4f3f}
.table-of-content .toc-header.active:before{border-color:#666 transparent transparent;top:16px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}
.table-of-content .loading{display:block;padding:15px;text-decoration:blink}
.table-of-content ol{margin:0;padding:0;list-style:none;transition:initial}
.table-of-content li{line-height:normal!important;margin:0!important;padding:8px 8px 8px 15px!important;white-space:nowrap;text-align:left;overflow:hidden;background:#444359!important;transition:initial}
.table-of-content a{color:#d9d9d9;text-decoration:none;font-size:86%;transition:initial}
.table-of-content a:visited{color:#a2a2a9;transition:initial}
.table-of-content a:hover,.table-of-content a:visited:hover{color:#ffc937;text-decoration:none;transition:initial}
.post ol li:before{display:none}
</style>
<div class="table-of-content" id="table-of-content">
<span class="loading">Excel Professional ...</span></div>
<script>
var toc_config = {
    url: 'http://ruang-excel.blogspot.co.id',
    containerId: 'table-of-content',
    showNew: 15,
    newText: ' <strong style="font-weight:normal;font-style:normal;color:#fff;font-size:11px;background:#5c5a78;padding:1px 6px 3px 6px;line-height:normal;float:right;border-radius:3px;">baru</strong>',
    sortAlphabetically: {
        thePanel: true,
        theList: true
    },
    maxResults: 9999,
    activePanel: 1,
    slideSpeed: {
        down: 400,
        up: 400
    },
    slideEasing: {
        down: null,
        up: null
    },
    slideCallback: {
        down: function() {},
        up: function() {}
    },
    clickCallback: function() {},
    jsonCallback: '_toc',
    delayLoading: 0
};
</script>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-tea.js"></script>
</div>

<style scoped="scoped">
.post-title,.post-title, .post-labels, post-icons, post-author {display:none!important}     
h3{font-weight:700;color:#383A41;text-align:center;padding-top:20px;padding-left:20px;padding-right:20px;font-size:2em;margin-top:1em;}
.btn404{font-family:'Open Sans';font-weight:400;padding:20px;background-color:#5e7fdc;color:#fff;text-align:center;font-size:1.2em;border-radius:5px;cursor:pointer;-webkit-transition:all .2s linear;transition:all .2s linear;margin:60px auto 50px;width:200px}
.btn404:hover{background-color:rgba(94,127,220,.8);-webkit-transition:all .2s linear;transition:all .2s linear}
.btn404 a,.btn404 a:hover{color:#fff;}
.face404 br {display:none;}
@media screen and (max-width:640px) {
h3{font-size:1.2em;margin-top:.5em;}} 
</style>

Saat menempelkan kode sitemap diatas pilih mode penulisan HTML bukan COMPOS


Terakhir Publish

Demikianlah Cara membuat Sitemap pada blog paling keren 2017, semoga bermanfaat
No comments