Memasang kode Sitemap Black Color
Fungsi sitemap adalah untuk menginformasikan url-url yang berada pada blog agar lebih mudah di crawl dan dijelajahi oleh para tools atau robot search engine dan akan memudahkan pengunjung mencari artikel yang dibutuhkannya. Selain itu, sitemap secara tidak langsung akan manambah nilai SEO Optimization. Berikut cara penerapannya :
Login ke akun blog klik entri halaman baru HTML,
copy kode dibawah ini pastekan kedalam halaman baru tersebut dan klik simpan selesai
<style>
#toc-outer {
  font:bold 12px/12px Arial,Sans-Serif;
  color: #8B4513;
  text-align:left;
  text-shadow:none;
  background-color:#000000;
  overflow:hidden;
  -webkit-box-shadow:10px 1px 2px rgba(0,0,0,0.7);
  -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.7);
  box-shadow:0px 1px 2px rgba(0,0,0,0.7);
}
#toc-outer a {border:none;color:#3582D0;}
#loadingscript {
  padding:0px 0px;
  height:37px;
  text-indent:-9999px;
  color:transparent;
  background:transparent url('data:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu4m8sO_Jt139j3rN1duCuwhPXWd_zjF_JXEUA1fHm4qCOewiMHEBOHiT64mCXjzpHCUiYDWjDIWiWlzpQ4jtlpPI33avuCjvZIbGgoAis7FZZqTMxX7obl8Ef2TdbIVOmtEdVtjoRQlI/s1600-r/Mys2010-logo-Blogg.png') no-repeat 50% 50%;
}
no-repeat 50% 50%;
  height:200px;
}
.itemposts, #itempager {
  overflow:hidden;
  padding:0px 10px 7px;
  color:#fff;
  text-shadow:0 1px 1px rgba(0,0,0,0.3);
  border-top:1px solid #fff;
  border-bottom:1px solid #222;
  background-color:#fff;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#800000', endColorstr='#333333');
  background-image:-webkit-linear-gradient( #800000, #333);
  background-image:-moz-linear-gradient( #800000, #333);
  background-image:-o-linear-gradient( #800000, #333);
  background-image:linear-gradient( #800000, #333);
}
.itemposts h5 a {
  color:green;
  text-decoration:none;
  text-shadow:0px 1px 0px #47006B;
}
.itemposts h5 a:hover {color:black;}
.itemposts img {
  float:left;
  height:72px;
  width:72px;
  margin:2px 10px 14px 13px;
  padding:0px 0px;
  background-color:#47006B;
  border:none !important;
  -webkit-box-shadow:0px 0px 0px 4px #2F4F4F , 0px 0px 3px 4px #444;
  -moz-box-shadow:0px 0px 0px 4px #2F4F4F , 0px 0px 3px 4px #444;
  box-shadow:0px 0px 0px 4px #2F4F4F , 0px 0px 3px 4px #2F4F4F ;
  -webkit-border-radius:47px;
  -moz-border-radius:47px;
  border-radius:47px;
  -webkit-transition:all 1s ease-out;
  -moz-transition:all 1s ease-out;
  -ms-transition:all 1s ease-out;
  -o-transition:all 1s ease-out;
  transition:all 1s ease-out;
}
.itemposts img:hover {
  -webkit-transform:rotate(-720deg);
  -moz-transform:rotate(-720deg);
  -ms-transform:rotate(-720deg);
  -o-transform:rotate(-720deg);
  transform:rotate(-720deg);
}
.itemposts .iteminside {margin:10px 0px 0px;}
.itemposts .iteminside {
  padding:10px 0px 10px;
  border-top:1px solid #444;
  border-bottom:1px solid #222;
  overflow:hidden;}
.itemposts .itemfoot {
  clear:both;
  padding:5px 10px;
  color:#e06666;
  background-image:-webkit-linear-gradient(#333, #444, #333, #222);
  background-image:-moz-linear-gradient(#333, #444, #333, #222);
  background-image:-ms-linear-gradient(#333, #444, #333, #222);
  background-image:-o-linear-gradient(#333, #444, #333, #222);
  background-image:linear-gradient(#333, #444, #333, #222);
  border-top:8px solid #444;
  overflow:hidden;
  position:relative;}
.itemposts .itemfoot a.itemrmore {
  font-weight:bold;
  color:red;
  position:absolute;
  top:5px;
  right:10px;}
.itemposts .itemfoot a.itemrmore:hover {color:aqua;}
#itempager {
  background-image:-webkit-linear-gradient(#000, #000, #000, #444);
  background-image:-moz-linear-gradient(#000, #333, #000, #444);
  background-image:-ms-linear-gradient(#000, #333, #000, #444);
  background-image:-o-linear-gradient(#000, #333, #000, #444);
  background-image:linear-gradient(#000, #333, #333, #444);
  padding:5px 7px;}
#pagination, #totalposts {
  text-align:left;
  color:#8b4513;
  margin:10px 10px 10px;
}
#pagination span, #pagination a {
    color: #000000;
    display: inline;
    margin: 0px 1px;
    padding: 2px 5px;
    text-indent: 0px;
    background-color: #00BFFF;
    background-image: linear-gradient(green 0%, #00BFFF 50%, #00BFFF 51%);
    border: 1px solid  #228B22;
    text-decoration: none;
    border-radius: 10px;
}
</style>
<script>
var showPostDate   = true,
    showComments   = true,
    idMode         = true,
    sortByLabel    = false,
    labelSorter    = "JQuery",
    loadingText    = "Loading...",
    totalPostLabel = "Jumlah posting:",
    jumpPageLabel  = "Halaman",
    commentsLabel  = "Komentar",
    rmoreText      = "Selengkapnya ",
    prevText       = "Sebelumnya",
    nextText       = "Berikutnya",
    siteUrl        = "http://Link anda.html",
    postPerPage   = 10,
    numChars       = 150,
    imgBlank       = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu4m8sO_Jt139j3rN1duCuwhPXWd_zjF_JXEUA1fHm4qCOewiMHEBOHiT64mCXjzpHCUiYDWjDIWiWlzpQ4jtlpPI33avuCjvZIbGgoAis7FZZqTMxX7obl8Ef2TdbIVOmtEdVtjoRQlI/s1600-r/Mys2010-logo-Blogg.png";
</script><script src="https://sites.google.com/site/kodesite/svn/Sitemap-Black-Color-Mys2010.js"rel='stylesheet'/></script></p>
Code by. Dte Web id
Design Code is Edited by. M-2010