Kumpulan Kode Sitemap Keren dan Seo Friendly Juli 2019

Kumpulan Kode Script Sitemap  No Click Bait dan Anti Mainstream Terbaik Juli 2019

Hi sobat blogging semuanya? gimana karya sobat semuanya dalam mengembangkan konten dan juga sekaligus dalam hal peningkatan kualitas blogger milik sobat?? masih tetep fine-fine aja kan?

Sobat blogger pastinya udah belasan bahkan puluhan website yang sobat kelilingin untuk mencari kode Sitemap, tapi belum juga nemu, tenang aja sobat blogger semuanya, karna di pertemuan kali ini
saya akan ngeshare ke teman-teman semua yaitu tentang kode sitemap yang Keren dan juga sekaligus Seo Friendly tentunya yang akan saya bagiin untuk sobat Millenial khusunya...

Udah gak sabar kan kalo blog sobat akhirnya bisa ada Menu Sitemapnya, Disini saya akan membagikan 4 kode sitemap yang pastinya No ClickBait alias Anti Mainstream untuk sobat blogger, yuk langsung aja kita lihat kodenya dibawah:




<Contoh Sitemap Pertama>

<div class="jontor">

<script src="https://rawgit.com/rezamuhamad/rakinfo/master/sitemap.js"></script>

<script src="/feeds/posts/default?max-results=5000&amp;alt=json-in-script&amp;callback=rak_info_Load"></script>

</div>                                                 

<style type="text/css">.jontor{width:100%;border-collapse:collapse;text-align:left;overflow:hidden;margin:0 auto;}

.jontor a{color:black;}

