Propellerads

Cara Membuat Sitemap atau Daftar Isi

Cara Membuat Sitemap atau Daftar Isi
Propellerads
Di Blogspot atau Blogger terdapat feed yang bisa digunakan sebagai sitemap ataupun daftar isi. Cara membuat daftar isi / sitemap tersebut pun sangat mudah / gampang, yaitu dengan menempelkan sedikit kode javascript ke halaman (page) ataupun postingan, dan tentunya dengan memanfaatkan feed atau RSS dari blog yang bersangkutan.

Pembuatan sitemap atau daftar isi secara otomatis disini ditujukan untuk pengunjung blog kita, bukan untuk robot Google, dalam hal ini Blogger adalah platfrom yang kita pergunakan, Blogger memberikan fasilitas untuk membuat sitemap dengan begitu mudah dan secara otomatis.
idsalimcom  

Berikut cara membuat sitemap / daftar isi otomatis di Blogger :
  1. Masuk ke akun blogger
  2. Pilih menu 'Laman'
  3. Buat laman baru (Klik tombol 'Laman baru' > 'Laman kosong')
  4. Pilih mode 'HTML'
  5. Beri judul Daftar Isi atau Sitemap (judul terserah anda)
  6. Masukkan kode berikut
<script src="http://me-sitemap.googlecode.com/files/mysitemap.js" type="text/javascript"></script>
<script src="http://ardilas.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
  1. Ganti kode 'ardilas.com' di atas dengan alamat blog anda
  2. Publikasikan
Apabila anda menginginkan daftar isi atau sitemap yang memiliki scroll di samping kanan (gambar 2), anda bisa menggunakan kode berikut sebagai ganti kode dari poin nomer 6 diatas :

<div style="background-color: #dde1e3; border: 1px solid #999999; height: 100px; overflow: auto; padding: 10px; width: 100%px;">
<script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script src="http://ardilas.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

Nilai '100' pada 'height' bisa dirubah sesuai dari panjang daftar isi yang diinginkan. Jangan lupa ganti kode 'ardilas.com' di atas dengan alamat blog anda.
Sumber : ardilas.com

Terimakasih telah mengunjungi IDsalim.com. Kunjungan kembali kami tunggu dengan berbagai artikel menarik lainnya.

Propellerads
Admin
IDsalim.com adalah blog yang akan memberikan Informasi Lowongan Pekerjaan, Informasi Pendidikan, Seputar PKH, Berita Nasional dan Berita Daerah, Beasiswa dan Video.

Sign out
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parse Tool Hide Parse Tool

How to get ID DISQUS - http://disq.us/p/[ID DISQUS]

strong em u strike
pre code pre code spoiler
embed

0 Comment

Add Comment

Show Parse Tool Hide Parse Tool


Advertiser

Propellerads