Wednesday, 1 November 2017

Cara Membuat Sitemap Keren Terbaru di Blogger

Cara Membuat Sitemap Keren Terbaru di BloggerMemasang sitemap pada blog merupakan hal yang sangat penting demi kemudahan bagi para pengunjung dalam menemukan artikel yang dicari. Sitemap atau peta situ adalah sebuah peta yang berisikan berbagai macam direktori atau konfigurasi konten maupun artikel dari sebuah web / blog dalam bentuk tautan link. Pembuatan sitemap juga bertujuan untuk mempermudah melakukan crawl (perayapan) yang dilakukan oleh search engine.

Cara Membuat Sitemap di Blogger

Banyak cara dalam pembuatan sitemap atau peta situs, tetapi untuk untuk cara pembuatan yang saya bagikan mempunyai kelebihan lain, antara lain : tampilannya lebih menarik, past loading, mempunyai tanda khusus disaat ada postingan terbaru, dan akan muncul otomatis setelah Anda melakukan posting artikel. Kita langsung saja ke cara-cara pembuatannya sebagai berikut :

Langkah ke#1. Login ke Blogger, pada menu "Laman" silahkan pilih "Laman baru".
Cara Membuat Sitemap Keren Terbaru di Blogger

Langkah ke#2. Pada saat edit laman harus dalam mode HTML, dan silahkan isi terlebih dahulu judul lamannya.

Langkah ke#3. Silahkan isikan kode script dibawah ini, kemudian silahkan simpan lamannya dan lihat hasilnya.
<style type="text/css">
#toc{width:100%;margin:5px auto;border:1px solid #1a66f1;
-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: #1a66f1;
border:1px solid #1a66f1;
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>

<div id="toc">
<script src="http://yourjavascript.com/19011761625/scriptsitemapbaru.js" type="text/javascript"></script><span style="font-family: inherit;"><span style="font-family: &quot;arial&quot; , &quot;helvetica&quot; , sans-serif;">
</span></span><script src="http://www.kanguem.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div> 


Catatan : Untuk script yang saya beri tanda warna merah, silhkan ganti dengan URL blog Anda.

Setelah Anda membuat laman baru dan sudah memasang kode script diatas, maka akan muncul tampilan sitemap seperti gambar dibawah ini. 
Cara Membuat Sitemap Keren Terbaru di Blogger


Uraian tentang cara membuat sitemap keren terbaru di blogger sudah selesai, semoga uraianini bisa bermanfaat dan selamat mencoba.

24 comments:

  1. Sangat keren mas... muantabs abis sitemapnya.

    ReplyDelete
  2. terimakasih banyak atas informasinya dan jangan lupa kunjungi kami di http://rahma-store.com/neo-walet-facial-soap/

    ReplyDelete
    Replies
    1. sama2, mkasih juga sudah berkunjung.

      Delete
  3. Terimakasih sitemapnya. banyak yang saya coba tidak berhasil. akhirnya yang ini bisa. dan cocok lagi dengan template saya.

    ReplyDelete
  4. tolong beri tanda bold kode mana saja yang perlu diubah agar bisa merubah warna border atau text nya

    ReplyDelete
  5. jin kang ..top artikelnya sangat membantu

    ReplyDelete
  6. Langsung ane coba gan,, semoga berhasil. Terimakasih.

    ReplyDelete
  7. Mantap..akan saya pakai pada blog baru saya infoseru11.blogspot.com

    ReplyDelete
  8. Mas kalau untuk tampilan mobile, kuranq responsife mas, ada kode yanq perlu ditambahkan gak biar responsif.

    ReplyDelete
  9. Asslamualaikum, maaf kang uem untuk blog saya kenapa tidak muncul iya,,, setidaknya saya mencoba dari sekian tutorial tapi gak bisa juga. Mohon pencerahannya. Wasslmualaikum

    ReplyDelete
  10. mantap gan saya pake dulu di blog ane www.rayaweb.top

    ReplyDelete
  11. sangat membantu kang, kebetulan query sitemap saya koid, ijin ambil nggih :)

    ReplyDelete
  12. keren nih site model ini.....

    ReplyDelete
  13. terima kasih mas..

    amat membantu nie

    ReplyDelete
  14. Kenapa saya cobak pasang kho eror 404

    ReplyDelete
  15. mirip sama blog sebelah (Pena Indigo). Entah yang mana yang plagiasi.

    ReplyDelete
  16. Terimakasih gan work sukses.

    www.masegi.org

    ReplyDelete
  17. berhasil gan mantap..
    Froye.blogspot.com

    ReplyDelete
  18. kok gak muncul ya mas https://www.techmobile9.xyz/p/sitemap.html

    ReplyDelete