2007/10/01

讓blogger(blogspot) 文章也有伸縮自如的效果




除了伸縮側邊欄外(見讓blogspot的側邊欄 sidebar 伸縮自如), 其實在文章頁面也可以達到相同效果. 如果點選標籤後, 列出的文章都先顯示標題, 有興趣看內容時, 再點開, 會有比較好的視覺效果.





記得先打勾小裝置範本.

作法如下,

1. 在</head>之前, 加入以下程式碼

<script type='text/javascript'>
function toggleIt(id) {
post = document.getElementById(id);
if (post.style.display != 'none') {
post.style.display = 'none';
} else {
post.style.display = '';
}
}
</script>


2. 然後找到 <div id='blog-posts'> 或 <div class='blog-posts'>, 將紅色程式碼加入, 修改後如下,

<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table><tr>
<td width='40px'>
<a href='javascript:void(0)' title='Expand/collapse this post' style='text-decoration:none' expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"'>[+/-]</a>
</td>
<td>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
</td>
</tr></table>
<div class='post-body' expr:id='data:post.id' style='display:none'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:includable>



<b:includable id='main' var='top'>
<div id='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:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:include data='post' name='PeekABooPost'/>
<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>


點選 [+/-] 就可以展開或縮回文章內容了.



當然,如果點選標題, 就直接連到該文章的頁面了!

Peek-A-Boo view of posts in label/archive pages

相關文章 :

165 comments:

蔡凱文 提到...

hello~

阿土伯所設計的繼續閱讀功能似乎不能用在 k2 的3欄模版, 不知道大大可否幫我解決.. http://travel20.blogspot.com/

sola 提到...

沒想到教學這麼快就出來了XD
非常感謝您的分享~

Skyvee 提到...

sola, 不用客氣. 希望對您有幫助.

凱文, k2的 template 改了很多名詞啊!要對照回來要費許多精神呢..

試看看..

在b:includable id='post' var='post'後面

k2的 div class='item entry' 應該相當於 原來blogger版型中的 div class='post'

k2的 div class='itemtext' 應該相當於 div class='post-body'

其他您照著 http://skyvee.blogspot.com/2007/06/blogger-hide-fullpost.html看看吧!

蔡凱文 提到...

Skyvee 大大,

感謝你囉 ~ 我來試試

ㄍㄨㄚ 提到...

好想哭 @@" 試了千萬次 還是放不進去語法... 難道我用的是盜版的blogger嗎? ( 笑)

skyvee 提到...

ㄍㄨㄚ ,是不是哪個步驟找不到相對的程式碼呢?

Benson 提到...

您好,我的blog是用羊男所製做的Gadget template,我無法在html中找到步驟2 div id='blog-posts 或 div class='blog-posts 的語法,請問要怎麼辦呢?

skyvee 提到...

benson,你的template應該有 div class='blog-posts'哦! 再找一次看看?

Benson 提到...

您好
我找過了,真的沒有div class='blog-posts'
倒是有這個
div class='clear'> /div

我應該不是眼殘了吧!!!

skyvee 提到...

benson, 找一下 id='Blog1', 在這行下方附近應該就有div class='blog-posts'

Benson 提到...

原來我沒有勾選 展開小裝置範本
難怪我看不到
哈哈

Skyvee 提到...

benson, 那祝你改造成功囉! :)

Hugo 提到...

好吧…該是承認自己笨的時候了
請問為什麼我的+/-跟文章的title就是對不齊呢~"~
請你幫幫我吧><

skyvee 提到...

hugo,你改成table的方式呈現? 如果照原本文章內的方法,除了IE6的版本不能對齊外, 在Firefox及IE7下應該都可以對齊的..

Hugo 提到...

嗯,我確定是用你的語法貼的,除非我的東西太東搞錯了...
不過後來~
我還是用了別的白痴方法把他給…"做掉"了…哈><
謝謝你的指導^^

Skyvee 提到...

Hugo,如果用table 的方法不是不行, 不過+/-的字體大小就需跟h3相同, 不然是比較難對齊的.:)

kmkder 提到...

= ="我改一改...
改到原本顯示文章的地方不見了...
http://kmkder.blogspot.com/
可以幫我看一下嗎?

要是需要的話,我在把我改的語法用txt檔丟上來!(還是你只要看原始碼就行了?)

skyvee 提到...

kmkder, 要先加入步驟一的程式碼在<head> </head>之間.

你的blog部分,是要找到 div class='blog-posts hfeed' , 在這段程式碼的前面, 加入步驟2 的紅字, 試看看吧!

kmkder 提到...

@@"我<head> </head>差好大一段耶?!
(第一段紅字接它上面嘛!)
div class='blog-posts hfeed'

b:include data='top' name='status-message'/
data:adStart/ (這行不一樣耶?!)
b:loop values='data:posts'var='post'
b:if cond='data:post.dateHeader'
h2 class='date-header' data:post.dateHeader/ /h2
/b:if
(第二段紅字接這裡對吧?!)

= ="目前還是失敗中

謝謝你的教學!

skyvee 提到...

kmkder, 能不能麻煩你把 div class='blog-posts hfeed'之後的程式碼貼出來, 這樣比較知道這段的長相如何?

十惡不赦的廢人 提到...

我幫他貼吧,因為我的也是這樣,實在是用不好啊O_Q
-----
b:include data='top' name='status-message'/
data:adStart/
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:include data='post' name='comments'/
/b:if
b:if cond='data:post.includeAd'
data:adEnd/
data:adCode/
data:adStart/
/b:if
/b:loop
data:adEnd/
/div
!-- navigation --
b:include name='nextprev'/
!-- feed links --
b:include name='feedLinks'/
/b:includable
/b:widget
/b:section
/div
div id='sidebar-wrapper'
b:section class='sidebar' id='sidebar' preferred='yes'

-----
麻煩了,感謝您的教學:D。

kmkder 提到...

剛才對照了一下
原來樓上跟我(要PO的)完全一樣阿 ~"~
-----------------------------------
版主,抱歉,麻煩了!

kmkder 提到...

我的head和/head差距如下
有一些(留第一段,刪其他行)
"十惡不赦的廢人"你也是這樣嗎?
版主,抱歉,麻煩了!
-------------------------------------
head>
b:include data='blog' name='all-head-content'/
title data:blog.pageTitle//title
b:skin ![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: 565
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 28 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

/* Variable definitions
====================

Variable name="mainBgColor" description="Main Background Color"
type="color" default="#ccddbb" value="#e1771e"
(留第一段,刪其他行)
*/

body {
background-color: #ccddbb;
margin:0;
font: x-small Verdana, Sans-serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}
(留第一段,刪其他行)

/* Page Structure
----------------------------------------------- */
#outer-wrapper {
position:relative;
top:4px;
left:4px;
background: #889977;
width:900px;
margin:10px auto;
text-align:left;
font: $bodyFont;
}
(留第一段,刪其他行)

/* Links
----------------------------------------------- */
a:link {
color:$mainLinkColor;
text-decoration:none;
}
(留第一段,刪其他行)

/* Header
----------------------------------------------- */
#header-wrapper {
background: #fff;
padding-bottom: 4px;
}
(留第一段,刪其他行)

/* Description
----------------------------------------------- */
#header .descriptionwrapper {
background: #ff9900 url("http://www.blogblog.com/no565/bg_desc_top.gif") no-repeat left top;
margin:0 0 6px;
padding:12px 0 0;
color: $descColor;
font-size: 75%;
border-bottom: 1px solid #ffffff;
}
(留第一段,刪其他行)

/* Posts
----------------------------------------------- */
h2.date-header {
margin:0 0 .5em;
line-height: 1.4em;
font: $dateHeaderFont;
text-transform:lowercase;
color:$dateHeaderColor;
}
(留第一段,刪其他行)

/* Comments
----------------------------------------------- */
#comments {
margin:2em 0 0;
border-top:2px solid #dec;
padding-top:1em;
}
(留第一段,刪其他行)

