Membuat Sitemap Otomatis Keren Sederhana dan Ramping di blog

Membuat Halaman Sitemap di Blog - Sitemap merupakan salah satu hal yang penting yang harus anda pasang di blog yang anda miliki,karena dengan sitemap otomasi di halaman blog ini memudahkan para pengujung untuk menelusuri artikel yang berada di blog tersebut

Halaman sitemap merupakan salah satu halaman blog yang menampilkan keseluruhan postingan salah satu blog,menurut kategori tertentu,sehingga dengan begitu blog anda akan terlihat professional dan juga akan memudahkan para pengujung untuk mencari salah satu artikel blog yang merekacari

Bahkan selain itu juga Google merekomendasikan kepada seluruh blog agar dapat membuat salah satu halaman sitemap agar Search Engine dapat dengan mudah merayapi seluruh halaman yang berada di salah satu blog

Cara Memasang Sitemap Otomatis sederhana di halamn blog

Maka dari itu kita sebagai pemilik blog di haruskan membuat salah satu halaman sitemap ini,maka untuk itu bagi anda yang menginginkan membuat Sitemap otomatis sederhana tetapi keren di suatu halaman blog anda

Disini saya akan berbagi cara untuk penerapan sitemap tersebut,dan mungkin anda juga sudah tau bagaimana cara penerapan kode sitemap tersebut,namun disini saya akan berbagi mereka yang masih NewBe dalam membuat sitemap tersebut,untuk itu silahkan anda ikuti tutorial penerapan kode sitemap tersebut di halaman blog anda

Silahkan anda masuk ke Dashboard Blogger dengan menggunakan Email dan Juga Pasword nya
Setelah itu silahkan anda klik "Pages" yang berada di bagian kiri Dashboard
Setelah itu silahkan anda klik tombol "New Page" untuk membuat halaman blog
Setelah anda berada di halaman blog,silahkan anda masukan dolom kolom title nya dengan tulisan Sitemap
Dan di bagian halaman Postingan nya silahkan anda klik "HTML" yang berada di bagian kanan "Compose",lalu kemudian silahkan anda masukan kode Sitemap di bawah ini di halaman tersebut

<div class='jontor'>
  <script src="https://rawgit.com/RoomahTips/sitemap/master/javascript.js"></script>
  <script src="/feeds/posts/default?max-results=5000&amp;alt=json-in-script&amp;callback=infotrens_Load"></script>
</div>
<style type='text/css'>.jontor{width:100%;border-collapse:collapse;text-align:left;overflow:hidden;margin:0 auto;}
.jontor a{color:black;}
.jontor p .infotrens_Label{background:#4ECDC4;display:block;padding:12px;}
.jole ol li{position:relative;display:block;padding:.4em .4em .4em .8em;margin:.5em 0 .5em 2.5em;background:#d9f4f2;color:#666;text-decoration:none;transition:all .3s ease-out;}
user agent stylesheetli{display:list-item;text-align:-webkit-match-parent;}
.jontor ol li:before{content:counter(li);counter-increment:li;position:absolute;left:-2.5em;top:50%;margin-top:-1em;background:#0fa9cd;color:#fff;height:2em;width:2em;line-height:2em;text-align:center;font-weight:bold;}
.jontor ol li:hover:after{left:-.5em;border-left-color:#0fa9cd;}
.jontorol li:hover{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);transition:all 0.3s cubic-bezier(.25,.8,.25,1);}
.jontor ol li:after{position:absolute;content:'';border:.5em solid transparent;left:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}
ol{counter-reset:li;list-style:none;font:15px 'Arial';padding:0;margin-bottom:4em;text-shadow:0 1px 0 rgba(255,255,255,.5);margin-left:26px;}
.infotrens_Postname li:nth-of-type(odd){background:#f1f3f3;}
.new{color:red!important;font-weight:700;font-style:italic;}
user agent stylesheetol{display:block;list-style-type:decimal;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;}
</style>

Kemudian silahkan Publish

Nah itulah cara membuat Sitemap Otomatis keen di halaman blog,semoga artikel nya bisa membantu sobat blogger semua,selamat mencoba dan salam blogger

ads