0

Fawaz.id – Sitemap atau biasa disebut daftar isi adalah sebuah daftar artikel yang ada di sebuah blogger atau webiste premium dengan menampilkan judul saja.

Beberapa modifikasi kode html juga bisa menampilkan gambar icon atau menggunakan Thumbnail.

Fungsinya selain untuk melihat isi dari blog tersebut dapat juga secara keseluruhan untuk menampilkan sesuatu yang menarik.

Salah satu contoh kita bisa membuat sitemap per-label atau per-kategori sehingga dapat mempermudah pengunjung membaca blog di situs tertentu. Baca juga artikel menarik mengenai investasi : bingung dengan investasi? mulai aja dulu.

Nah.. Jika kalian ingin membuat sendiri tentunya bisa membuat tampilan yang lebih menarik bahkan bisa mempromosikan blogpot kita.

Kenapa saya menjadikan sitemap menjadi promosi? karena kita bisa lihat setiap sitemap yang dibuat rata-rata memiliki link aktif dari pembuatnya.

Saat orang lain menggunakan widget daftar isi tersebut maka secara tidak langsung sudah memberikan Backlink gratis untuk website kita.

Untuk saat ini bagi anda yang ingin memasang sitemap cantik di blognya cukup mudah.

Ikuti beberapa tahapan dibawah ini dan jika belum jelas juga saya akan membuatkan video Youtubenya. Jika masih kesulitan disini maka silahkan komentar sesuai dengan masalah yang anda hadapi ketika membuat sitemap.

Sitemap Blog Cantik

Langkah 1 : Masuk ke Dashboard Blogger > Klik Pages/Halaman > Klik New Page.

Langkah 2 : Silahkan isi judul terlebih dahulu dengan mengetikan sitemap lalu pilih HTML seperti lingkaran merah pada gambar di bawah ini. Paste kode yang saya sediakan dalam artikel ini.

kode script blogger sitemap :

<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #df772d;
-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: #08484f;
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>

<br />
<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&alt=json-in-script&callback=loadtoc">
</script></div>

Langkah 3 : Silahkan anda publish dan lihat hasilnya seperti di atas.

Untuk meletakkan di Template blog silahkan masuk ke dashboard pilih edit htmp > CTRL + F > Ketik sitemap.

Itulah tutorial singkat bagaimana cara membuat sitemap blogger terbaru 2020 dengan mudah dan tampilan yang menarik.


Like it? Share with your friends!

0
fawazid

0 Comments

Your email address will not be published. Required fields are marked *