0

2014-7-7 Blogger 按下標籤只出示標題列表

寫下這篇文章的原因，是希望留下作為一個小記錄
因為不善於寫語法的關係，面對Blogger的問題真是束手無策
因此，我真的衷心感謝每一位無私分享語法的Blogger!!!!

在寫文章的時候，突然發覺如果讀者想要從標籤中尋找文章的時候
看到篇幅比較大的列表，翻查文章是一項挺麻煩的行為

故想要找到能夠按下標籤後直接出現標題列表的語法



感謝ABIN!!!!!
感謝他不只是留下語法，也感謝他對語法的講解
使我能夠按自己的情況修改一下語法
網站連結：Abin's Tech Note: 標籤/搜尋頁面只列出標題

現在這個網站的是在 搜尋/標籤/網誌存檔(年份) 時出現無日期的標題列表
在 主頁/網誌存檔(月份) 時則出現有日期的摘要文章


如果你想要同樣的效果的話，請跟從以下步驟吧!

在HTML編輯中尋找紅字
<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>

將以下語法取代紅字（以下語法是取自Abin語法）
<!--原有句子<b:include data='post' name='post'/>-->
<!--出示標題列表START-->
<b:if cond='data:blog.homepageUrl != data:blog.url'>
  <b:if cond='data:blog.pageType == &quot;index&quot;'><!--當PageType是index(搜尋/標籤)時-->
    <!-- Show article title only -->
 <a expr:href='data:post.url'><data:post.title/></a>
  <b:else/><!--否則便出現原樣列出-->
 <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <b:include data='post' name='post'/>
  </b:if>
<b:else/><!--現在所在頁面是「主頁」-->
  <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
  <b:include data='post' name='post'/>
</b:if>
<!--出示標題列表END-->

之後拉上一點點，就會看到以下語法 
<b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
  <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>

將紅字的語法COMMENT，變成： 
  <!--出示日期原有句子
  <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
        </b:if>-->

這樣就行了
可能說的有一點亂
不過沒關係啦哈哈

以上語法都是取自http://abintech.twidv.com/
因為事前沒有詢問過Abin，如果不能發表的話請告訴我。
抱歉TT

／

在寫這篇文章的時候
發現不懂得POST codeBLOCK
所以又上網找了一番。
都是寫得超級清晰的呢
找到以下的網址，如果有需要的人也可以去看看喔。

在網頁中嵌入顯示程式碼：CSS Block @ 符碼記憶


No comments:

Post a Comment