/* Sidebar
----------------------------------------------- */
.sidebar h2 {
margin:1em 0 .25em;
line-height: 1.4em;
font: $sidebarHeaderFont;
color: $sidebarHeaderColor;
text-transform:lowercase;
}
(留第一段,刪其他行)

/* Profile
----------------------------------------------- */
.profile-datablock, .profile-textblock {
margin:0 0 .75em;
line-height:1.4em;
}
(留第一段,刪其他行)

/* Misc
----------------------------------------------- */
#footer-wrapper {
clear:both;
display:block;
height:1px;
margin:0;
padding:0;
font-size:1px;
line-height:1px;
}
(留第一段,刪其他行)

/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper {
margin-top: 0;
}
body#layout #main,
body#layout #sidebar {
padding: 0;
}
body#layout #main-wrapper,
body#layout #sidebar-wrapper {
height: auto;
}
]]/b:skin

/head>

skyvee 提到...

沒有完整的程式碼, 我不太能確定兩位原先套用的template, 有些格式是否能保留.

不過以下程式碼, 我測過是可行了.
請參考一下

1.把這段加在<b:includable id='backlinkDeleteIcon'> ....</b:includable>之後

<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table><tr>
<td width='40px'>
<a href='javascript:void(0)' title='Expand/collapse this post' style='text-decoration:none' expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"'>[+/-]</a>
</td>
<td>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
</td>
</tr></table>
<div class='post-body' expr:id='data:post.id' style='display:none'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:includable>

2. 請修改<div class='blog-posts hfeed'> 之後的程式碼, 改成如下


<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:include data='post' name='PeekABooPost'/>
<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:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>

其中請自己把全形< 改成半形 <

kmkder 提到...

囧...貼上後預覽,沒有改變
也沒有其他狀況....
這個和<head>(要加的沒有加)</head>有關嗎?
----------------------------
版主,抱歉,麻煩了!

Skyvee 提到...

kmkder,這個用預覽是測不出來的, 所以你要先備分一下你原來的template. 然後再下去試.

記得文章中的步驟一那段程式碼, 要加到head /head 之間.

然後文章中的步驟二開始, 就參考前面回覆的那些程式碼.

另外, 您的template 並沒把標籤的功能加進sidebar,建議你可以加入. 從網頁元素-->加入網頁元素-->選標籤.

我剛看過你的程式碼, 只差head /head之間那段沒加進去. 所以您點進去顯示具有台北行標籤的文章。, 已看到 +/- 了, 但是沒有縮放的效果.

kmkder 提到...

感謝版主不厭其煩的指導= ="

我成功了!!!謝謝版主<(_ _)>請受小弟一拜!

Skyvee 提到...

不用客氣, 可以用就太好了.

木白柏 提到...

skyvee請問一下
我今天發現我在我的首頁最下面案較舊的文章時..到第二頁時我發現怎文章都只剩標題..而且展開也不完整..我不想那樣..我想都跟我的首頁那樣..請問你知道如何改嗎..麻煩妳..謝謝!!

木白柏 提到...

後來發現連點標籤雲的標籤進去要看文章時...文章也只剩標題..且展開也不完整..這個我想要展開是完整的..或是跟首頁一樣的顯示文章..請問你知道要如何做嗎?!

Skyvee 提到...

木白,
關於你的第一個問題, 照理說應該是出現完整文章, 我剛連到你的部落格看過, 也是完整文章呢!

第二個問題, 標籤雲的部分, 跟你套用的範本有關, 我看不到完整的script,可能要請你直接問一下原作者怎麼調整哦!很抱歉,這部分幫不了忙~

木白柏 提到...

不會阿...很謝謝你..我自己又亂搞..大致把標籤雲那部份弄成能接受的樣子..^^

skyvee 提到...

哈,我看過木白的blog了, 真清爽, 你已把標籤雲改成只顯示標題的縮放功能了!! ^^

小少 提到...

啊~不好意思,
我也是有麻烦的那个,
我不懂接下来的要加在哪里,
而我也找不到你说的程式码...
可以来看看帮忙指点一下吗?
http://xshen0829.blogspot.com

Skyvee 提到...

小少爺,你是要找到 div class='blog-posts hfeed' 這段, 依照文章第2步驟, 把紅字程式碼加入. 試看看囉! ^^

Monster S 提到...

Skyvee 大大:拜託您一定要幫我!!我用心照您的方式改了兩天兩夜了!!不是效果沒出來!!就是不斷出現這一行字!
我們無法剖析您的範本,因為它的結構不完整。 請確定所有的 XML 元素均已正確關閉。
XML 錯誤訊息: The element type "div" must be terminated by the matching end-tag "
會是因為我的模版的關係嗎??

如果時間允許的話可否勞駕您高抬貴手幫小弟我修正一下我的模板好嗎??附件中是我的完整模版!!
真的不好意思勞駕您!!因為我已經盡我全力去改了!!我又相當喜歡您這段JS的功能!!拜託您了!!謝謝大大!!
我已經將模板寄到您GMAIL的信箱了!!

Skyvee 提到...

monster, 模板我收到了, 還沒看過內容, 能等個幾天嗎? 我找時間看一下, 希望能幫上忙. ^^

Monster S 提到...

Skyvee:看到您的回應真的是太感動了!!非常的感謝您!!您的精神真的是太偉大了!!感激不盡!!

willchange 提到...

呵呵...我又來挖寶了!

我按照這篇詳細的教學做過,
可是發現我檢視網誌並點選blogger內建的"標籤分類"時,
網址後面變成很多「%E5%90%91%E3%80%8C%E6%BE%B3%E6%B」
(一長串,好像會隨著文章變多的感覺)

壓您網誌上方快捷列的"BLOGGER技巧"按鈕後,
卻沒有一長串看似"密碼"的字串...

不知道是不是我哪裡疏忽了呢?
(苦惱中~)

謝謝回覆。

Skyvee 提到...

willchange,
那是因為編碼不同的問題, 如果文章標籤是英文,看起來較正常, 若是中文的話, 就會轉成一堆符號了! ^^ 不用擔心!

♀蘑蘑 提到...

你好。我不是很在行,所以想请教一下。

请问一下,网址连接很长,要怎样把它弄成伸缩式?

要怎样把东西(例如照片,表情)放入另一个空间?当别人看的时候,可以看新的空间来看?

由于我的sidebar太多东西了,所以想尽办法去缩短。

谢谢。

skyvee 提到...

蘑蘑,
sidebar的伸縮方法, 可以參考這篇文章.
如果想把照片, 表情放到別的空間, 可以直接使用google picasaweb, 就用你的gmail account 就可以登入使用了!

居米( jimmyG ) 提到...

我剛剛用了這個功能
但是出現一行錯誤訊息
「ID 為 Blog1 的小裝置至少包含兩個擁有相同 ID 的 b:includable 元素: "PeekABooPost". 所有 b:includable 元素都要有特定小裝置的專屬 ID。」
以上是錯誤訊息,想請問這是因為變數相同嗎
,那要怎麼解決呢?感謝

Skyvee 提到...

居米, 看起來是你的程式碼中, 出現了2個PeekABooPost, 是你之前有加過類似功能嗎?如果不是相同功能, 而是ID相同, 你可以另外命名, ID是不能重覆的.

居米( jimmyG ) 提到...

我之前家到錯誤的地方了,也已經找到
但是當我把它移到正確的位置上,也都按湖色的複製貼上之後,存檔,沒有出現這項功能,
是因為我的文章內文指有一行的關係嗎?
我重新檢查了,但是位置又會跑掉,請問這是正常的情況嗎?我所加到的位置是b:includable id='main' var='top'
div class='blog-posts hfeed'
上面,不知道這樣正不正確,感謝你的回答,還有一點小需要麻煩你

Skyvee 提到...

居米, 小裝置範本要先打勾, 再加入步驟2的程式, 之前重覆ID的問題, 應該是這問題導致的.

