Cara Menciptakan Daftar Isi Blog Bag Ii

Pada pembahasan yang dahulu kita sudah sama-sama berguru bagaimana Cara Membuat Daftar Isi Blog kita dengan memakai script. Nah, pada kesempatan kali ini kita akan kembali berguru bagaimana caranya menciptakan sebuah daftar isi pada blog, tetapi dengan memakai metode edit HTML.

Metode edit HTML untuk menciptakan daftar isi sebuah blog ini lebih menguntungkan daripada memakai script. Hal ini dikarenakan menciptakan daftar isi blog memakai script akan menciptakan proses loading blog kita menjadi lebih usang sebab ukuran blog kita yang semakin berat.

Bagaimana Cara Membuat Daftar Isi Blog dengan memakai edit HTML ini?

Langkah Pertama.

Pertama, masuk ke akun blogger kita masing-masing.
Klik fitur rancangan.
Kemudian klik edit HTML.
Berikan tanda contreng pada Expand Template Widget.
Cari aba-aba HTML di bawah ini.

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

Hapus aba-aba tersebut dan ganti dengan aba-aba HTML berikut.

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

Klik simpan template dan selesai.

Keterangan :

1. Sebelum memulai proses editing, ada baiknya jikalau kita mendownload template blog kita terlebih dahulu sebagai backup untuk mengantisipasi terjadinya kegagalan dikala proses editing berlangsung.
2. Gunakan tombol Ctrl + F pada keyboard untuk mempermudah pencarian aba-aba HTML dalam template blog kita.

Langkah Kedua.

Klik elemen halaman.
Klik tambah gadget.
Pilih HTML/JavaScript.
Masukan aba-aba HTML di bawah ini.

<a href="http://namablogkita.blogspot.com/search?max-results=200">Daftar isi&raquo;</a>

Klik simpan dan selesai.

Keterangan :

1. Ganti http://namablogkita.blogspot.com dengan alamat blog kita masing-masing.
2. Ganti angka pada max-results=200 untuk mengatur berapa banyak jumlah judul artikel yang akan dimunculkan dalam daftar isi blog tersebut.

Nah, kini di cuilan sidebar blog kita sudah terpasang daftar isi blog yang akan selalu update secara otomatis menurut updatenya postingan blog kita.

Bagaimana kawan?
Praktis untuk menerapkannya bukan?
Jika ada embel-embel atau pertanyaan silakan disampaikan lewat kotak komentar di bawah ini ya.
Salam blogger!

Share this post