2006/09/05

有關 Blogger in Beta


2006/9/28 第一次更新

Blogger in Beta 公佈已經一個月左右,看來 Bug 不少,剛開始對中文的支援也怪怪的。不過,這兩天測試,似乎情況不壞,我有興趣的還是 Template 的編修,這次 google 在語法上做了非常大的改變。

1.
若要看白老鼠的測試過程,可以請大家按下面這個連結,大家應該馬上就發現了,有了分類的功能。
http://swalk.blogspot.com/search/label/白老鼠之歌

2.
若要知道如何加入最新迴響,那就點下去下面這個連結,應該馬上就知道,blogger beta 終於把最新迴響弄成 site feed 的其中一項功能了,不過目前還有些Bug。
http://beta.blogger.com/feeds/9410513/comments/full
也可以用自己的網址
http://swalk.blogspot.com/feeds/comments/full
後面的 full 可以改 summary

3.
另外眼尖的使用者應該可以發現,每篇內文中,已經有 Newer Post 跟 Older Post,就是上一篇和下一篇的連結,這個對我了解一個陌生的部落格有很大的幫助。

4.
有關使用介面,我不打算詳述,請大家自行上去玩玩,應該蠻容易上手的

5.
我自己所需要的一個功能,目前我還找不到解決方法,所以還不打算換版,就是自己定義的某一個Label,來抓取這類文章的 RSS 功能,因為會用自己以前寫的文章連結抓出來整合在一篇新的文章中,若有這個功能,才算是完整的BSP,而這功能在各個BSP也是基本的功能吧!
(2006/9/28更新)
我找到方法了,網址如下:
http://swalk.blogspot.com/feeds/posts/summary/-/Murmur/
也可以找兩個 Labels 的交集:
http://swalk.blogspot.com/feeds/posts/summary/-/Murmur/collaborate/
(2006.12.23 更新)


6.
稍微研究了一下 Template 的寫法,主要可程式化及變數化的項目主要有下列方式
 <b:section></b:section>
 <b:widget></b:widget>
 <b:if cond><b:else/></b:if>
 <b:include></b:include>
 <b:loop></b:loop>
 
 <data:> (表示資料變數)

7.
有關內文太長的時候,通常我們都要在多個"繼續讀完......"的連結,這部分我就牛刀小試一下,貼內文的時候,把不想在首頁出現的內文用 <span class=fullpost></span> 這個語法加入,然後在 template 內找到

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

這段程式碼,然後用以下這段程式碼取代就好了
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<br></br>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'>More......</a>
<b:else/>
<data:post.title/>
</b:if>
</p>
</b:if>