居米( jimmyG ) 提到...

我做查詢之後發現,我的步驟都對了,但是當我按下儲存還是會移動位置,移動到的是
b:includable id='feedLinksBody' var='links' 這行的上面,第一段紅色程式碼會移動,但是第二段還有最後的IF不會動,不知道這是哪邊出了問題。

skyvee 提到...

居米, 你加的位置看起來應該沒錯, 不過我不明白移動的意思? 就是儲存後, 位置換了, 而且會儲存錯誤嗎?

skyvee 提到...

居米, 你參考一下 我跟 kmkder 的對答, 看看是否有幫助?

居米( jimmyG ) 提到...

恩 ..
現在更不知道問題出在哪裡了
因為沒有ERROR出現
但是一樣沒有顯示出來,請問這種情況要怎麼半才有辦法了解問題出在哪邊呢?

Skyvee 提到...

居米, 所以沒有錯誤訊息? 你目前只有一篇文章, 而且這文章也沒有設標籤, 所以才會測不出來啦! 你可以先為這篇文章, 設標籤, 標籤在寫文時的下方(在空白列輸入你想給的標籤名), 重新發佈後, 會在首頁上看到標籤, 再點入標籤後, 才會看到效果.

居米( jimmyG ) 提到...

喔喔 感謝了 原來我誤會這個功能了
我以為是在首頁的文章都可以做成像是伸縮的效果
那請問這種有辦法嗎?

Skyvee 提到...

居米, 步驟2的第二段紅字開始, 直到最後一行紅字為止(是[最後一行紅字],不是最後一行程式), 改成如下,

<b:if cond='data:blog.pageType != "item"'>
<div class='Category-post'>
<b:include data='post' name='PeekABooPost'/>
<div class='post-labels'>
<b:if cond='data:post.labels'><data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,
</b:if>
</b:loop>
</b:if>
</div>
</div>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

其中全形<,記得改回半形<

居米( jimmyG ) 提到...

喔喔 終於變成我想要的樣子了
太感謝妳了..

真是很厲害
可以符合我們很難的要求

謝謝你

Skyvee 提到...

居米,別這麼客氣,只是正好知道可以怎麼做啦!

chin 提到...

hi skyvee
謝謝你提供這麼有用的資訊
依照教學, 我已經把標籤雲做好了
這邊有兩個狀況,煩請指教
1.點選部份標籤的時候,右邊sidebar被擠到下面去了,請問該如何調整?
2.為什麼我標籤收集的文章明明是22篇,但只出現4篇?
麻煩你了

skyvee 提到...

chin你好, 你在 "浪跡天涯" 這篇文章中將fullpost下註解時, 結束少一個 - , 變成 -> , 所以如果你單獨連到這篇文章, 會發現 註解碼 出現在頁面上. 因為這篇語法有問題, 導致後面文章出不來, 連帶影響sidebar...

chin 提到...

真是太感謝你啦
我以為可以用 html 註解的方式
把不需要閱讀全文的連結移除
沒想到是沒效的
還因此寫錯了code
問題已經解決了
謝謝你啦

skyvee 提到...

chin, 別客氣啦!同樣寫程式出身的, 當然能理解這情況, 哈!只是我偷懶許多, 在blog上, 倒沒像您保持加註解的好習慣!

Dada.Hsu 提到...

您好,我照著您的步驟作,可是完全沒效果,什麼東西都沒出來..

請問是我語法哪裡錯了嗎?

這是完整的程式碼:http://2uploadhk.com/upload/txtfiles/1208492503.txt

不好意思,麻煩您了!

skyvee 提到...

dada, 您好, 您貼的網址上不去, 連到您部落格看過, 是不是您誤會了這文章的內容?是要點了文章的標籤後, 以+/-展開內容.
如果您是要像居米一樣, 直接在首頁只顯示文章標題, 請參考我回覆居米的那一段程式碼.^^

Dada.Hsu 提到...

的確是我誤會了..眼睛不力,沒看清楚,真是不好意思,哈哈
您真是高手阿!大感激 :)

Skyvee 提到...

dada,我應該要再強調一下, 只是想說回應裡有了, 就沒再更新. ^^

露比皇 提到...

你好, 我都有同樣 "<div class='blog-posts hfeed'>"題, 亦有照著你在回應裡的教學, 但仍然不行.
出現了 : 請修正下列錯誤,再重新提交您的模版。
我們無法剖析您的範本,因為它的結構不完整。 請確定所有的 XML 元素均已正確關閉。
XML 錯誤訊息: The element type "b:includable" must be terminated by the matching end-tag "".

請你到http://akl-ruby.blogspot.com/ 看看我的BLOG 是否有問題. 謝謝你~~

skyvee 提到...

露比皇, 這個錯誤訊息看起來是,沒有 </b:includable>當結束標籤. 第一段紅字程式碼, 要加在<div class='blog-posts hfeed'>之前.不知道能不能再試看看, 如果你加完後仍有問題,請把你加完後的程式碼貼過來看看?

露比皇 提到...

skyvee, sorry, 最近才再觀看你的回應, 己攪掂了. 十分謝謝你的幫忙呀 !!

skyvee 提到...

:) 搞定就好囉!謝謝你還特地回來留言.

阿厝 提到...

您好,我是採用您對露比皇的回應(因為我跟他出現一樣的問題)。但是我加了程式碼之後卻出現:「ID 為 Blog1 的小裝置不可包含此元素: "#comment". 小裝置只能包含 b:includable 元素。」以下稍微說明一下我的步驟:
1. 跟您的第一步驟一樣。
2.1 第二步驟第一段的紅字加在「<b:includable id='main' var='top'>
<!-- posts --><div class='blog-posts hfeed'>」上面。
2.2 第二段紅字加在「<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<div expr:id='"divCal_" + data:post.id'><script type='text/javascript'>makeCal('<data:post.id/>','<data:post.dateHeader/>');</script></div>
</b:if>」下面
2.3 跟您一樣加在「<b:include data='post' name='post'/>」下面。
之後按儲存就會顯示我的問題了。貼一下我修改的部份給您參考(因為不能儲存)

阿厝 提到...

呃,我修改的部份好像有點問題。請按這裡
謝謝您!

Skyvee 提到...

阿厝,對照您的code,再看看出現的錯誤訊息,不明白怎會有這訊息出現呢? 不知道你可以再試看看嗎? 或是將這段沒改之前的code,再另貼上來.

阿厝 提到...

