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:

Sitemap Unik
  • 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 simple

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.

Berlangganan update artikel terbaru via email:

6 Responses to "Cara Membuat Sitemap Keren Pada Blog"

  1. Dari kemarin cari script sitemap kgak ada yg work.pake script ini ane berhadil huat sitemap.keren pokoknya dah sitemapnya :)

    ReplyDelete
  2. ane juga mau buat sitemap di blog baru ane.ijin comot scriptnya ya mas

    ReplyDelete
    Replies
    1. Silahkan mas,Semoga blog barunya makin banyak visitornya :)

      Delete
  3. Cakep sitemapnya

    ReplyDelete
    Replies
    1. tinggal pilih salah satu sitemapnya sesuai selera gan...

      Delete

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel