Cara Membuat Daftar Isi Artikel di Blogspot

Viyan Pradita Kamis, September 02, 2010

Dilihat dari judulnya, daftar isi merupakan kebutuhan penting juga di dalam blog, karena dapat mempermudah para pengunjung blog untuk mencari dan menemukan apa mereka cari, serta dapat mempercepat pencarian di blog. yang pastinya membuat pengunjung lebih nyaman. mungkin ada yang belum memasang aksesori ini.
Nah, di kesempatan kali ini saya ingin membahas tentang bagaimana Cara Membuat Daftar Isi Artikel di Blogspot.

Lihat Gambar

Ikuti langkah-langkah berikut :

1. Pertama Login ke account blog sobat.

2. Pilih Tata Letak kemudian Edit HTML.

3. Centang Expland Template Widget.

4. Lalu untuk mempermudah pencarian di kode HTML, tekan (Ctrl F), cari kode di bawah ini :

<b:include data='post' name='post'/>

5. Ganti kode tersebut dengan kode di bawah ini :

<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>

Keterangan :
Perhatikan kode yang bercetak warna biru,

border-right:1px solid #ccc; ini adalah kode untuk warna border, yang bisa sobat ganti sendiri.
border-bottom:1px solid #ccc; ini untuk mengganti border buttom.
background:#EAE9E9;color:#406A0E; ini untuik mengganti background daftar isi dobat.

Untuk menentukan kode warna silahkan sobat bisa kesini

6. Simpan template.

Jika sudah, lanjut lagi dengan langkah-langkah di bawah ini :

1. Klik Design/Layout/Tata Letak

2. klick Page Element
3. Add a Gadget dan pilih HTML/Javascript.

4. Copy paste kode di bawah ini dan taruh di dalam kotak gadget (konten) :

<a href="http://kode-blogger.blogspot.com/search?max-results=150" target="_blank"><span style="font-weight:bold;">DAFTAR ISI</span>&raquo;</a>

Keterangan:
Ganti tulisan yang berwarna merah dengan alamat URL blog sobat, dan juga yang berwarna biru adalah banyaknya jumlah artikel yang ingin ditampilkan.

5. Simpan, dan lihat hasilnya.


Selamat mencoba semoga sukses.


Ditulis Oleh :

Artikel Cara Membuat Daftar Isi Artikel di Blogspot ini dipublish pada hari: Kamis, September 02, 2010. Semoga artikel ini bermanfaat untuk Anda. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku.

2 komentar
Terjun Ke Kolom Komentar

  1. bisa d taruh d postingan gk sob?

    BalasHapus
  2. @Asmara: untuk daftar sisi dipostingan, Coba cari di Blognya Abu Farhan sob.

    BalasHapus

Catatan:
Link hidup dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS DI SINI...</i>


web design blogs Bloggers - Meet Millions of Bloggers