還是出現一樣的訊息說:(。我個人猜測是改完之後的最下面紅色部份跟您原始文章中的最下面「灰色部份」不一樣所致。
另外這裡是還沒改之前第二步驟的部份。

另外一個可能的原因是我有裝其他的「繼續閱讀」hack(可顯示全文摘要標題),麻煩了,感謝。

Skyvee 提到...

阿厝,看來只好麻煩你把目前的template給我了. 我來改看看,也許比較容易找問題.

阿厝 提到...

這裡最下面有檔案可以下載,不過直接點好像不行,要按右鍵另存才可以。

麻煩您了!

Skyvee 提到...

阿厝,請先加入第一步驟的程式碼, 第二步驟的程式碼,我已幫你改完.請到這裡看一下,紅字部份為修改處.

阿厝 提到...

先感謝您的回覆,小弟按您的方式改了之後出現另一個問題:「ID 為 Blog1 的小裝置至少包含兩個擁有相同 ID 的 b:includable 元素: "postQuickEdit". 所有 b:includable 元素都要有特定小裝置的專屬 ID。」請問一下這是要怎麼修改呢?也順道附上更改後無法儲存的template供您做檢視,麻煩了!

Skyvee 提到...

哦哦, 是我紅字的地方多了postQuickEdit, 我已把code顏色改回來.你可以對照兩邊的程式碼,把不同處加入試看看.因為我是把你的template匯到另一個blog後修改的,並沒有什麼問題.理當你也應該OK的.

阿厝 提到...

改完還是出現:「ID 為 Blog1 的小裝置不可包含此元素: "#comment". 小裝置只能包含 b:includable 元素。」這裡是改完的模版,您可以搜尋abd或紅色的地方,是我改過的步驟。

應該是將您紅色的部份插到我本來的模版上吧?但是那個問題一直會出現orz

skyvee 提到...

阿厝,用你的template,我改是沒問題, 所以我也不知道為什麼你無法改成功? 不如你把我改好的xml下載回去,另開一個blog套用看看, 再比對有出入的地方.這樣不可能再有問題了!

阿厝 提到...

先謝謝您如此幫忙,我再比對看看,感恩!

skyvee 提到...

希望這次能改成功.^^

阿厝 提到...

您好,最近看了xml的心得是:id=blog1裡面的includable元件的順序不一樣,但我原本不行的改成跟套用成功部落格順序一樣時,雖然是可以順利儲存,但是結果還是無法顯示,請看擷圖,因為不知道怎麼改就先套用先前的模版囉。
我想還是先不要用這個hack好了,因為真的不知道要怎麼改呢,麻煩您了真是抱歉!

阿厝 提到...
作者已經移除這則留言。
阿厝 提到...

抱歉,picasa似乎不支援png格式外連,所以改了一下,請看這裡

skyvee 提到...

阿厝,兩張圖都看不到耶! 這篇文章是指,點了標籤之後, 會只顯示標籤相關文章的標題,一旦點了標題之後才會出現該文章.效果像這樣

阿厝 提到...

picasa有點不太穩,現在又可以了說。
另外,我知道這篇文章的效果是要點了標籤之後才會有。

只是我改了<b:widget>id=blog1中各個includable id的順序之後(把他調成您給我的xml一樣),就會變成我給您的圖一樣,內容的地方會消失。

Skyvee 提到...

圖片我仍然無法看到,所以不知道內容的地方會消失的意思是什麼呢?你是用什麼瀏覽器?

阿厝 提到...

是喔,那試試看這裡googlesite的,我是FF3可以連我之前第二個連結,現在是用google瀏覽器:P

Skyvee 提到...

內容不見, 真是奇怪, 你要不要用google帳號再另開一個blogger, 把我上次修改的template套入試看看? 上次改後,我套到這裡, 你可以上去看一下效果. 最近我是密集出差期,比較沒有自己的時間,不知道你是否能先找看看問題?

阿厝 提到...

前輩先忙自己的事吧,我會先自己找看看的,感謝您!

skyvee 提到...

話雖如此,我還是很想知道為什麼不能用? 下下週後,我就比較有空了.

Ansel 提到...

Skyvee您好:

我依您說的方法修改,還是無法做到您說的效果,可以請您撥空幫我檢查一下嗎?謝謝~~

http://anselw.myweb.hinet.net/BlogSpot/myTemplate-Fail.xml

skyvee 提到...

ansel,我看了一下您的部落格, 點了標籤後,文章只會先出現標題, 按一下+/-後,文章會開啟的效果有出來哩!

Ansel 提到...

真的嗎?
可是我點了標籤後,雖然只有看到標題,但我點了 +/- 後,卻沒有展開耶…
怎麼會這樣呢?

我用 IE6 和 Firefox3 都一樣…

謝謝~~

skyvee 提到...

我用FF3, IE7試過, 是沒有問題的. 你可以參考截圖.http://img254.imageshack.us/my.php?image=anselow4.png

Ansel 提到...

非常感謝你,已經正常了~~

也謝謝你分享這麼多有用的技巧,還有耐心幫大家解惑,真是佛心來的丫!

skyvee 提到...

ansel,很高興知道您問題解決嘍!! ^^

gin 提到...

你好

我照你的方式改出來後

成功是成功了,但是點選+/-後只出現

摘要部分

設定成(本文隱藏部分)卻沒有出現

如何現妳一樣點選+/-後能全部出現文章

@_@

gin 提到...

喔喔!!!

我開竅了~問題解決了3Q

很瞎的第三行.......

Skyvee 提到...

gin,恭喜你改好了!雖然很意外你之前產生的效果怎麼來的? ^^

shiping 提到...

我灌了程式進去...
原本的文章會全部不見掉也~~~
----------------
skyvee,要如何做button?
然後...他跳去的頁面還在同一面,sidebar還在...
只是內容不一樣了呢?

Skyvee 提到...

詩萍,文章全部不見的問題我沒碰過哩..除非能看到網頁,才知道可能的狀況. 另外,你的button是想放在哪裡?通常會配合一張圖片,或是css,只要你的連結是在這blog內的文章,都會保留sidebar.你可以試看看我header下那一列menu bar.

shiping 提到...

我試了第二次...
還是一樣的問題...
我部落格還是出現一樣的東西...
你去看看...麻煩你了...

Skyvee 提到...

詩萍,你能不能幫你改完後的第一步驟及第二步驟程式碼先貼上來給我(記得把< 用全形<取代,不然貼不上來),然後先恢復你本來的程式碼。不然都空白的,不好看。我可能要從你貼上來的程式找問題。

shiping 提到...

( div class='blog-posts')


(b:includable id='PeekABooPost' var='post')
(div class='post uncustomized-post-template')
(table)(tr)
(td width='40px')
(a expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"' href='javascript:void(0)' style='text-decoration:none' title='Expand/collapse this post')[+/-](/a)
(/td)
(td)
(h3 class='post-title')(a expr:href='data:post.url')(data:post.title/)(/a)(/h3)
(/td)
(/tr)(/table)
(div class='post-body' expr:id='data:post.id' style='display:none')
p)(data:post.body/)(/p)
(div style='clear: both;'/) (!-- clear for photos floats --)
(/div)
(/div)
(/b:includable)


(b:include data='top' name='status-message'/)

(data:adStart/)

(b:loop values='data:posts' var='post')
(b:if cond='data:post.dateHeader')
(h2 class='date-header')(data:post.dateHeader/)(/h2)
(/b:if)
(b:if cond='data:blog.homepageUrl != data:blog.url')
(b:if cond='data:blog.pageType != "item"')
(b:include data='post' name='PeekABooPost'/)
(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:include data='post' name='comments'/)
(/b:if)
(/b:loop)
(data:adEnd/)
(/div

*<這個符號有點小困難,我就用(),可以嗎?

Skyvee 提到...

詩萍,看起來是程式碼放的位置出問題.步驟2的程式碼,第一段紅字,要放在 div class='blog-posts' 像這樣一段程式 (b:includable id='main' var='top')
(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))之前,然後,再比對步驟2的相對位置,插入第二段紅字程式碼. 最後還要加入 (/if)的結束標籤, 整段程式碼才算改完.

shiping 提到...

(b:includable id='PeekABooPost' var='post')
(div class='post uncustomized-post-template')
(table)(tr)
(td width='40px')
(a href='javascript:void(0)' title='Expand/collapse this post' style='text-decoration:none' expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"'>[+/-](/a)
(/td)
(td)
(h3 class='post-title')(a expr:href='data:post.url')(data:post.title/)(/a)(/h3)
(/td)
(/tr)(/table)
(div class='post-body' expr:id='data:post.id' style='display:none')
(p)(data:post.body/)(/p)
(div style='clear: both;'/)(!-- clear for photos floats --)
(/div)
(/div)
(/b:includable)


(b:includable id='main' var='top')
(!-- posts --)
(div class='blog-posts')

(b:include data='top' name='status-message'/)
(ata:adStart/)
(b:loop values='data:posts' var='post')
(b:if cond='data:post.dateHeader')
(h2 class='date-header')(data:post.dateHeader/)(/h2)
(/b:if)

(b:if cond='data:blog.homepageUrl != data:blog.url')
(b:if cond='data:blog.pageType != "item"')
(b:include data='post' name='PeekABooPost'/)
(b:else/)
(b:include data='post' name='post'/)
(/b:if)
(b:else/)



(b:include data='post' name='post'/)


(/b:if)
(/if)

(b:if cond='data:blog.pageType == "item"')
(b:include data='post' name='comments'/)
(/b:if)
(/b:loop)
(data:adEnd/)
(/div)
*我把他改成這樣了..但是他不接受...該怎麼辦?好荒...
說甚麼"Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "b:loop" must be terminated by the matching end-tag ""."謫句話

skyvee 提到...

詩萍,那請你把還沒加入程式碼之前,這一段的程式貼上來,我比較看看你怎麼加的?

shiping 提到...

(b:includable id='main' var='top')
(!-- posts --)
(div class='blog-posts')
(b:include data='top' name='status-message'/)
(ata:adStart/)
(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:include data='post' name='comments'/)
(/b:if)
(/b:loop)
(data:adEnd/)
(/div)
*原本的應該是這樣的...麻煩你了...

Skyvee 提到...

詩萍,好像是因為你多貼了一個(if),我把程式碼改了之後,如下,
<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table><tr>
<td width='40px'>
<a href='javascript:void(0)' title='Expand/collapse this post' style='text-decoration:none' expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"'>[+/-]</a>
</td>
<td>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
</td>
</tr></table>
<div class='post-body' expr:id='data:post.id' style='display:none'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:includable>


(b:includable id='main' var='top')
(!-- posts --)
(div class='blog-posts')
(b:include data='top' name='status-message'/)
(ata:adStart/)
(b:loop values='data:posts' var='post')
(b:if cond='data:post.dateHeader')
(h2 class='date-header')(data:post.dateHeader/)(/h2)
(/b:if)

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:include data='post' name='PeekABooPost'/>
<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:include data='post' name='comments'/)
(/b:if)
(/b:loop)
(data:adEnd/)
(/div)

()是你原來的程式.參考看看!

Breezy 提到...

你好大大,我剛剛試了很久,結果改到最後文章不見了很奇怪,不知道是哪裡出了問題,可以請你幫我看看ㄇ?我現在已經還原到沒有一開始的時候,但是文章還是消失...麻煩你了

Breezy 提到...

我在懷疑是不是這一段的語法,出了問題,但是又不知到哪裡少了什麼東西才讓我的文章全部不見....麻煩你幫我看看好ㄅ

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='網誌文章' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

Breezy 提到...

抱歉太心急筆誤了,我的意思是我已經將我的程式碼還原到還未更改任何程式碼之前。

Skyvee 提到...

Breezy,從 div class='blog-pager' id='blog-pager' 這行開始,你比對一下.

<div class='blog-pager' id='blog-pager'>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>

Breezy 提到...

呼~!超感謝的,文章又回來了。
謝謝你天才大哥!!!

Breezy 提到...

還有疑問,就是我按照你上面的方法,但是我找不到我的 <div class='blog-posts'>,所以我就從後面的程式碼找,結果我修改如下,但是還是行不通

麻煩請幫我看看吧.....


<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table><tr>
<td width='40px'>
<a href='javascript:void(0)' title='Expand/collapse this post' style='text-decoration:none' expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"'>[+/-]</a>
</td>
<td>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
</td>
</tr></table>
<div class='post-body' expr:id='data:post.id' style='display:none'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats –>
</div>
</div>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts –>
<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:include data='post' name='PeekABooPost'/>
<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"'>

Breezy 提到...

我反覆找了非常多次就是找不到 <div class='blog-posts'>只找到一個最像的 <div class='blog-posts hfeed'>

skyvee 提到...

你加的位置應該沒錯啊!你說的不行,是指什麼?無法存檔?後來是不是已把程式移除了? 我現在是看不到你步驟2的程式.

Breezy 提到...

喔喔對,我剛剛部落格把改的程式還原成原本的了,行不通是指文章沒有伸縮自如的效果,就是存檔了但是螢幕上顯示:我們無法剖析您的範本,因為它的結構不完整。 請確定所有的 XML 元素均已正確關閉。
XML 錯誤訊息: The element type "b:loop" must be terminated by the matching end-tag "".。


我剛剛去把改過的語法全部貼上去並存檔了,在麻煩你幫我看看。

Breezy 提到...

電腦顯示:我們無法剖析您的範本,因為它的結構不完整。 請確定所有的 XML 元素均已正確關閉。
XML 錯誤訊息: The element type "b:loop" must be terminated by the matching end-tag "".。

所以我我一直無法存檔,不知道哪裡出了問題.....

skyvee 提到...

這句話指沒有對應到 /b:loop, 會不會是在</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>這段,少了一個</b:if>?或是你檢查在你貼上來的這段原始碼,與你範本裡修改後,有沒有什麼不同?

shiping 提到...

skyvee,又麻煩你了~不好意思現在才過來看你的回信~我已經把你之後給我的碼打了下去...可甚麼都沒變也...

Skyvee 提到...

詩萍,你的效果己出來了,可能你誤解這用法. 你按一下http://limseepeng.blogspot.com/search/label/Diary, 會看到 +/-, 再按一次 +/- 就會展開文章

shiping 提到...

阿...我知道怎麼用了...太謝謝了...哈哈...

Breezy 提到...

skyvee大大:
我改了好久,後來我看到你另一篇文章「在blogger首頁只顯示文章摘要, 隱藏全文的做法- hide fullpost」,我目前已經照做了,語法也被接受也有存檔,但就是沒有隱藏全文的效果,可以請你幫我看看嗎?

Skyvee 提到...

隱藏全文是要手動做的, 不是加了語法就能自動產生哦!因為你必須先指定那些要藏起來.

要在文章內加這一段
<span class="fullpost">
藏起來的段落
</span>
其中全形<記得改回半形<

Breezy 提到...

謝謝你終於有了!

另外還有個問題,我加入日曆後我部落格最上面居然出
一大段語法,是我加錯地方所以才會顯示在部落格最上方嗎?請幫我看看我應該加到什麼位置勒?另外如果我想要我的日曆有寫網誌的日期變成黃色的,這段色彩的語法又該如何改勒?

Aries 提到...

你的程式碼位置放錯了

檢視圖片

Breezy 提到...

謝謝你摟,Aries大大。

Breezy 提到...

Aries大哥謝謝你摟。

Aries 提到...

Breezy :

No Q

大哥?!!囧..[老人狀態]

OldWangs 提到...

您好,
我試了一下,可是都還是會出現“ID 為 Blog1 的小裝置不可包含此元素: "#comment". 小裝置只能包含 b:includable 元素。”這個錯誤,也參考其他人發問過的方式去式,還是一樣不行。

能否幫我看一下,程式碼應該要插入那些地方呢?

程式碼請參考這裡

Blog網址 http://k-bike.blogspot.com/

麻煩版大了

skyvee 提到...

Aries,謝謝你,你真熱心,還特別弄了一張圖片.^^

skyvee 提到...

OldWangs,第一步驟的程式碼,我就不再貼了.在第二步的程式碼,你的範本中是要找到這行 div class='blog-posts hfeed' ,在之前及之後加入紅色程式碼. 以下為修改後的程式碼樣貌,請參考.

<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table><tr>
<td width='40px'>
<a href='javascript:void(0)' title='Expand/collapse this post' style='text-decoration:none' expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"'>[+/-]</a>
</td>
<td>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
</td>
</tr></table>
<div class='post-body' expr:id='data:post.id' style='display:none'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:include data='post' name='PeekABooPost'/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

jasonhsu 提到...

感謝您的文章,我改了三天,還是無法正常顯示,能否麻煩您幫忙,感激萬分。
我的部落格http://jasonhsubkk.blogspot.com/
附上我的小裝置範本http://vspace.cc/file/H9RGR9N54RFFNZQN.html

Skyvee 提到...

很抱歉,今天才發現有這麼多留言,因為已有一個多月,你附上的檔案,已無法存取.如果還有需要,請再告知.

★蚊子 提到...

skyvee您好!
請教一下,我的問題與問題24類似
但我比對完成後
網誌卻整個完全不能顯示,麻煩您幫個忙,看看哪邊錯了
我的網址http://ttn94.blogspot.com/
感謝您

skyvee 提到...

蚊子您好,是否可以麻煩您將修改後的步驟二 原始程式碼貼上來,這樣比較好找問題.

★蚊子 提到...

skyvee您好:
我把原始碼po上網誌囉~再麻煩您 ^_^

http://ttn94.blogspot.com/2009/04/error-html_3892.html

wayne 提到...

不好意思
請教一下
我用了很久都用不出來
可以幫我用嗎??
我的網址http://wayne-wayne770720.blogspot.com/
我把原始碼po上網誌囉~再麻煩您

Skyvee 提到...

蚊子,不好意思久等了, 在這段<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>到你的<!-- navigation -->前, 程式碼應該是以下這段,你修改看看能不能執行?(記得將全形<改成半形<)


<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table><tr>
<td width='40px'>
<a href='javascript:void(0)' title='Expand/collapse this post' style='text-decoration:none' expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"'>[+/-]</a>
</td>
<td>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
</td>
</tr></table>
<div class='post-body' expr:id='data:post.id' style='display:none'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:includable>

<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:adStart/>

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><div id='fecha'>
<script>split_date('<data:post.dateHeader/>');</script>
</div></h2>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:include data='post' name='PeekABooPost'/>
<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:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>

★蚊子 提到...

Skyvee您好!
還是不行【XML 錯誤訊息: Element type "div" must be followed by either attribute specifications, ">" or "/>".】麻煩您了~

Skyvee 提到...

wayne, 這個功能是文章必須有標上標籤後,才能看到效果. 文章標上標籤的方式,在寫文章時的下方,會有一列[此文章的標籤:],在空白列填上標籤名,BLOGGER就是靠標籤來分類的.不知道你明白我的意思嗎?

skyvee 提到...

蚊子,DIV的錯誤訊息,是你貼上的程式碼中,這行<div class='post-body entry-content' 少了一個小於符號 < 所造成的. 乾脆把你的原始碼PO上來,先不要加入任何程式碼.

★蚊子 提到...

skyvee大大:
感謝您無私的幫忙!

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[

/*==============================================
Theme Name: City Scape Theme
Coded by: Randomness (Fernandooo1)
URL: http://randomnessf1.com
================================================*/
/* MENU
---------------------------------------*/
#menu{
width:894px;
margin-top: 0px;
padding-top:20px;
}
#menu ul{
list-style:none;
margin-top:0px;
padding-right:40px;

}
#menu li{
display:inline;
margin-right:35px;
font-size:18px;
color: #7eb50f;
font-style:uppercase;
}
#menu li a{
color: #8c668c;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
}
#menu li a:hover{
color:#fff;
text-decoration:none;

}

