寫下這篇文章的原因,是希望留下作為一個小記錄

 


因為不善於寫語法的關係,面對Blogger的問題真是束手無策

 


因此,我真的衷心感謝每一位無私分享語法的Blogger!!!!

 



 


在寫文章的時候,突然發覺如果讀者想要從標籤中尋找文章的時候

 


看到篇幅比較大的列表,翻查文章是一項挺麻煩的行為

 



 


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

 













感謝ABIN!!!!!


感謝他不只是留下語法,也感謝他對語法的講解


使我能夠按自己的情況修改一下語法






現在這個網站的是在 搜尋/標籤/網誌存檔(年份) 時出現無日期的標題列表


在 主頁/網誌存檔(月份) 時則出現有日期的摘要文章










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



在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 @ 符碼記憶




 

文章標籤
全站熱搜
創作者介紹
創作者 wingt.bubu 的頭像
wingt.bubu

wingt. bubu sharing

wingt.bubu 發表在 痞客邦 留言(0) 人氣(22)