Sabtu, 23 Juli 2011

Membuat Daftar Isi Blog Sesuai Tanggal Posting atau Recent Post

Mudahkan navigasi pengunjung blog anda dengan daftar isi atau sitemap blog anda. sebelumnya di Asoka sudah pernah dibahas tentang cara membuat sitemap secara ofline. Jika anda belum membacanya,silahkan baca disini (Cara Membuat SiteMap Ofline dengan sitemap Generator) . Sitemap sangat penting bagi sebuah blog. Terutama yang daftar postinggannya sangat banyak. Bukan hanya mempermudah crawl mesin pencari,tapi juga untuk pengunjung anda. Anda tidak mau kan,nantinya kalau ada pengunjung masuk blog anda,kesannya mereka tersesat kehilangan arah??
Sekarang saatnya membuat daftar isi Sesuai tanggal posting. Sebelumnya,lihatlah contoh penerapan nya dibawah:
Contoh: Daftar Isi Berdasarkan Tanggal Posting
Asoka Site

 Selanjutnya,mari kita lihat kodenya. Ada duapilihan penempatan. Anda bisa menempatkannya di satu halaman penuh,dan juga bisa di Sidebar.
1. Disatu halaman penuh
Pertama,masuk ke halaman posting (penulisan posting). Klik tab Edit HTML. Copas code dibawah ini:
<script style="text/javascript" src=" http://bolehasyik-mobile.googlecode.com/files/Daftar%20Isi%20sesua%20tanggal.js "></script>
<script src="http://bolehasyik.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Jangan lupa untuk mengganti teks warna merah dengan alamat blog anda sendiri. Klik Publish Post. Selseai.

2. Di Sidebar Blog.
Masuk ke Design>Add a Gatget>Html/Javascript , Kemudaian copas code dibawah ini:
<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 400px; background-color: none; text-align: left;">
<p align="center">
<font size="4">Daftar Isi Berdasarkan Tanggal Posting</font></p>
<script style="text/javascript" src="http://bolehasyik-mobile.googlecode.com/files/Daftar%20Isi%20sesua%20tanggal.js"></script>
<script src="http://bolehasyik.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
<p><div>
Jika kita lihat,pada penerapan di Sidebar,kita hanya menambahkan scroll saja. Sekarang anda bisa menambah daftar isi di Sidebar blog anda. Dan permudah navigasi pengunjung blog anda. Jadinya mereka tidak tersesat begitu masuk ke Blog anda. :D

Tidak ada komentar:

Posting Komentar