#container{
width:960px;
margin-top:0px;
}
#content{
float:left;
width:545px;

}
/*WELCOME NOTE
------------------------------------*/
#upperbar-wrapper {
float: left;
margin: 0px 0px 0px 0px;
padding: 130px 0px 10px 20px;
width: 55%;
height:150px;
text-align: left;
font-size:100%;
line-height: 1.6em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

.upperbar {margin: 0; padding: 0;}
.upperbar .widget {margin: 0; padding: 10px 20px 0px 20px;}

.upperbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
color: #000;
text-align: left;
font-size:100%
border-bottom: 2px solid #5c5cf5;
}

/*SIDEBAR
------------------------------------*/
#sidebar{
width:385px;
float:right
}
#sidebartop{
width:385px;
float:right;
margin-top:10px;
}
#sidebarright{
width:170px;
float:right;
margin-left:10px;
}
#sidebarleft{
width:205px;
float:right;
margin-right:0px;
}
#sidebarleft ul{
list-style:none;
margin-bottom:20px;
padding:0 0px;
}
#sidebarleft li {
border-bottom:1px solid#dbd6c3;
border-left:2px solid #5c5cf5;
}
#sidebarleft li a{
display:block;
line-height:220%;
color: #5c5cf5;
text-decoration:none;
padding-left:20px;
}
#sidebarleft li a:hover{
color:#000;
text-decoration:none;
background:#f2f2f2;
}
/* ----- LOWER SECTION ----- */

