Tuesday, April 3, 2012

Cara Membuat Daftar Isi di Blog

Related Posts Plugin for WordPress, Blogger... Untuk melihat seluruh artikel yang terdapat dalam suatu blog, alangkah baiknya jika kita buatkan daftar isi pada blog yang kita miliki. Dengan daftar isi ini maka secara otomatis akan di perlihatkan seluruh judul artikel yang pernah kita posting lengkap dengan tanggal serta kategori dari artikel tersebut.

Cara pembuatan daftar isi pada blog adalah sebagai berikut:

  • Langkah Pertama
  1. Masuk ke blogger dengan ID yang kita miliki
  2. Pilih Layout, klik Edit HTML
  3. Klik Download Full Template, simpan untuk backup data.
  4. Beri tanda centang pada kotak Expand Widget Template
  5. Cari kode berikut <b:include data='post' name='post'/>, untuk mempercepat proses pencarian tekan Ctrl-F
  6. Hapus kode diatas ganti dengan kode dibawah ini, kemudian Save Template

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>


  • Langkah Kedua
  1. Pilih Layout, klik Page Elements
  2. Klik Add a Gadget, klik tanda + pada HTML/Java Script
  3. Copy pastekan css berikut pada kotak elemen: <a href="http://NamaBlogAnda.blogspot.com/search?max-results=200">Daftar isi&raquo;</a>, kemudian Save
  4. Klik tombol Save yang berada di kanan atas
  5. Untuk melihat hasil klik View Blog
Tips:
NamaBlogAnda adalah nama blog yang kita miliki.
Sebaiknya daftar isi ditempatkan disebelah atas
Sekian artikel berjudul Cara Membuat Daftar Isi di Blog, Semoga bermanfaat. URL artikel: http://javablogtrik.blogspot.com/2012/04/membuat-daftar-isi.html


Artikel Terkait:

0 comments:

Post a Comment

Bloggroll

free web site traffic and promotion

  © Blogger template 'Perfection' by Ourblogtemplates.com 2008

Back to TOP