Cara Simple Membuat Sitemap Keren Di Template arlina design

Halo kawan anakkampus16, Sitemap merupakan Daftar isi atau di sebut dengan situs peta. Bertujuan untuk memudahkan pengunjung melihat daftar isi kita dari artikel yang kita buat. Dan Mempercepat Indeks Di mesin Pencari google dengan mengsibmitkan Sitemap kita di Google Webmaster Tools 

Namun Di blog kita tidak di sediakan Sitemap Secara Otomatis, Jadi Disini kita harus membuat sendiri Sitemap untuk blog kita, Tetapi tenang saja bagi anda yang tidak bisa membuat sitemap disini saya akan berbagi cara membuat sitemap di Template Arlina Design. Anda bisa melihat Demo Sitemap Arlina Design 

Bila anda sudah melihatnya dan suka pada model Sitemap Mbak Arlina design langsung saja cara membuat sitemap seperti Sitemap Arlina Design :


1. Copy Code Dibawah Dan Paste Di Edit Html Blog Anda Taruh di Sebelum Tag </head> atau </body>. Kalau DI blog saya, Saya taruh Sebelum Tag </body> .tetapi terserah anda di taruh Dimana.

 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/> 

2.  Copy Code di bawah ini Dan Buat halaman baru di blog anda dan kasih Keyword Sitemap Lalu Paste di HTML halaman tersebut.

 <div dir="ltr" style="text-align: left;" trbidi="on">

<style scoped="" type="text/css">

.table-of-content{background-color:#fafafa;color:#444;font-family:Verdana,Geneva,Tahoma,Arial,Sans-serif;font-size:13px;font-weight:400;overflow:hidden;border-radius:4px;box-shadow:0 0 0 1px #eee;}

.table-of-content .toc-header{color:#444;font-family:inherit;font-weight:400;font-size:14px;background-color:#fafafa;margin:0;padding:15px;overflow:hidden;cursor:pointer;border-bottom:1px solid #eee;transition:initial;}

.table-of-content .toc-header:hover{background-color:#fafafa;}
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>


.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:#fc4f3f 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:#fcfcfc!important;transition:initial;border-bottom:1px solid #e9e9e9;border-top:1px solid #fff;}

.table-of-content li:first-child(border-top:0}

.table-of-content li:last-child(border-bottom:0}

.post ol li a,.post ol li a:link{color:#444!important;text-decoration:none;font-size:86%;transition:initial}

.post ol li a:visited{color:#999;transition:initial}

.post ol li a:link:hover,.post ol li a:visited:hover{color:#fc4f3f;text-decoration:underline;transition:initial}

.post ol li:before{display:none}

ol {text-shadow:initial;}

.post a:link {color:#444!important;}

.post-footer {display:none;!important;}

.comments {display:none;!important;}

</style><br />

<div class="table-of-content" id="table-of-content">

<span class="loading">Memuat konten...</span></div>

<script>

var toc_config = {

    url: 'https://alatblogging.blogspot.com/',

    containerId: 'table-of-content',

    showNew: 5,

    newText: ' <strong style="font-weight:normal;font-style:normal;color:#fff;font-size:11px;background:#fc7569;padding:1px 6px 2px 6px;line-height:normal;float:right;border-radius:3px;text-transform:uppercase;">baru</strong>',

    sortAlphabetically: {

        thePanel: true,

        theList: true

    },

    maxResults: 9999,

    activePanel: 0,

    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/anditochatul/daftar-isi/master/sitemapblog.js"></script>

</div>

WARNING!!!!! Ganti Alamat Blog "alatblogging.blogspot.com" menjadi Alamat blog anda

Kesimpulan

Ingat buat sitemap Di setiap anda membuat blog baru, karena adanya sitemap ini artikel anda cepat terindeks oleh mesin pencari. Cara Membuat Tombol Share Button Di AddThis

Dan memudahkan pengunjung blog anda untuk melihat artikel lainnya di sitemap.

Oke kawan anakkampus16, itulah cara membuat sitemap seperti punyanya mbak arlina design. semoga bermanfaat bagi anda yang belum mengetahui cara membuat sitemap dan jangan lupa untuk share artikel ini.