#lower-wrapper {
margin: 4px 0px 0px 0px;
padding: 0px 0px 0px 10px;
width: 100%;
color: #000;
background: #fff url(http://4.bp.blogspot.com/_0CLPmP1ydOo/SX-4Xgz8ANI/AAAAAAAAAX8/n8P75nV8b4A/s1600/showhide.png) no-repeat left top;
}

#lowerbar-wrapper {
float: left;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
width: 33%;
text-align: left;
font-size:100%;
line-height: 1.6em;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}


.lowerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
color: #000;
text-align: left;
font-size:100%
border-bottom: 2px solid #5c5cf5;
}

.lowerbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

.lowerbar li {
margin: 0px 0px 2px 0px;
padding: 0px 0px 1px 0px;
border-bottom: 1px dashed #EE80B6;
}

.lowerbar a {color: #5c5cf5;text-decoration: none;}
.lowerbar a:hover {text-decoration: underline; color: #991e12;}
.lowerbar a:visited {text-decoration: none; color: #991e12;}

#columns ul {
list-style:none;
margin:0px;
padding: 0;
margin-bottom:10px;
}
#columns li {
border-top:1px solid #97aa65;
line-height:220%;
}
#columns li a {
color:#eae6ab;
text-decoration:none
}
#columns li a:hover{
color:#fff;
text-decoration:none
}


/*FOOTER
----------------------------------------*/
#footer{ clear:both; width:100%; margin:0 auto; padding:0; min-height:40px; background-color:#fab7c2; border-top:1px dashed #5c5cf5; }
#footer{ padding-top:12px; color:#1e1a15}
#footer a{ color: #5c5cf5; text-decoration:none}
#footer a:hover{ color: #ff6363; border-bottom:1px dotted #fff}


.navbar{display:none;}

/* Links format
-----------------------------------------*/

a, a:visited{color: #CFD1FF;}
a img{border: none;}
a:hover{color:orange;}

#sidebar-wrapper a, #sidebar-wrapper a:visited{color: #CFD1FF; text-decoration:none;}
#sidebar-wrapper a:hover {color: #96c963;}

/* Blog Layout
-----------------------------------------*/

body {
background: #2b2f31 url(http://2.bp.blogspot.com/_h2Z5-se9eC4/SP6hklBfcII/AAAAAAAAAFs/vgeMUQ4oQ_k/s1600/bg.gif);
color: #878787;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0px;
}


#outer-wrapper{
background:#1e1e1e;
border: 1px #333333 solid;
border-top: none;
margin: 0 auto 10px;
padding: 2px 20px 5px 20px;
width: 772px;
}

#searchbar{
background: url(http://4.bp.blogspot.com/_h2Z5-se9eC4/SP6hmdXqx1I/AAAAAAAAAGs/laviloOhu1M/s1600/searchbar-bg.gif) repeat-x bottom;
border-bottom: 1px #373737 solid;
padding: 20px 20px 20px 20px;
}

#searchform{margin: 0; padding: 0;}

#header-wrapper {
background: #000 url(http://2.bp.blogspot.com/_h2Z5-se9eC4/SP6hl1y24SI/AAAAAAAAAGU/r7Zup3yNK_U/s1600/header-bg.gif) repeat-x;
border-bottom: 1px #373737 solid;
color: #fff;
height: 154px !important;
margin: 0;
padding: 10px;
text-align: left;
width: 752px;
}

#sidebar-wrapper {
background: url(http://2.bp.blogspot.com/_h2Z5-se9eC4/SP6hmA8F0gI/AAAAAAAAAGc/KJxGRLLXhos/s1600/menu-bg.gif) no-repeat;
float: left;
margin: 20px 0 0 0;
padding: 0 10px 10px 10px;
width:186px;
}

