Cara Membuat Sitemap [Daftar Isi] di Blog Otomatis-UpdeteTerbaru 100% Work - Dihaimoma Menulis
0

Cara Membuat Sitemap [Daftar Isi] di Blog Otomatis-UpdeteTerbaru 100% Work

- 09:48:00

Dihaimoma.com


Pada artikel kali ini Dihai aka berbagi cara mudah memasang sitemap atau daftar isi otomatis di blogspot.

Daftar isi atau sitemap merupakan sebuah sarana yang dapat membantu sobat untuk merapihkan sumua artikel dalam blog/web sobat berdasarkan label yang sobat buat. Selain itu membantu artikel terbaru sobat terubdate secara atomatis agar semua itu terpusat pada satu sub menu yang dipilih.


Contohnya, sobat bisa lihat di sini: DEMO


Apa saja manfaatnya?

Dengan sobat memasang daftar isi [sitemap] maka akan mempermudah para pengunjung blog mencari dan menemukan apa yang mereka butuhkan dengan mudah dan cepat di blog sobat. Yah... karena semua artikel yang pernah sobat posting di blog, akan tampak di bagian sitemap.

Ibarat daftar isi buku. Ia memudahkan pembaca untuk langsung terjun kepoin yang dibutuhkan dan mengabaikan bagian-bagian yang tidak dibutuhkan. Selain itu, ia juga berpotesi membuat pengunjung betah tinggal di web sobat untuk membaca artikel-artikel sobat. Kalau sudah begitu, maka sudah pasti rasio pelantaran situs sobat akan menurun.

Mengapa..???

Karena setiap artikel di blog sobat akan tersusun secara sitematis di bagian menu sitemap/daftar isi yang sobat Buat. Setiap kali sobat posting, artikel akan mengisi setiap label secara otomtis dan juga akan berperan dalam memberi tahu pengunjung jika terdapat artikel terbaru yang sobat posting.

Sobat bisa baca juga:


  1. Cara Mudah Memasang Meta Tag Seo Friendly dan Valid HTML 5 di Blogspot Terbaru
  2. Cara mudah dan Cepat Mendaftar Blog ke Google Analytics untuk Pemula
  3. Cara mudah mendaftar dan Mengirim Peta situs ke Google Webmasterstools
  4. Cara Mudah mendaftar dan Verifikasi [yandex-verification] Blogspot ke Yandex Webmaster
  5. Cara Ampuh Cek Plagiat Tulisan Online Tanpa Registrasi, Gunakan 4 Situs Ini

Cara membuat Sitemap [Daftar Isi]  otomatis di Blogspot

Copy  dan paste  salah satu dari kedua code berikut ini sesuai dengan keinginan sobat:

Style 1- Versi modivikasi 

<div dir="ltr" style="text-align: left;" trbidi="on">
<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{text-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>
<div id="toc">
<script src="https://cdn.rawgit.com/aramdan/share/master/sitemap.js" type="text/javascript"></script>
<script src="http://www.dihaimoma.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
</div>

Style 2- Versi sederna

<div id="toc">
<script src="https://cdn.rawgit.com/aramdan/share/master/sitemap.js" type="text/javascript"></script>
<script src="http://www.dihaimoma.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>


Catatan:  Warnah merah ganti dengan URL blog sobat.


Setelah Copy kodenya, sobat masuk ke blog.
  • Klik Laman
  • Ke laman baru. Di bagian kanan atas.
  1. Pilih bagian HTML di samping Compose. Harus kode yang akan tampil
  2. Isi judul,
  3. Paste code yang sudah sobat copy
  4. Isi deskripsi yang sesuai dengan sitemap
  5. Publis hasilanya.
Kalau masih kurang paham perhatikan gambar berikut:


Naa kalau sobat melakukan tahap-tahap di atas ini dengan benar maka sobat sudah berhasil membuat sitemap/daftar isi menjadi tomtasis di blogspot.

Daftar isi ini sampai saat ini masih work, tapi jika terdapat kekurangan atau kesalahan sobat bisa tinggalkan komentar. Kami akan segerah memperbaikinya, supaya pengungjung berikutnya tidak mengalami hal yang sama. Terima kasih.

Advertisement

WARNING

1. Komentar Anda merupakan sebuah kontribusi untuk memperbaiki dan mengembangkan blog ini menjadi lebih berguna dan Informatif

2. Komentar dan kritikan Anda untuk isi blog ini kami sangat menghargai.

3. Komentar harus menggunakan bahasa yang baik, benar, dan mendidik.
EmoticonEmoticon

 

Start typing and press Enter to search