Kode Untuk Membuat Sitemap Di Blogspot 100% Gampang

Evander News - Sitemap adalah peta situs. Anda sebagai blogger harus membuatnya. Jika tidak, blog Anda akan berkurang kualitasnya.

Sitemap berfungsi untuk :

• Navigasi blog.
• Memudahkan pembaca.
• Membantu menaikkan SERP.
• Mempermudah diterima Google Adsense.

Masalahnya, bagi sebagian orang, membuat sitemap tidak mudah. Ini karena Anda harus bertemu dengan yang namanya kode HTML.

Nah, sudah mulai gentar? Jangan! Evander Lazy Mole dan Komunitas Berang-berang Digital akan membantu Anda.

Kali ini, artikel kami akan khusus membahas cara membuat sitemap berbagai versi. Silahkan pilih salah satu yang Anda sukai ya.......

Cara Membuat Sitemap Paling Gampang 100% Semua Orang Bisa

Secara umum, caranya adalah sebagai berikut :

1. Buka akun blogger Anda.

2. Lihat bilah kiri.

3. Pilih Halaman.

4. Ubah ke mode HTML (ada di bar atas persis sebelah kanan Compose).

5. Paste kodenya.

6. Kasih judul.

7. Publish.

8. Tersenyum.

9. Jadi.

Nah itu dia caranya. Gampang sekali ternyata membuat sitemap. Hanya butuh waktu dua sampai tiga menit saja.

Sekarang saatnya Evander Lazy Mole membagi beberapa versi kode sitemap untuk Anda paste di langkah 5.


1. Versi Evander News

Ini merupakan redesign dari punya Master Arlina :

<div id="bp_toc" style="max-height: 1800px; overflow-x: auto; overflow: scroll;">

</div>

<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-simple.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script> <style scoped="" type="text/css">

#comments,#Label1,#FollowByEmail1 {display:none;}

#HTML3 {visibility:hidden;}

/* CSS Full Sitemap */

#bp_toc{background:#5e5122;color:#666;margin:0 auto;padding:4px;}

span.toc-note{padding:20px;margin:0 auto;display:block;text-align:center;color:rgba(255,255,255,.5);font-size:1.6rem;text-transform:uppercase;font-weight:700;line-height:normal}

.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}

.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}

.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}

#bp_toc td.toc-header-col1,#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3{border:0;border-bottom:1px solid rgba(0,0,0,0.1);}

#bp_toc tr:nth-child(1) a {color:#666;}

#bp_toc td.toc-header-col1{background-color:#fff;}

#bp_toc td.toc-header-col2{background-color:#fff;}

#bp_toc td.toc-header-col3{background-color:#fff;}

#bp_toc td.toc-entry-col1,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3{border:0}

#bp_toc td.toc-entry-col1{background-color:#fff;font-weight:700}

#bp_toc tr:nth-child(odd) td.toc-entry-col1{background-color:#f8f8f8}

#bp_toc td.toc-entry-col2{background-color:#fff;}

#bp_toc tr:nth-child(odd) td.toc-entry-col2{background-color:#f8f8f8}

#bp_toc td.toc-entry-col3{background-color:#fff;}

#bp_toc tr:nth-child(odd) td.toc-entry-col3{background-color:#f8f8f8}

#bp_toc td a{color:#666;}

.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;

text-decoration:none;color:#aaa;font-family:&#39;Roboto&#39;;font-weight:700;letter-spacing: 0.5px;}

.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {text-decoration:none;}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}

.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}

.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#cdb280;}

#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}

.toc-entry-col1 {counter-increment:rowNumber;}

#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}

</style>

2. Versi Helplogger 

<div id=”hlrpsb”><script src=”http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js”></script><script>var numposts = 13;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src=”http://domainesia.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts”></script></div><div id=”rpdr” style=”font-family: arial, sans-serif; font-size: 9px;”></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript><style type=”text/css”>#rpdr {background: url( ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}#rpdr, #rpdr a {color:#808080;}#hlrpsb { }.bbrecpost2 {padding-top:4px;padding-bottom:4px;border-bottom: 1px #cccccc dotted; }</style> 

3. Versi Blogooblok

<script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script src="http://isidenganalamatblogAnda/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

 4. Versi Aulaku

<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="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

5. Versi Seninya Blog

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

6. Versi Master Penaindigo

<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="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Demikianlah tutorial membuat sitemap alias peta situs untuk blogspot. Kalau Anda cermat, pasti sukses karena memang membuat sitemap gampang.