#main-wrapper{
background: #151515 url(http://4.bp.blogspot.com/_h2Z5-se9eC4/SP6hledm2KI/AAAAAAAAAGE/3KqD1Zads_s/s1600/content-bg.gif) repeat-x;
float:right;
margin: 20px 0 0 0;
padding: 20px;
width:510px;
}

#footer{
background:#262626;
border-top: 3px #2d2d2d solid;
clear:both;
color: #fff;
display: block;
margin: 15px 0 0 0;
}

#footer p{
line-height: 0;
margin: 0;
padding: 20px;
}

/* Header format
-----------------------------------------*/

#header h1{
font-family: Georgia, 'Times New Roman', Times, serif;
margin: 3px 0 10px 0px;
padding: 0;
position:relative;
}

#header h1 a{
color: #fff;
font-size: 26px;
font-weight: bold;
letter-spacing: -2px;
margin: 0;
text-decoration: none;
}

#header h1 a:hover{
background: #da76aa;
}

.description{
color:#FFF;
font-family:Georgia, 'Times New Roman', Times, serif;
font-size: 13px;
margin: 4px 0 0 0;
}

/* Text format
--------------------------------------------*/

blockquote{
border-left: 5px solid #ddd;
color: #777;
margin: 15px 30px 0 10px;
padding-left: 20px;
}

h3{font-size:20px;}
h2{font-size:16px; font-weight:normal;}
h1{margin-top: 0;}

.post{margin: 0 0 7px 0; text-align: justify;}
.post img{padding: 3px; border: 1px solid #fff;}

h3{
color: #ADD845;
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 18px;
font-weight: bold;
letter-spacing: -1px;
margin: 3px 0 5px 0;
padding: 0;
}

h3 a, h3 a:visited{color: #ADD845; text-decoration:none;}
h3 a:hover{color:#da76aa;}

.searchdiv{
background:#1c1c1c url(http://tutorialblog.org/city/wp-content/themes/city/images/search_divbg.gif) repeat-x;
height: 53px;
padding: 17px 0 0 0;
}


/* Date format
---------------------------------------------*/

#fecha{
background: url(http://lh3.ggpht.com/_rhMgrVtshUw/Sd3Oj8--UMI/AAAAAAAACSE/_HT8y0ZRGdw/%E6%96%B902.gif) no-repeat;
display: block;
float:left;
margin: 0 13px 0 0;
padding: 0 15px 15px 0px;
text-transform: uppercase;
}

.month{
color: #da76aa;
display: block;
font-size: 13px;
font-weight: bold;
margin: 2px 0 0 0;
padding: 0 0 0 3px;
text-transform: capitalize !important;
}

.year{display: none;}

.day {
color: #fff;
display: block;
font-size: 16px;
font-weight:bold;
margin: 10px 0 0 0;
padding: 0 0 0 3px;
}

/* Post footer format
-------------------------------------------*/

.post-comment-link{
background: no-repeat;
height: 51px;
margin: 20px 0 0 0;
padding: 12px 0 0 0;
width: 186px;
}

.comment-link, .comment-link a{
color: #ff7f00 !important;
font-size: 18px !important;
font-weight: none;
margin: 0 0 0 10px;
text-decoration: none;
}

.comments-enlace{
font-size:12px;
font-weight:none;
margin: 0 0 0 0;
}

.comments-enlace a, .comments-enlace a:visited {
text-decoration:none !important;
color:#6aacdb !important;
}

.comments-enlace a:hover {
color:#da76aa !important;
border-bottom: 1px dotted !important;
}

.bar{
background: url(http://lh5.ggpht.com/_rhMgrVtshUw/Sd3OOKEzR9I/AAAAAAAACQU/EPtJHRwKi94/line-8.gif);//分隔線
height: 4px;
margin: 0 130px 16px 0;
}

/* Aditional format
-------------------------------------------*/

.post-header-line-1, .post-header-line-1 a{
color:#727272;
font-weight:bold;
margin: -5px 0 20px 0;
text-decoration: none !important;
}

.post-header-line-1 a:hover{color:#da76aa;}

.post-timestamp, .post-timestamp a{font-weight: normal !important;}

.post p, .post div{line-height:180%;}

/* Sidebar Format
---------------------------------------------*/

.sidebar .widget{margin: 0 0 25px 0;}
.sidebar .widget-content{margin: 5px 0 0 0;}

#sidebar-wrapper h2 {
background: url(http://3.bp.blogspot.com/_h2Z5-se9eC4/SP6hmFbSBYI/AAAAAAAAAGk/_UIlSds69pE/s1600/menuh2-bg.gif) no-repeat;
color: #f54f4f;
height: 29px;
margin: 10px 0 0 -7px;
padding: 8px 0 0 10px;
width:186px;
}

/*-- Lists --*/

.sidebar ul{
font-weight: normal;
list-style-type: none;
margin: 0 0 4px 0;
padding: 0;
text-align: left;
}

.sidebar ul li{margin: 0; padding: 0;}

.sidebar ul li a{
border-bottom: 1px #333333 dotted !important;
color: #CFD1FF;
display: block;
font-size: 11px;
margin: 0 4px 0 0;
padding: 10px;
text-decoration: none;
}

.sidebar ul li a:hover{
background: #232323;
color: #96c963;
text-decoration: none;
}

/* Navigation
-----------------------------------------------*/

#blog-pager {
font-size:12px;
font-weight: bold;
margin: 20px 0;
text-align: center;
}

#blog-pager-older-link {float: left;}
#blog-pager-newer-link {float: right;}
#blog-pager a{text-decoration: none !important;}

/* Comments format
------------------------------------------------*/

/*-- Inline comments --*/

.comment-form{
margin: 0 auto;
width: 400px;
}

#comment-editor{width: 400px;}

.comment-form h3{
color:#fff;
font-family: 'Trebuchet MS', Sans-serif;
font-size: 18px;
line-height: 42px;
padding: 0 0 0 65px;
}

.comment-form p{
background-color: #1f1f1f;
color: #fff;
font-family: 'Trebuchet MS', sans-serif;
font-size: 12px;
padding: 3px 0 0 10px;
width: 380px;
}

/*-- Inline Comments --*/

#comments-block a, #comments-block a:visited{color: #ADD845;}
#comments-block a:hover{color:#ee95c7;}

.comment-body{
background: #1f1f1f;
border: 2px #0f0f0f solid;
border-top: none;
color: #FFF;
line-height: 175%;
margin: 0 0 20px 0;
padding: 5px 0 0 10px;
}

.comment-author {
background: #1f1f1f url(http://4.bp.blogspot.com/_h2Z5-se9eC4/SP6hlOwr9VI/AAAAAAAAAF0/h61GB5IIUj0/s1600/commentop-bg.gif) no-repeat bottom left !important;
border: 2px #0f0f0f solid;
border-bottom: none;
color: #FFF;
font-size: 12px;
height: 20px;
padding: 10px;
}

]]></b:skin>

<script>
function split_date(d){
var da = d.split(' ');
day = "<strong class='day'>"+da[0]+"</strong>";
month = "<strong class='month'>"+da[1].slice(0,3)+"</strong>";
year = "<strong class='year'>"+da[2]+"</strong>";
document.write(day+month+year);
}
</script>
</head>

<body>
<div id='outer-wrapper'>
<div id='header'>
<!-- MENU -->
<div id='menu'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li> |<li><a href='http://picasaweb.google.com/linttn94' target='_blank'>我的相簿</a></li> |<li><a href='http://www.wretch.cc/guestbook/ttn94' target='_blank'>我要留言</a></li> |<li><a href='http://groups.google.com/group/linttn94?hl=zh-TW' target='_blank'>討論區</a></li>
</div>
<!--END MENU--></div>
<div id='searchbar'>
<form expr:action='data:blog.homepageUrl + "search"' method='get'>
<input name='q' type='text' value=''/><input type='submit' value='搜尋此網誌的文章'/></form></div>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='深灰色眼睛 看世界 (標頭)' type='Header'>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>
<!--Show just the image, no text-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:else/>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>

<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='網誌文章' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<div class='post-header-line-1'>


<span class='post-labels'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span>
</div>

<div class='post-body entry-content' >

<p><data:post.body/></p>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>


<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/>
</b:if>
</span>

<div class='post-comment-link'><span class='comments-enlace'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'><a class='comments-enlace' expr:href='data:post.url + "#comments"'>★我有話要說</a></b:if></b:if><span class='comment-link'> <b:if cond='data:blog.pageType != "item"'><b:if cond='data:post.allowComments'><a class='comment-link' expr:href='data:post.url + "#comments"'>意見<b:if cond='data:post.numComments == 1'><b:else/><data:post.numComments/></b:if></a></b:if></b:if></span></span></div>

<!-- backlinks -->
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' src=' http://lh4.ggpht.com/_rhMgrVtshUw/Sd4fGddERSI/AAAAAAAACSo/5KWJNt1qeXQ/Mail-4.gif '/>
</a>
</span>
</b:if>

<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>

<div class='bar'/>
</div>

<div class='post-footer-line post-footer-line-2'>
</div>

<div class='post-footer-line post-footer-line-3'/>
</div>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'>★我有話要說</h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
| <span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd> <dd class='comment-footer'/>
</b:loop>
</dl>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><div id='fecha'>
<script>split_date('<data:post.dateHeader/>');</script>
</div></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>

<!-- navigation -->
<b:include name='nextprev'/>

<!-- feed links -->
<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1");
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

</b:includable>
</b:widget>
</b:section>
</div>

<div class='sidebar' id='sidebar-wrapper'>
<b:section class='sidebarsection' id='sidebarsection' preferred='yes'>
<b:widget id='Feed1' locked='false' title='Recent Posts' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content'>
<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<b:loop values='data:feedData.items' var='i'>
<li>
<span class='item-title'>
<a expr:href='data:i.alternate.href'>
<data:i.title/>
</a>
</span>
<b:if cond='data:showItemDate'>
<b:if cond='data:i.str_published != ""'>
<span class='item-date'>
 - <data:i.str_published/>
</span>
</b:if>
</b:if>
<b:if cond='data:showItemAuthor'>
<b:if cond='data:i.author != ""'>
<span class='item-author'>
 - <data:i.author/>
</span>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<div style='clear:both;'/>

<div id='footer'><div><div align="center"><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> © 2008. Blog design by <a href='http://www.kooc.co.uk'>Kooc</a> and <a href='http://tutorialblog.org'>Photoshop Tutorials</a> | Converted by <a href='http://randomnessf1.blogspot.com'>Fernandooo1 (Randomness)</a></div></div></div>

</div>

</body>
</html>

skyvee 提到...

蚊子, 修改後的程式碼 在這裡, 請全copy回去,先預覽無誤後, 再存檔囉!

★蚊子 提到...

Skyvee您好~
感謝您這麼有耐心的教學,已經不會出錯了
但還是不會出現[+/-]
繼續閱讀就好了 囧
干溫啦!

Skyvee 提到...

蚊子,你又改版型啦? 我套你上次的程式碼,改過後,在這裡,是OK 的啊? 

tzuche 提到...

hi, Skyvee,

想換版面,所以又花時間看了你不少文章。想請問一下,這個點選標籤只顯示標題的功能我以前試成功,但在我新的模版上試不出來。可以麻煩你有空時幫我看一下如何改好嘛?

謝謝..(你方便時再看就好.)

測試網站:
http://tzuchehuang.blogspot.com/

tzuche

Skyvee 提到...

tzuche,

我剛看了一下你的原始碼,好像沒看到function toggleIt(id) {} 這段程式碼耶,是不是你試過無法運作後,就移除呢? 對了,新版面很不錯喔!很有遊記的感覺. :)

tzuche 提到...

hi, skyvee,

謝謝你回覆,我試過上面的程式碼不行之後,我就先都改回來了。原先就應該有這段程式碼嘛?(function toggleIt(id) )

或是我先檢查一下原始的模版?
在這裡
http://sites.google.com/site/tzuche/files/new-2.xml

感謝!
tzuche

tzuche 提到...

hi, skyvee,

我試過你上面的程式碼不行之後,我就先移除了。還是你是說原先就應該有function toggleit這一段程式碼呢?

新版面的原始模版在這裡,
http://sites.google.com/site/tzuche/files/new-2.xml

或是我可以提供我目前測試版面的xml,

謝謝,麻煩你了.:)
tzuche

