Kumpulan Sitemap Keren

Membuat sitemap penting untuk Seo blog dan membuat sitemap juga penting buat pengunjung kita supaya mudah mencari semua artikel blog kita. Apa itu Sitemap ?

Baiklah disini saya akan memberikan Kode Javascript Sitemap keren dan Seo juga buat blog anda, untuk anda yang sudah mengerti cara memasang Sitemap  pasti sudah tidak memerlukan tutorial lagi, tapi buat anda yang masih dalam proses belajar silakan kunjungi artikel saya tentang : Cara memasang Sitemap Seo

Berikut Sitemap Keren yang akan membuat blog anda terlihat bagus.

• Cara membuat Sitemap Scroll :

 Penampakan

Silakan copy kode Java script sitemap scroll nya disini 
Kodenya seperti ini : 

<div style="background-color: #dde1e3; border: 1px solid #999999; height: 200px; overflow: auto; padding: 10px; width: 100%px;">
<script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script src="http://wulan-tasik.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

Keterangan : Ganti http://wulan-tasik.blogspot.com dengan Link blog anda, 200 adalah ukuran panjang sitemap nya, silakan anda ukur sendiri sesuai selera anda

• Cara memasang Sitemap Keren V.1

Penampakan

Silakan copy dulu Kode nya Disini 
kodenya seperti berikut :

<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">
#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqntbwZzGBrmTN1Dwiyl7xuoYPoBQz-AKxpEFXFH7Lj0WuKS4n5dIWC5KDpe7U16DHpAkBjHUDsPD6El0ioT6VjdnvsAdMW6I1qO9aiqoTfKkJuBnLXxSBtDqwQ111lbttpyKja24fcS4/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIs0Tn5EZpCgFsLwAANBYv1K6JQ4X7UOq2_x6P1pK9B2c77ITF1Oco29dr92tgEi6w8uE9ONZCMFl_0-XH8SGrxas4Nm0m26wDG9QDpGpqXgdMZkd-4_10qrSefc9PyBoDdP9JHEciCx4/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfPbFFUnC2_6dtfGYOA0ygIvig6t-E4Dh02L-DOpiBf7RadPDyOIDgfs1-WRvjZ4jad5mVlxNkwHFsz5yUBc3ZWC9OkGyfHGP9ugttMKsj3ZpWJnS4xA9yCsLK58Y6dCcxqfKdabkIyw0/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
</style>
<script src="https://farhanshare-blogspot-com.googlecode.com/files/sitemap%20%281%29.js" type="text/javascript"></script><script src="http://wulan-tasik.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>
<a href="http://wulan-tasik.blogspot.com/2015/03/cara-membuat-sitemap-seo-terbaru.html" target="_blank">Mau Sitemap keren</a>

Keterangan : Ganti http://wulan-tasik.blogspot.com dengan Link blog anda

•  Sitemap Keren V.2 Seo 

Penampakan

Silakan Copy dulu Kode nya Disini
Kodenya seperti berikut :

<link href="https://googledrive.com/host/0B685uqap5sAIQWVXbHMyZ2ozX0U/sitemap-v1.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="https://googledrive.com/host/0B685uqap5sAIc0tvWHphd1lvT0E/sitemap-v1.js"></script>
<script src="http://wulan-tasik.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
    var accToc = true;
</script>
<script src="https://sites.google.com/site/bloghostingbagus/javascript/daftarisiv2.js" type="text/javascript"></script>

Keterangan : Ganti http://wulan-tasik.blogspot.com dengan Link blog anda

• Sitemap Keren Ala SeoTools

 Penampakan

Silakan Copy dulu Script nya disini
Kode nya seperti berikut :

<style>
#tocTable {
  text-transform: capitalize;
  font-family: monospace;
  border-collapse:collapse;
  text-align:left;
  margin:0 0 5px;
}
#tocTable th,
#tocTable td {
  border:1px solid #eee;
  padding:10px 15px;
  color: darkgrey;
}
#tocTable th {
  background-color:darkgray;
  font-weight:bold;
  color:white;
}
#th-1 {
  width:60%;
  background-color:#5A930D;
}
#th-2 {width:15%},#th-3 {width:25%}
#tocTable td.toc-header-col-1,
#tocTable td.toc-header-col-2 {
  padding:0 !important;
  background-color:transparent;
}
#tocTable a {
  display:block;
  text-decoration:none;
  padding:10px 15px;
  background:none;
}
#tocTable td.toc-header-col-1:hover,
#tocTable td.toc-header-col-2:hover {
  background-color:#fafafa;
}
#tocSort {
  display:block;
  width:220px;
  color:#333;
  cursor:pointer;
  border:none;
  outline:none;
  background-color:#eee;
  margin:0 0 2px 0;
  padding:5px;
}
</style>
<script>
var theTotalPosts  = 9999, // Tentukan jumlah maksimal posting
    theOptions     = "Sortir...",                // Label opsi 1
    theSortPosts   = "Sortir berdasarkan Abjad", // Label opsi 2
    theSortLabels  = "Sortir berdasarkan Label", // Label opsi 3
    theTitles      = "Artikel",  // Header tabel 1
    theLabels      = "Kategori",  // Header tabel 2
    theDates       = "Publikasi",   // Header tabel 3
    theBlankLabels = "Tak Berlabel",   // Label kosong
    theSiteUrl     = "http://wulan-tasik.blogspot.com"; // URL blog kamu
</script>
<script src="https://daftarseo.googlecode.com/svn/branches/script.js"></script>

 Keterangan : Ganti http://wulan-tasik.blogspot.com dengan Link blog anda

Nah itulah sitemap keren untuk mengoptimalkan Seo blog anda, silakan berkomentar jika blog ini bermanfaat .

Share on: Facebook Twitter Google+ Linkedin Technorati Digg LintasMe

Related Articles :