Kumpulan Sitemap Cocok Untuk Blog Kalian

Sitemap Di Halaman Statis - Tutorial cara untuk memasang sitemap atau daftar isi di halaman statis blog, dan juga kami bagikan beberapa kumpulan sitemap keren gratis terbaru yang cocok untuk situs blog sobat. Widget sitemap atau daftar isi harus ada di blog maupun Widget ini sangat wajib di pasang untuk membantu mempermudah pengunjung menjelajahi peta situs atau posting - posting yang berada di situs blog kita.

Terkait: KUMPULAN SITEMAP YANG COCOK DIPASANG DI HALAMAN STATIS BLOG KITA.

Beberapa versi dan modif pada sitemap banyak yang kalian temukan di search google, mungkin saja widget sitemap berdasarkan kategori / label yang saya bagikan cocok di pasang di situs blog. Widget ini sudah di modifikasi sehingga terlihat elegan dan responsive di halaman statis. Widget sitemap memberitahukan akan memberitahukan artikel yang baru di posting ditandai dengan label 'new'.

Tertarik dengan sitemap yang kami bagikan kepada sobat? Untuk diterapkan di blog, menggatikan sitemap lama sobat dengan sitemap keren gratis terbaru. Ikuti langkah berikut dibawah:

CARA PASANG WIDGET SITEMAP DI HALAMAN STATIS BLOG GRATIS TERBARU

Widget sitemap ini biasanya di pasang di halaman statis, untuk hasil yang lebih rapi pada situs blog sobat, pasang widget sitemap di halaman statis dengan main post 100%, Bagaimana caranya ikuti tutorialnya.

1. Sobat harus Login di akun blogger, masuk ke Dasboard.
2. Buat halaman baru dengan mengeklik pada menu Laman > Laman Baru, atau jika sobat hanya mengganti sitemap lama, hanya dengan klik edit pada halaman sitemap yang sudah ada.
3. Jangan lupa beri judul laman dengan nama "SITEMAP" atau "DAFTAR ISI", kemudian klik HTML.
4. Hapus seluruh kode di laman, dengan menggantinya dengan kode widget site map di bawah.

Kalian bisa memilih beberapa kumpulan sitemap yang elegan dan responsive yang cocok di pasang di blog sobat, dibawah ini.

Sitemap Versi 1

 <link rel="stylesheet" href="https://rawgit.com/bungfrangki/sitemap/master/accordion-toc-skin.css"/>
<div id="table-of-content" class="table-of-content">
<span class="loading">Memuat...</span></div>
<div class="credit-link">
<a href="//www.dte.web.id/2012/02/widget-daftar-isi-akordion-dengan.html" title="Accordion TOC by Taufik Nurrohman">&#9654; Accordion TOC</a></div>
<script>
var toc_config = {
    url: 'http://www.nawaites.com',
    containerId: 'table-of-content',
    showNew: 10,
    newText: ' &ndash; <strong style="font-weight:bold;font-style:italic;color:red;">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://rawgit.com/bungfrangki/sitemap/master/accordion-toc-1.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

1. Kode tulisan tebal adalah JQuery Liberary, Jika kode itu atau kode yang sejenisnya sudah ada di template sobat, maka tak perlu pasang kode tersebut.
2. Ganti url "www.nawaites.com" dengan url sobat.
Sitemap Versi 2

<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:13px;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 #ccc;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">Memuat konten...</span></div>
<script>
var toc_config = {
    url: 'http://www.nawaites.com/',
    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>
Ganti url "www.nawaites.com" dengan url sobat.

Sitemap Versi 3

 <style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;
padding:1px 0 2px 11px;background: #3498DB;
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<div id="toc">
<script src="http://yourjavascript.com/19011761625/scriptsitemapbaru.js" type="text/javascript"></script>
<script src="http://www.nawaites.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
Ganti url "www.nawaites.com" dengan url sobat. 
Kemudian Simpan kode widget sitemap di laman statis sobat yang sudah dibuat tadi. Dan selesai

Demikian, CARA PASANG SITEMAP DI LAMAN STATIS BLOG GRATIS TERBARU.

Semoga Berhasil....


EmoticonEmoticon