.jontor p .rak_info_Label{background:#89abbc;color:#fff;text-decoration:none;display:block;padding:5px 0px 5px 10px;font:13px 'Arial';font-weight:bold;}

.jontor ol li{position:relative;display:block;padding:.4em .4em .4em .4em;margin:.5em 0 .5em 2.5em;background:#d9f4f2;color:#fff;text-decoration:none;transition:all .3s ease-out;}

user agent stylesheetli{display:list-item;text-align:-webkit-match-parent;}

.jontor ol li:before{content:counter(li);counter-increment:li;position:absolute;left:-2.5em;top:50%;margin-top:-1em;background:#89abbc;color:#fff;height:2em;width:2em;line-height:2em;text-align:center;font-weight:bold;}

.jontor ol li:hover:after{left:-.5em;border-left-color:#89abbc;}

.jontorol li:hover{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);transition:all 0.3s cubic-bezier(.25,.8,.25,1);}

.jontor ol li:after{position:absolute;content:'';border:.5em solid transparent;left:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}

ol{counter-reset:li;list-style:none;font:12px 'Arial';padding:0;margin-bottom:2em;text-shadow:0 1px 0 rgba(255,255,255,.5);margin-left:26px;}

.rak_info_Postname li:nth-of-type(odd){background:#f1f3f3;}

.new{color:red!important;font-weight:700;font-style:italic;}

user agent stylesheetol{display:block;list-style-type:decimal;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;}

</style>

<Contoh Sitemap Kedua>

<Kode Sitemap Kedua>

<style type="text/css">

.tabbed-toc {margin:0 auto;background-color:#2f77bd;box-shadow: 0 0 7px rgba(5, 5, 5, 0.34);overflow:hidden;

position:relative;color:#333;border: 1px solid #9C9C9C;}

.tabbed-toc .loading {display:block;padding:10px 12px;font:normal bold 12px/normal Helmet,FreeSans,Sans-Serif;

color:white;}

.tabbed-toc ul,.tabbed-toc ol,.tabbed-toc li {margin:0;padding:0;list-style:none;}

.tabbed-toc .toc-tabs {width:20%;float:left;}

.tabbed-toc .toc-tabs li a {display:block;font:normal bold 12px/28px Helmet,Freesans,Sans-Serif;overflow:hidden;text-overflow:ellipsis;color:#fff;text-transform:uppercase;text-decoration:none;

padding:7px 15px;cursor:pointer;box-shadow: 0px 1px 1px rgb(255, 255, 255);}

.tabbed-toc .toc-tabs li a:hover {background-color:#4086E0;color:white;box-shadow: 0 0 7px rgba(0,0,0,.7);}

.tabbed-toc .toc-tabs li a.active-tab {background-color:#FFF;color:black;box-shadow: 0 0 7px rgba(0,0,0,.7);

z-index:5;margin:0 -1px 0 0;/* cursor:text; */}

.tabbed-toc .toc-content,.tabbed-toc .toc-line {width:80%;float:right;background-color:white;border-left:5px solid #1E84BC;box-sizing:border-box;}

.tabbed-toc .toc-line {float:none;display:block;position:absolute;top:0;right:0;bottom:0;box-shadow:0 0 7px rgba(0,0,0,.7);}

.tabbed-toc .panel {position:relative;z-index:5;font:normal normal 10px/normal Helmet,FreeSans,Sans-Serif;}

.tabbed-toc .panel li a {display:block;position:relative;font-weight:bold;font-size:12px;color:#000;line-height:20px;padding: 10px 12px;

text-decoration:none;outline:none;overflow:hidden;}

.tabbed-toc .panel li time {display:block;font-style:italic;font-weight:normal;font-size:10px;color:#666;float:right;}

.tabbed-toc .panel li .summary {display:block;padding:10px 12px 10px;font-style:italic;

border-bottom:4px solid #275827;overflow:hidden;}

.tabbed-toc .panel li .summary img.thumbnail {float:left;display:block;margin:0 8px 0 0;padding:4px;

width:72px;height:72px;border:1px solid #dcdcdc;background-color:#fafafa;}

.tabbed-toc .panel li:nth-child(even) {background-color:#66A9FF}

.tabbed-toc .panel li a:hover,.tabbed-toc .panel li a:focus,.tabbed-toc .panel li a:hover time,.tabbed-toc .panel li.bold a {

background-color:#333;color:white;outline:none;}

.tabbed-toc .panel li.bold a:hover,

.tabbed-toc .panel li.bold a:hover time {background-color:#222}

@media (max-width:700px) {

.tabbed-toc {border:2px solid #333}

.tabbed-toc .toc-tabs,.tabbed-toc .toc-content {overflow:hidden;width:auto;float:none;display:block;}

.tabbed-toc .toc-tabs li {display:inline;float:left;}

.tabbed-toc .toc-tabs li a,.tabbed-toc .toc-tabs li a.active-tab {background-color:#2f77bd;box-shadow:2px 0 7px rgba(0,0,0,.4);}

.tabbed-toc .toc-tabs li a.active-tab {background-color:white;color:#333;}

.tabbed-toc .toc-content {border:none}

.tabbed-toc .toc-line,

.tabbed-toc .panel li time {display:none}

.tabbed-toc .panel li a{height: auto;}

</style>

<div class="tabbed-toc" id="tabbed-toc">

<span class="loading">Memuat…</span></div>

<script>

var tabbedTOC = {

blogUrl: "/", // Blog URL

containerId: "tabbed-toc", // Container ID

activeTab: 1, // The default active tab index (default: the first tab)

showDates: false, // `true` to show the post date

showSummaries: false, // `true` to show the posts summaries

numChars: 200, // Number of summary chars

showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)

thumbSize: 40, // Thumbnail size

noThumb: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // A "no thumbnail" URL

monthNames: [ // Array of month names

"Januari",

"Februari",

"Maret",

"April",

"Mei",

"Juni",

"Juli",

"Agustus",

"September",

"Oktober",

"November",

"Desember"

],

newTabLink: true, // Open link in new window?

maxResults: 99999, // Maximum post results

preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")

sortAlphabetically: true, // `false` to sort posts by published date

showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked

newText: ' &ndash; <em style="color:red;">New!</em>' // HTML for the "New!" text

};

</script>

<script src="https://cdn.jsdelivr.net/gh/tovic/dte-project@2fd2d2971c3398029ea5e149696447243e7f4d94/tabbed-toc.min.js"></script>

<Contoh Sitemap Ketiga>

<Kode Sitemap Ketiga>

<link href="https://goo.gl/2qrReh" media="screen" rel="stylesheet" type="text/css"></link>

<script type="text/javascript">

var showNew    = true,

    accToc     = true,

    openNewTab = true,

    maxNew     = 10,

    baru       = "Baru !",

    sDownSpeed = 600,

    sUpSpeed   = 600;

</script>

<script src="https://goo.gl/6FjxRX" type="text/javascript"></script>

<script src="/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

<Contoh Sitemap Keempat>

<Kode Sitemap Keempat>

<script src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script><script src="https://tutorial-96.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Nb: Khusus untuk yang kode keempat sobat terlebih dahulu harus mengganti tulisan yang berwarna merah dengan alamat blog milik sobat, setelah itu baru sobat klik simpan.

Terimakasih sobat udah mampir di blog saya dan berikan juga komentar sobat tentang ulasan positif mengenai kode sitemap diatas yaaa.. Silakan kunjungi kembali Blog saya jika teman-teman nyaman dan suka dengan blog saya ini. 

Jangan lupa sobat juga bisa mengikuti saya di Instagram @428anoksa_official.

Share this post