English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified

Friday, May 20, 2011

, » Membuat Daftar Isi Blog

Membuat Daftar Isi Blog

| Friday, May 20, 2011 | 1 comments

Sebagian para pemilik blog memasang table of content / daftar isi blog mereka, sehingga para pembacanya bisa melihat daftar posting secara keseluruhan.

Fitur ini juga bisa anda tambahkan pada blog anda. Dengan demikian para pengunjung blog bisa dengan leluasa menjelajahi dan melihat - lihat daftar posting yang telah anda terbitkan.

Terinspirasi dari Bloggeruniversity, akhirnya saya lahirkan posting kali ini. Dan langsung saja simak penjelasan berikut ini.

Langkah pertama yang harus anda lakukan adalah menuju Layout | Edit HTML, kemudian beri tanda cawang pada 'Expand Widget Template'. Telusuri script template anda sampai menemukan :
<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>
Kemudian ganti dengan kode berikut 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>
Setelah mengcopy kode di atas, langkah selanjutnya adalah menentukan letak daftar isi pada blog. Buka Layout | Add Gadget, pilih Link List lalu tentukan judul link anda. Pada 'New Site URL' masukkan kode ini :
http://yourblogURL/search/label/?max-results=999
Pastikan anda telah mengganti yourblogURL dengan URL blog anda. Akhirnya, daftar isi blog telah jadi. Semoga bermanfaat.



Artikel Terkait Lainnya



Digg Technorati del.icio.us Stumbleupon Reddit Blinklist Furl Spurl Yahoo Simpy

1 comments:

MaPhia BlacK said...

Lapor Boz..
Link anda juga sudah saya pasang..
silahkan dicek..^^

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Post a Comment

Silakan Berkomentar Di Sini Dengan Syarat :
1. Komentar anda tidak menyinggung SARA
2. Berikan komentar yang membangun, bukan yang semena-mena
3. Tersenyumlah sambil mengetikkan 'comment'


Bagi yang hanya sekedar 'blogwalking' di sini, silakan tinggalkan keterangan web title dan URL anda.

Hormat Saya,
Arifin

 

Recent Post

Random Post

Send Free SMS

© Copyright 2011. bqychodtz.blogspot.com . All rights reserved | bqychodtz.blogspot.com is proudly powered by Blogger.com | Special Thanks To o-om.com - zoomtemplate.com