Cara Membuat Daftar Isi Blog

Cara Membuat Daftar Isi Blog

Okey....salam jumpa lagi sobat blogger. Pembahasan kali ini adalah bagaimana Cara Membuat Daftar Isi Blog pada Blogspot. Ini juga termaksud salah satu cara memodifikasi blogspot sobat dengan Trik-Trik Blogger.

Dalam posting kali ini saya akan membagi pengetahuan dan sekaligus share Cara Membuat Daftar Isi Blog pada blogspot. Dengan demikian pengunjung blogspot dapat melihat keseluruhan dari posting-posting yang telah anda publikasikan. Cara Membuat Daftar Isi Blog kali ini gak sulit kog'...dan jika sobat tertarik untuk memasangnya di Blog sobat, silahkan sobat ikuti langkah-langkahnya.

Langka-langkah yang harus anda lakukan..:

• Log in ke Blogger Anda.
• Pilih Tata Letak/Rancangan.
• Pilih Edit HTML.
• Download Full Template, untuk membackup template sobat, jika terjadi kesalahan.
• Beri tanda centang pada Expand Template Widget. 
• Cari kode seperti di bawah ini : => sobat juga bisa gunakan pencarian cepat (Ctrl + F)

<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>

<!-- navigation -->
<b:include name='nextprev'/>

<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>

• Kalau sudah dapat, kemudian sobat ganti dengan kode dibawah ini :

<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts'>
<!-- on a label page, add a header saying 'Contents' -->
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "archive"'>
<h2 class='date-header'>Contents</h2>
</b:if>
</b:if>
</b:if>
<!-- Start loop for displaying posts here -->
<b:loop values='data:posts' var='post'>
<!-- Date-headers are only displayed if on main, item or archive page -->
<!-- If on label-page, then no date-header -->
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
</b:if>
</b:if>
</b:if>
<!-- Here we start displaying the posts. -->
<!-- If we are on a label page, only the posttitle is displayed -->
<!-- On other pages the entire post is displayed -->
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "archive"'>
<a expr:href='data:post.url'><data:post.title/></a><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<!-- If on item page display comments -->
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>

<!-- navigation -->
<b:include name='nextprev'/>

<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>

• Jika proses peng-copyan sudah selesai, sobat Save hasil kerja sobat.
• Nah, blom selesai sampai disini......Langkah selanjutnya adalah sobat menentukan letaknya pada blog sobat.
• Pilih Tata Letak/Layout.
• Pada halaman Page Element/Elemen Laman.
• [Klik] Add a Gadget.
• Pilih Link List. Lalu tentukan judul link sobat.
• Pada New Site URL masukkan kode berikut ini :

http://Alamat URL Blog Sobat/search/label/?max-results=999

• Ganti tulisan yang berwarna merah "Alamat URL Blog Sobat"  dengan alamat URL Blog sobat.
• Kemudian Save dech....!! Coba sobat lihat hasilnya...

Semoga Bermanfaat....!!


EnaL Rhay SyahRinggan Next..>>

READ MORE - Cara Membuat Daftar Isi Blog