Table Of Contents Part 2

Tweet

Entri ini direcycle untuk memjawap pertanyaan :

Qid wrote:
Assalamualaikum kujie...
Terima kasih di atas tunjuk ajar kujie. Sangat2 dihargai. Masalah tersebut
telah pun berjaya di atasi. Saya tertarik melihat categories pada blog kujie.
Ada 1 main entry & di bawahnya ada tajuk2 kecil. Macam mana nak buat macam
tu ek? Terima kasih sekali lagi atas perhatian kujie...
Assalamualaikum...

Entri asal bertarikh 25/12/78.

Salam...cuti² ini ada kelas tau sebab ada yang bertanya saya bagaimana untuk memasang Table Of Contents ( TOC) seperti di blog saya.

TOC adalah senarai isi kandungan blog . Cuba lihat disebelah sidebar atas sekali blog ini, kita akan lihat Kandungan Blog yang mengandungi senarai entri saya. Bila di klik, akan terpapar semua senarai yang ada atau jika kita klik pada Label , contohnya Blog Tutorial, akan terpapar seperti ini

> Ini template lama blog saya



Saya pernah memberi tutorial tentang TOC di SINI tetapi tak salah jika kelas kita bermula sekali lagi kan... semester baru..he he he...

1. Sign in dan pergi ke Dashboard / Layout / Edit HTML / Expand Widget Template dan cari code seperti dibawah :

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

2. Delete code di atas dan gantikan dengan code seperti di bawah

<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts'>
<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>
<b:loop values='data:posts' var='post'>
<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>
<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>
<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>

3. Save

Kemudian pergi ke langkah ke 2.

1. Buka Dashboard/ Layout/ Template/ Page Elements Add A Gadget
2. Buka Page Elements Add A Gadget dan pilih Link List widget.
3. Pada Title tuliskan tajuk yang kita kehendaki seperti " Kandungan Blog" dan New Site Name tulis Senarai Semua Entri dan pada New Site URL letak ;

http://yourblogURL/search/label/?max-results=999

Gantikan yourblogURL dengan url blog kita, contoh http://kujie2.blogspot.com/search/label/?max-results=999

Dah siap drag and drop page element pada kedudukan yang kita suka. Jangan lupa save.

Klik SINI untuk tutorial yang lain.