fiore 提到...

您好,先謝謝您的教學,我已經做出收合的效果了,
可是我的部份文章有使用blogger官方的繼續閱讀(jumplink),
我發現只要是有使用繼續閱讀的文章,
在按[+/-]展開時,只能出現上方摘要的部份,而無法出現全文(如現在的第一篇文章)
請問這樣如何解決呢?謝謝:)

Skyvee 提到...

tzuche, 抱歉,我現在才注意到你的留言,我試了一下你的template,發現裡面的程式結構差異很大,所以這個hack,並不適用你目前的模板哩... >_< 不好意思喔!

tzuche 提到...

skyvee, 沒關係。還是謝謝你.

那請問你知道有哪些國內外有可能可以解決我問題的網站網址嘛(有提供blogger hacks的)?

我再自己去查..

thanks,
tzuche

Skyvee 提到...

fiore,

謝謝你提供這個資訊,blogger新加的這個閱讀全文的功能,的確會跟這個只顯示label標題的做法互相衝突.按下[+/-]後,無法出現全文.
不過,以blogger目前積極開放新功能的態度,也許以後這些hack都不需要了.

Skyvee 提到...

Tzuche,

我試出來了, ^^.
你的blog裡有兩個div class='blog-posts', 要修改的是第二個 div class='blog-posts',請照步驟二的方式修改,就可以work了!

tzuche 提到...

呵呵, skyvee真是謝謝你咧.

it works!

想要給你放鞭炮~~

啪啦啪啦啪啦!!!

謝謝:)

tzuche

skyvee 提到...

tzuche,

別這麼說啦!試出效果後,我也很開心啊!也謝謝你的信任. :)

Han 提到...

skyvee您好,
可否請你幫我看一下我的部落格是哪裡出了問題?
http://leehan706.blogspot.com
我照你的方法看到眼睛都要花了才終於裝好,
但是...雖然表面一切看起來都很正常,
不過按[+/-]卻沒反應...
麻煩你了

謝謝!

Skyvee 提到...

han,

請問你有加入步驟一的script嗎? 看了一下你的原始碼,好像沒加入那一段程式碼.所以效果出不來.

Han 提到...

真的是忘了加步驟一,
現在好了唷,非常謝謝你!

Han 提到...

skyvee你好,
我又有另一個問題想請教一下,
我從你這安裝了這項及相關文章的程式碼後,不知道是不是更動到什麼?我blogger的最新回應都出不來了,可以麻煩妳幫我看一下嗎,謝謝!
網址:http://leehan706.blogspot.com

Skyvee 提到...

Han您好,

最新回應一般是加在side bar, 應該不會改到. 你有先移去這文章的程式碼後, 再看看最新回應有沒有出現嗎?如果移去後, 還是沒出現, 請給我 你最新回應參考的文章網址.

酷酷嫂 提到...

skyvee您好...
我嘗試用你提供的方法,可是還是沒成功,可以麻煩你幫我看看是模板不能用此方法嗎??還是...??謝謝你抽空幫忙解決!網址是http://sunshine-town.blogspot.com

Skyvee 提到...

酷酷嫂,
請問您是已經把程式碼都移除了嗎? 沒成功的意思是說不會有這功能 "按下某一個標籤時, 只會出現文章標題"嗎? 還是什麼情況?

張貼留言

謝謝您願意在此分享心得, 讓文章內容更豐富.