Cara Membuat Sitemap Atau Daftar Isi Dengan Style Keren Di Blog

Cara Membuat Sitemap Di Blog - Sitemap Di dalam sebuah blog sangat lah penting, ibarat sebuah buku sitemap merupakan sebuah daftar isi yang akan memudahkan pembacanya memilih bagian mana yang akan di baca.

Sama halnya dengan di blog, Sitemap akan memudahkan pengunjung blog untuk memilih artikel dalam blog kita berdasarkan kategori yang ada di dalam blog.

Dalam artikel kali ini saya akan berbagi cara membuat sitemap dengan berdasarkan label untuk mengelompokan artikelnya. Sitemap ini bekerja secara otomatis , artikel akan langsung masuk ke sitemap tanpa harus kamu mengupdate artikel di dalam daftar isi.

Sitemap ada 2 macam yaitu sitemap manual dan sitemap otomatis, argumen ini merupakan argumen pribadi saya, sitemap manual  cara kerjanya kamu harus selalu mengupdate artikel ke dalam sitemap stiap kamu membuat artikel baru.

Sedangkan sitemap otomatis kamu tidak harus repot-repot untuk update artikel ke sitemap karena sudah secara otomatis artikel mengelompokan dalam berbagai kategori. 

Pastinya kamu akan memilih sitemap yang otomatis bukan karena lebih simple dan sederhana. nah di sini saya akan kasi script sitemap otomatis yang bisa kamu gunakan di blog kamu. 

Cara Memasang Sitemap Di Blog

Untuk memasang Sitemap di blog tidak lah sulit,saya akan berikan langkah step demi step secara detail di artikel ini.

• Langkah pertama silahkan masuk ke blogger.
• kemudian pilih halaman atau Laman yang ada di bilah kiri blogger Selanjutnya pilih Halaman Baru, Copy Kode HTML di bawah ini dan pastekan di laman kamu.

<style type="text/css"> #toc{ width:97%; margin:5px auto; border:1px solid #00a3c1; -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:#ff0000; font-weight:bold; margin:0 -5px; padding:1px 0 2px 11px; background:-moz-linear-gradient(right,#C2EAFE 0%,#00a3c1 40%); background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#00a3c1),color-stop(1,#C2EAFE)); border:1px solid #00a3c1; 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{t ext-transform:uppercase; } .new{ color:#ff0000; font-weight:bold; font-style:italic; } .postname{ font-weight:normal; background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%); background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE)); } .postname li{ border-bottom: #ddd 1px dotted; margin-right:5px } </style> <br /> <div id="toc"> <script src="https://cdn.rawgit.com/aramdan/share/master/sitemap.js" type="text/javascript"></script> <script src="https://www.cahonline.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> </script></div>

• Ganti kode berwarna merah dengan nama blog kamu, kemudian simpan.
• untuk tampilan sitemapnya nantinya akan seperti gambar berikut.

Nah itulah dia bagaimana cara membuat sitemap keren di blog, kode sitmap ini juga saya gunakan di blog saya ini,silahkan di terapin di blog kamu, silahkan berikan saran dan komentar kamu di kolom komentar di bawah, Trimakasih telah berkunjung.

Share this post