總共有49個迴響

  1. 匿名 @ 9/06/2006 8:48 上午

    有个问题想请教一下

    模版里的css有什么方法可以变成引用外部文件么

    这个东西将来ftp发布的时候应该要用到,我又对那个cdata不是很熟

  2. 水瓶子 9/06/2006 9:50 上午

    在 <head></head> 中間夾入

    <LINK REL="stylesheet" TYPE="text/css" HREF="http://...../xx.css">

    這樣就可以用外部的文件了。

  3. 匿名 @ 9/06/2006 11:52 上午

    原来还是这样...

    我以为一定要放在< b : skin>标签中间呢

    多谢了

  4. 匿名 @ 9/07/2006 2:55 下午

    我試了以後發現,<span class=fullpost></span>,裡面的fullpost的前後,得用''括起來才行。

    另外完成了之後,首頁真得變整齊得多。不過有個問題,改了之後點選最下方"older Posts"之後,會出現"[object Errors] undefined",然後post部分空白,後面文章出不來。

    Richard己立達遠
    richardlidarwang.blogspot.com

  5. 匿名 @ 9/07/2006 2:57 下午

    上篇po了之後變得不清楚,是用兩個'括起來

  6. 水瓶子 9/08/2006 8:18 下午

    richard兄,我去看你網站,並沒有 [object errors] 的情況,我是用IE7.0 RC1 看的。

  7. 匿名 @ 9/08/2006 10:22 下午

    還是有吔
    我是用IE 6.0 SP2

    立達
    richardlidarwang.blogspot.com

  8. 匿名 @ 9/09/2006 8:29 下午

    To 立達:

    抓到蟲了,這是Blogger Beta本身的問題,跟水瓶兄提供的原始碼沒問題。

    目前解決方法,就是使用Firefox or IE 7.0 RC

  9. 匿名 @ 9/10/2006 1:35 下午

    P:

    感謝你找出問題根源
    既然不能假設多數來訪者都用這兩種browser
    我還是儘量把文章把在首頁好了

    王立達

  10. 匿名 @ 9/11/2006 11:35 上午

    謝謝瓶兄的教學

    不介義我引用您的文章吧?

  11. 匿名 @ 9/11/2006 6:24 下午

    有问题请教,我无法在TEMPLATE-HTML编辑下的代码里找到data:post.body,然后将其替换实现显示摘要的功能,没有这段代码啊?

  12. 匿名 @ 9/11/2006 7:06 下午

    我找到了,但改后在不需要只显示摘要的文章下也有个MORE,怎么办呢?

  13. 水瓶子 9/11/2006 7:16 下午

    nightspirit,歡迎引用,只要有加我的部落格網址就可以了。

    jenny,那好像沒辦法囉!我還沒有詳細研究這個 beta 版的指令還有哪些,或許也有辦法也說不定。

    之前我是用 Javascript 判斷有幾個 <br> 的符號來加入 [More...] 的判斷,其實也是可以用 Javascript 來做這個判斷也可以,等我有空寫程式碼在公佈在這裡囉!

  14. 匿名 @ 9/12/2006 12:24 上午

    就算是不需要顯示摘要的文章
    按了More...之後會顯示出目前所有的comment
    所以也不算是愚弄來訪者
    至少我是這麼想

    王立達
    richardlidarwang.blogspot.com

  15. 匿名 @ 9/13/2006 3:15 上午

    很好喔﹐我把你這篇放在我Beta blog裡了﹐感謝。http://aquaaudio.blogspot.com
    希望繼續努力了﹐找出peak-a-boo..的關鍵

  16. 匿名 @ 9/13/2006 2:53 下午

    其實也是可以用 Javascript 來做這個判斷也可以,等我有空寫程式碼在公佈在這裡囉!
    -----------
    好啊!那多谢水瓶子哦!

    QUOTE:就算是不需要顯示摘要的文章
    按了More...之後會顯示出目前所有的comment
    所以也不算是愚弄來訪者
    至少我是這麼想
    ----------
    从你的想法角度的确不算是愚弄,但这样的做法也的确是不合常规(即跟因特网上的普遍做法不同)

  17. 匿名 @ 9/19/2006 3:59 下午

    請問為什麼把 more...改為中文會變成亂碼?
    我試著把開頭的encoding="UTF-8"改為"big-5" 結果所有文章都變成了亂碼 > <||

  18. 匿名 @ 9/22/2006 4:59 上午

    看了大師的方法後,嘗試後的確成功了!先說聲謝,另外想請教,如何讓頁面出現的回應只出現: (文章標題) / (留言人) 這樣就好,因為一篇篇都大剌剌的擺在頁面上,有時看了真刺眼,試了多次,對我來說像是個無解。
    看來最新迴響目前還是有bug,我用啥方法都抓不到最新的回應,反而抓到去年的,真的是Oh My GOD!! 一起祈禱google早日解決吧,光是這項已經讓我淚流成河了~~~~

  19. 匿名 @ 9/24/2006 1:15 上午

    水瓶子大師::
    blogger beta的回應Feed
    好像修好了!

  20. 匿名 @ 9/24/2006 10:56 下午

    瓶子大師:

    請問有沒有辦法擋掉特定來源的"link to the post"?

    我想擋掉我自己用來觀察最新迴響的Blog,連過來的link

  21. 匿名 @ 9/24/2006 10:58 下午

    (續)
    王立達
    richardlidarwang@blogspot.com

  22. 匿名 @ 9/25/2006 11:21 上午

    YSL,感謝通知,comments rss feed 的 URL 是
    http://xxxxx.blogspot.com/feeds/comments/full

    這樣人性化多了。不過目前不知道有沒有 labels 的 RSS feed 啊? 有空再來研究研究

    王兄,似乎沒有辦法喔!只能看到不想要的 backlink 就殺掉一個,只有這個方法了。

  23. 水瓶子 9/28/2006 1:19 下午

    我找到 labels 的 RSS feed 了,補充在原文。

  24. 水瓶子 9/28/2006 1:32 下午

    這個問題呢? 應該是有解的,就是自己寫 javascript, 然後在 labels 上自己做分層的標記,例如

    1.亞洲
    2.歐洲
    3.美洲
    4.非洲
    ......

    11.台灣
    12.日本
    13.菲律賓
    .......

    111.台北
    112.桃園
    113.新竹
    .......
    然後 javascript 讀出這些數字的標記在來分類,這樣應該是可行的,希望你能寫出來囉!

    我想我可能不會有力氣寫這個功能。

  25. 匿名 @ 9/28/2006 2:47 下午

    水瓶子大哥
    有個blog也可一看
    http://aquaaudio.blogspot.com/
    裡面也有不少改版的東西^^
    希望有幫助

  26. 匿名 @ 9/28/2006 5:00 下午

    但是Label是用中文的
    目前好像還是不行ㄟ!

  27. 匿名 @ 10/05/2006 9:49 上午

    關於cobain提到的那個blog
    裡面的作法好像是另外載入一個js檔
    而且隱藏文字是用「span id="fullpost"」
    和水瓶大的「span class=fullpost」差不多
    但是如果要用他的作法
    勢必要將所有文章的「span class=fullpost」改成「span id="fullpost"」

    請教有經驗的前輩們
    有辦法改js檔&blogger html
    可以直接無痛修改嗎?

  28. 水瓶子 10/07/2006 9:20 上午

    cobain、YSL大師,感謝。

    Confabulation,我沒有仔細看過cobain的作法,不過我想應該都一樣吧!若是你的文章內本來就有標示 style id=fullpost 這個 tag,應該只要改一下 script 的程式應該就可以不用全部文章都修改吧!

    另外,若所有文章都還沒有加註,其實也是可以自己寫 script 程式來做,我目前一直沒有切換到新版,所以還沒有需求來寫這些小程式。

  29. 匿名 @ 10/13/2006 10:38 上午

    請問一下,我的部落格為何"more"點進之後,全文卻不見了呢?
    我有按照步驟,就是不知為何無效?

  30. 匿名 @ 10/14/2006 3:11 下午

    請教水瓶子,為何我的templete html裡沒有〈p〉〈data:post.body/〉〈/p〉?翻遍了goole search,大家都是引用來引用去...懇請協助了,謝謝

  31. 匿名 @ 10/14/2006 10:19 下午

    水瓶子大哥,关于你模版中的反向链接部分的代码能否发给我一份?虽然直接看网页原代码也能看到,但是应该和模版代码是不一样的。我需要原始的代码。
    非常感谢!
    我的电邮 xiaof80@gmail.com

  32. 匿名 @ 10/16/2006 12:23 下午

    Grace Tung,我點入你其中一個部落格看,你用的還是舊版,所以這些語法就沒用了,若是你有新版,麻煩跟我講網址,我來觀察看看是什麼回事!

    Shawn,在 template -> Edit HTML -> Expand Widget Templates 這個選項要勾起來,再用搜尋的功能找找看吧!應該是有

    XiaoFeng,請看下面這篇,請自行下載就好
    http://nextservices.blogspot.com/2006/04/blogger.html

  33. 匿名 @ 10/18/2006 12:17 下午

    狀況回報:謝謝水瓶大大,有找到這一行要勾"Expand Widget Templates"才能看到的碼。但是因為之前有亂改上方的navigation bar,照本文方法改的都會顯示body的xml沒有well closed。失望之餘找到色彩斑斕引述的java改法,又把之前亂搞的template改掉,終於可以了。
    雖然沒有用到你的方法,還是特此鳴謝!!

  34. 水瓶子 11/29/2006 6:50 下午

    看到一個好站 
    http://abinlee.blogspot.com/

  35. 水瓶子 11/30/2006 9:32 上午

    JSON on the new Blogger
    http://buzz.blogger.com/2006/11/json-on-new-blogger.html
    這篇頗為實用

  36. 水瓶子 12/22/2006 1:48 下午

    JSON 的應用
    http://jinyaolin.blogspot.com/2006/11/bloggerbeta.html

  37. 水瓶子 12/22/2006 2:17 下午

    JSON 應用
    http://beautifulbeta.blogspot.com/2006/11/customizable-recent-comments-widget.html

  38. 水瓶子 12/22/2006 2:59 下午

    Google Data API about Blogger
    http://code.google.com/apis/gdata/blogger.html

  39. InCompany Learning 5/04/2007 2:15 下午

    Very usefull codes. I wanna thanks you very much. Please visit http://macrossvoxp.blogspot.com and translate it.

  40. jelai 7/21/2007 1:00 上午

    謝謝您的分享!在下終於成功地加上"繼續閱讀"~找了好久,您的方法讓我一試就成功,真是太感謝了~

  41. sks995220 8/06/2008 10:56 上午

    請問一下~為啥我blogger頁面所有的語言都變成英文的?我確定我的設定是繁體中文啊~

  42. 石先生 11/12/2008 9:31 下午

    我的Blog 想分 摘要呢,但用不到文中的語法,找不到文中所示的文句.
    可以幫忙嗎?

    http://www.stoneip.info 是用blogger Service 的

  43. 水瓶子 11/13/2008 1:46 下午

    給樓上的朋友,
    看這篇文章的方法7. 就可以了

  44. 鋼筆墨水 12/23/2008 11:25 下午

    水瓶子您好:
    我才剛接觸Blogger的部落格,在網路上也看了許多在Blogger加入繼續閱讀的文章,但沒有試用成功過,我用過的templete html裡沒有〈p〉〈data:post.body/〉〈/p〉,只有〈data:post.body/〉,不知道要如何修改htmal?可以請您告訴我嗎?謝謝!

  45. 水瓶子 12/23/2008 11:28 下午

    給樓上的朋友,
    看這篇文章的方法7. 就可以了
    勇敢的試看看吧

  46. 鋼筆墨水 12/24/2008 10:50 上午
    作者已經移除這則留言。
  47. 鋼筆墨水 12/24/2008 11:13 上午

    水瓶子您好:
    謝謝您的教學,可以用繼續閱讀的功能了,謝謝您!
    但是這個功能卻在我每一篇文章都出現"繼續閱讀",有什麼方法可以讓自己選擇要加在哪一篇用"繼續閱讀"的方法嗎?謝謝!

  48. 石先生 12/24/2008 11:26 上午

    水瓶子你好,我的 HTML 內沒有這個語法呢!!
    <p><data:post.body/></p>

  49. 水瓶子 12/30/2008 10:22 下午

    樓上的溫先生:

    其實可以在定義一個 css 把 [more...] 這幾個字隱藏起來,然後在文章內定義好就好,這部份請自己舉一反三吧!很抱歉我實在有點懶。

    樓上的石先生:

    找 <data:post.body/> 這個就取代就可以了