Cara membuat Sitemap/Daftar isi di Blogspot yang Mudah dan Menarik - ZAKIY.my.id

Cara membuat Sitemap/Daftar isi di Blogspot yang Mudah dan Menarik

Cara membuat sitemap (daftar isi) di Blogspot yang responsive sebenarnya cukup mudah.
- 14:25 WIB
Cara membuat Sitemap/Daftar isi di Blogspot yang Mudah dan Menarik
Cara membuat Sitemap/Daftar isi di Blogspot yang Mudah dan Menarik

Membuat blog kini sudah menjadi salah satu cara termudah untuk mendapatkan uang dari internet. Bahkan sekarang ini banyak orang yang jual blog di berbagai platform online. Namun, banyak orang yang tidak memperdulikan hal kecil setelah membuat blog, salah satunya adalah membuat sitemap.

Jika kamu seorang blogger yang handal, membuat sitemap bukanlah sesuatu hal yang sulit. Sitemap memang mudah untuk dibuat, namun kebanyakan blogger pemula masih belum tahu apa itu sitemap dan bagaimana cara membuatnya? Nah, untuk itu diperlukan sebuah tutorial agar blogger pemula bisa membuat sitemap dengan mudah tanpa harus bisa pemograman.

Sebenarnya apa sih sitemap itu? Sitemap adalah peta situs yang didalamnya terdapat daftar-daftar artikel ( daftar isi) suatu blog yang sudah di kelompokkan yang bertujuan agar pembaca atau pengunjung mudah untuk menemukan sebuah artikel di dalam blog yang dibacanya.

Sitemap sendiri juga di buat guna memberitahukan kepada pembaca atau pengunjung tentang artikel baru yang dirilis di suatu website atau blog.

Cara membuat Sitemap/Daftar isi di Blogspot yang Mudah dan Menarik

Cara membuat sitemap/daftar isi di Blogspot yang responsive sebenarnya cukup mudah. Kamu hanya perlu mengikuti langkah-langkah berikut ini.

  • Langkah pertama, masuk ke Blogger.com, kemudian pilih pages atau halaman.Langkah kedua, buatlah pages atau halaman baru dengan judul Sitemap atau daftar isi.Langkah ketiga, salin code di bawah ini kemudian paste di pages atau halaman baru yang sudah kamu buat. (Sebelum dipaste tekan icon pensil di pojok kiri atas kemudian view html setelah itu baru kalian bisa paste code di bawah 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>
<br />
<div id="toc">
<script src="https://cdn.jsdelivr.net/gh/penaindigo/[email protected]/sitemappenaindigo.js" type="text/javascript"></script>
<script src="/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
  • Langkah yang terakhir, klik publish dan lihat hasilnya.

Kamu bisa menggati kode yang berwarna merah dengan kode hex warna yang kamu inginkan.

Membuat sitemap sangatlah mudah, kamu tidak harus bisa pemograman. Itulah sedikit penjelasan bagaimana cara membuat sitemap/daftar isi di blogspot yang mudah. Semoga bermanfaat dan selamat mencoba.

(Chiko, penulis website malesngeblog.com)

Posting Komentar

Berkomentarlah dengan bijak!

Blog ini berasal dari Indonesia sehingga terikat dengan Undang-Undang Informasi dan Transaksi Elektronik.