Cara Membuat Sitemap Keren Pada Blog

Cara Membuat Sitemap Keren Pada Blog - Apakah kamu tau apa itu sitemap?Sitemap adalah suatu alat bantu yang di buat untuk mempermudah mesin pencari merayapi blog kamu.Sebenarnya membuat sitemap ini sangat mudah.Akan tetapi tidak semua tampilan sitemap sesuai dengan selera kamu.Ada 2 cara membuat sitemap yang akan saya bagikan disini.Langsung saja simak langkah-langkah di bawah ini.

Cara Pertama:

• Log in ke blogger
• Klik Halaman/Page lalu pilih halaman baru
• Klik mode HTML(di sebelah kiri atas samping mode compose)
• Copy script di bawah ini lalu pastekan di halaman baru mode HTML yang tadi kamu buat.

<div class="adb">
<script src="https://rawgit.com/rezamuhamad/rakinfo/master/sitemap.js"></script>
<script src="http://www.awalduniabaru.com/feeds/posts/default?max-results=5000&amp;alt=json-in-script&amp;callback=rak_info_Load"></script>
</div>
<style type="text/css">.adb{width:100%;border-collapse:collapse;text-align:left;overflow:hidden;margin:0 auto;}
.adb a{color:black;}
.adb p .rak_info_Label{background:#4a69de;color:#fff;text-decoration:none;display:block;padding:5px 0px 5px 10px;font:13px 'Arial';font-weight:bold;}
.adb ol li{position:relative;display:block;padding:.4em .4em .4em .4em;margin:.5em 0 .5em 2.5em;background:#14e0d1;color:#fff;text-decoration:none;transition:all .3s ease-out;}
user agent stylesheetli{display:list-item;text-align:-webkit-match-parent;}
.adb ol li:before{content:counter(li);counter-increment:li;position:absolute;left:-2.5em;top:50%;margin-top:-1em;background:#4a69de;color:#fff;height:2em;width:2em;line-height:2em;text-align:center;font-weight:bold;}
.adb ol li:hover:after{left:-.5em;border-left-color:#4a69de;}
.adb ol 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);}
.adb 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:12px 'Arial';padding:0;margin-bottom:2em;text-shadow:0 1px 0 rgba(255,255,255,.5);margin-left:26px;}
.rak_info_Postname li:nth-of-type(odd){background:#fb1111;}
.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>

• Ubah http://www.awalduniabaru.com dengan alamat blog kamu
• Terakhir klik Publikasikan dan lihat hasilnya

Cara Kedua:

Sitemap yang kedua ini cukup bagus juga untuk kamu yang suka dengan tampilan sitemap simple.Langkah awal sama seperti cara di atas,Hanya kode script saja yang berbeda.Silahkan copy script di bawah ini lalu pastekan di halaman baru pada mode HTML.Ganti tulisan berwarna merah dengan URL blog kamu lalu publikasikan.

<script src="https://cdn.rawgit.com/mowdot/mysitemap/master/sitemapku.js"></script><br />
<script src="http://www.awalduniabaru.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Itulah 2 cara membuat sitemap pada blog.Semoga artikel ini bisa sedikit membantu kamu yang sedang bingung saat ingin buat sitemap.Bantu share ke teman-teman yang lain ya melalui tombol share di bawah ini.

Share this post