Kode Script Sitemap Terbaru dan Seo Friendly Update August 2019

Kumpulan Kode Sitemap Terlengkap dan Keren 2019

HI sobat blogger semuanya,  untuk teman-teman blogger yang mencari kode sitemap, untuk kali ini akan saya bagiin 4 tampilan menu sitemap untuk sobat semuanya,, etss jangan khawatir ini kodenya asli lo, kalo teman-teman sebelumnya udah nyari kode sitemap dan teman-teman kezell karena kodenya gak mau dipake alias fake, disini teman-teman gak usah takut kalo kodenya gak mau..

Beikut 4 kode sitemap update 2019 versi anoksa27.blogspot.com

1 MENU SITEMAP PERTAMA

<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>

2 MENU SITEMAP KEDUA

<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>

3 MENU SITEMAP KETIGA

<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>

4 MENU SITEMAP KEEMPAT

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

Catatan: Jangan lupa untuk mengganti tulisan berrwarna merah dengan alamat url milik sobat...

Oke jadi sekian dulu mengenai sitemap, untuk teman-teman blogger yang ingin mencari tutorial lainnya teman-teman bisa mengunjungi 428anoksa-official.blogspot.com.

Share this post