1 2 3 4 5 6

廣告

網友您好,若是您覺得我寫的工具或文章對您有幫助,
而您或者您的朋友有在博客來購物,可以透過底下連結

如何在博客來購物贊助網站或是點選計數器下方的博客來圖示來讓網站可以永續經營。

2009年1月12日 星期一

讓blogspot顯示分類時只顯示標題

Blogspot的分類顯示都會把每篇的內容完整顯示,不但找資料時很不方便,也不方便網友閱讀,在save coco網友的[教學]讓 blogger 顯示文章標題列表 中看到可以把它列表,真是方便。底下就直接說明重點部分。

1.進入範本.選修改HTML ,把展開小裝置範本打勾,把底下的程式碼放Css區塊


.t_title{
border-bottom:none;
font-size: 130%;
text-align:left;
margin-top:20px;
margin-bottom:14px;
padding:1px;
padding-$startSide:17px;
font-weight: normal;
font-family: Trebuchet MS, Verdana, Sans-serif;
}

2.用[Ctrl+F]尋找


<b:includable id='main' var='top'>
……
........
........
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>

把這個程式碼,用底下的替換

<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 != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
<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 == &quot;item&quot;'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<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 != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
<a class='t_title' 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 == &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>
<p/>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>

把這個程式碼代換上段的程式碼

3.這是條列顯示的結果

2 則留言:

Frank 王 提到...

哈囉~
親愛的站長大大你好
開門見山的說試想請教一下
這個更換的方法我怎麼樣用都不行
首先是我愈置換的程式碼跟教學中的程式碼布完全一樣
但是他說xml有問題,不能按下確定

可不可以請問站長能夠教我解決~
首頁的文章是否也可以直接用這樣的方式呢?
若是很麻煩的話~我願意用金額外包成一個案子解決~
真的希望站長能夠幫個忙~謝謝你

一整天 提到...

Frank王您好:
我試了新版的blogger修改html,也會出現錯誤問題,可能是blogger不允許這樣的寫法.

贊助

彰化一整天粉絲團