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

Membuat Icon Delete Comment di Komentar Blogger

Jika anda termasuk blogger yang selektif dalam memilih komentar yang tampil di Blog,trik ini akan sangat berguna bagi anda. Sebenarnya sudah ada fasilitas bagi admin sebuah Blog untuk menghapus komentar mana saja yang ingin atau tidak ingin ditampilakan di halaman komentar blognya. Tapi ada baiknya jika anda menambahkan icon tong atau tempat sampah yang berguna untuk menghapus sebuah komentar dengan lebih praktis.
Mari kita lihat screenshot nya:

Screenshot sebelum ada icon delete comment

Sesudah diedit untuk icon delete comment:

Screenshot setelah ada icon delete comment

(Jangan dilihat isi comment nya yaa. Lihat tong sampahnya :D )
 

Cara pemasangannya,
1. Masuk ke Setting/Pengaturan,Pilih menu tab comment/komentar
2.  Cari Comment Form Placement (Penempatan Formulir Komentar) Pilih Full Page(Halaman penuh) Atau Pop-up window 
3. Jangan lupa  Save Setting
 
Lihatlah pada salah satu posting anda yang ada komentarnya. Apakah sudah muncul?? Untuk memaksimalkannya,ikuti langkah lanjutan dibawah.
1. Dihalaman dashboard,masuk ke Design>Edit HTML>Expand Template Widget
2. Cari kode <b:include data='comment' name='commentDeleteIcon'/> . Sudah ketemu? Biasanya diletakkan di dekat/dibawah <span class='comment-timestamp'>. 
3. Cobalah untuk sedikit meng-edit script tersebut ,dari

<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>

Menjadi seperti ini:

<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/></a>
</span>

Jika kita perhatikan,yang dirubah hanya memindahkan posisi tag penutup :</a> ke setelah <b:include data='comment' name='commentDeleteIcon'/></a>
</span> 


Semoga berhasil.
Refferensi: SaungWeb