Saturday, August 18, 2018

Cara membuat daftar isi (sitemap) SEO keren diblog terbaru 2018

Hosting Unlimited Indonesia
Assalamu'alaikum Wr. Wb.

              Kali ini saya akan membagikan Cara membuat daftar isi atau sitemap yang keren dan SEO friendly tentunya. Daftar isi ini sangat penting, untuk mempercantik tampilan blog sobat dan memberi ruang kepada pengunjung agar mengetahui semua isi artikel blog.
              Sebenarnya blogger telah menyediakan Daftar isi default, namun terlihat kurang menarik dan biasa. Nah, Kelebihan dari daftar isi atau sitemap yang akan saya bagikan kali ini adalah, sitemap ini akan menampilkan judul artikel sesuai label yang ada secara otomatis.
               Berikut daftar isi atau sitemap Keren SEO friendly :
                                 
   Daftar isi Yang ke-1


Copy kode Html dibawah ini :


<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.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script>
<script src="https://thebluewux.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

  Daftar isi Yang ke-2



Copy kode Html dibawah ini :


<link href="https://cdn.rawgit.com/penaindigo/project/d4a73206/penaindigocom.css" rel="stylesheet"></link>
<div class="tabbed-toc" id="tabbed-toc">
<span class="loading">Memuat…</span></div>
<script>
var tabbedTOC = {
blogUrl: "http://thebluewux.blogspot.com/", // 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="//cdn.rawgit.com/tovic/dte-project/2fd2d2971c3398029ea5e149696447243e7f4d94/tabbed-toc.min.js"></script>


Catatan :
 "Ganti URL http://thebluewux.blogspot.com dengan URL blog sobat"

Cara pemasangan daftar isi/sitemap.


1.Login akun Blogger.com sobat, pilih "Halaman" lalu klik "Halaman baru" lihat gambar berikut.


2.isi judul halaman dengan "Daftar isi" atau "Sitemap", lalu pilih mode "Html" bukan Compose.

3.pastekan salah satu kode Html yang telah sobat copy tadi. lalu, klik "Publikasikan"
Lihat gambar.


4.selesai, dan lihat hasilnya.

 Sekarang daftar isi /sitemap sobat sudah tampil keren dan SEO friendly.

Cukup sekian pembahasan tentang cara membuat daftar isi (sitemap) SEO keren diblog terbaru 2018.

 Wassalamu'alaikum Wr. Wb.

             






Kursus Advance SEO - Saung Seo 728x90

Bagikan

Jangan lewatkan

Cara membuat daftar isi (sitemap) SEO keren diblog terbaru 2018
4/ 5
Oleh
 

Subscribe via email

Suka dengan artikel di atas? Tambahkan email Anda untuk berlangganan.