2007年2月9日 星期五

輕鬆擴充 Blogger 功能: Blogger_ext2.js (jQuery way)!

* 注意:
請將您的程式引用位置更換至

<script src='http://blogger-ext2.googlecode.com/files/jquery.pack.js' type='text/javascript'></script>
<script src='http://blogger-ext2.googlecode.com/files/blogger_ext2-0.6.3.pack.js' type='text/javascript'></script>




* 源起:
在讀了 部落格會笑了!Blogger Smiley! 一文,發現讓 Blogger 利用 javascript 直接支援表情符號的確是一件方便且有趣的事,忍不住手癢也來擴充一下 Blogger 功能。
由於作者表示目前 Blogger Smiley 無法和 繼續閱讀功能 同時並存,有點可惜,再加上小弟我目前瘋狂愛上及學習 jQuery 中,於是重新利用 jQuery 實作了一些 Blogger 擴充功能。

* 功能簡介:
以目前 blogger_ext2 0.6b 來說,它提供了大部份 Blogger 所需的功能,且全部只要 6.3KB,相當的短小精幹唷。

對於不需要所有功能的進階使用者,您可以選用進階安裝,只要 1.1KB。

  • 可以隱藏 Blogger NavBar。

  • 可以使用 Blogger Smiley 介紹的表情符號功能。

  • 可以使用 繼續閱讀功能

  • 繼續閱讀功能支援 Markup 語法

  • 針對新版 Blogger 不需修改任何 CSS 及 Html Template

  • 所有功能支援設定選項來控制是否開啟

  • Sidebar 中的網頁元素 可以自定元素 "[-]折收/[+]展開" 功能。 (0.3b)

  • 繼續閱讀支援 Link 至 post 的 URL, 而非 [+][-] 展開內容。 (0.4b)

  • 支援 網誌作者回應時文章高亮度顯示。 (0.4b)

  • 表情符號可外掛及設定。(0.5b)

  • 標籤雲(Label Cloud) 功能。(0.5b)

  • Sidebar 網頁元素可以自動 NavIcon小圖示。(0.6b)

  • 加入了表情符號集 .js ,直接引用。(0.6.1b)

  • 作者回應高亮度顯示支援二個以上共筆作者。(0.6.1b)

  • 標籤雲支援顯示篇數而非只有字體變化大小。(0.6.1b)

  • Blogger NavBar 可設定隱藏或 hover (0.6.2b)。

  • 加入社群書籤功能。(0.6.2b)



* 運作方式:
由於 blogger_ext2 當初的發展目標就是給一般網誌站長即使不懂任何網頁基楚都能上手使用。所以 blogger_ext2並不需要修改您的 HTML Template 。
它是利用 "文件載入完成(document ready)"後,再重新為您的網誌加上新功能,可以想成 "重新為您的網誌排" 。
它是針對 New Blogger(beta)的內建功能加以擴充,讓您不懂 HTML 亦能輕鬆使用來豐富您的 Blogger。當然,舊版本的 Blogger 亦能使用。

##CONTINUE##

* 如何使用(全自動安裝):
新版本 Blogger 可直接使用由 Josh 提供之 超級無腦安裝Blogger外掛功能 全自動安裝,強烈建議使用此一方式!!!

* 如何使用(快速安裝 all-in-one 8KB):

  • 舊版本的 Blogger 使用者:


    • 登入控制主頁 - 修改 Html TEMPLATE 找到 </head>,在上面加入以下JavaScript語法即可


    • <script src='http://blogger-ext2.googlecode.com/files/jquery.pack.js' type='text/javascript'></script>
      <script src='http://blogger-ext2.googlecode.com/files/blogger_ext2-0.6.3.pack.js' type='text/javascript'></script>

    • OK!


  • 新版本的 Blogger 使用者:


    • 登入控制主頁 - 新增網頁元素(Page Element) - HTML/JavaScript Element

    • 然後 Title: 填入 ##HIDEME##

    • 在 Content: 填入 

      <script src='http://blogger-ext2.googlecode.com/files/jquery.pack.js' type='text/javascript'></script>
      <script src='http://blogger-ext2.googlecode.com/files/blogger_ext2-0.6.3.pack.js'type='text/javascript'></script>

    • OK!




* 進階安裝:
blogger_ext2 0.5版開始,已全面改為 plugins 的方式來擴充。
所以,如果您不會用到所有的功能或您熟悉網頁語法及設計,您可以使用進階安裝的方式來使用,讓 blogger_ext2 更具彈性。
整個 blogger_ext2 核心只要  1.1KB,滿足對大小及速度及客製化十分講究的玩家。
新舊版本的安裝差異同上,不再重覆,僅說明 Script 語法上的差異。

<script src='http://blogger-ext2.googlecode.com/files/jquery.pack.js' type='text/javascript'></script>
<script src='http://blogger-ext2.googlecode.com/files/blogger_ext2-core-0.6.3.pack.js' type='text/javascript'></script>

其後再引入您所需要的功能 plugins ,如您需要 " 繼續閱讀功能" 則在上述二行後再加入一行:

<script src='http://blogger-ext2.googlecode.com/files/plugin_replace_continue_markup.pack.js' type='text/javascript'></script>


* 隱藏 Blogger NavBar

  • 內建功能,不需安裝。

  • 功能設定:

    <script>
    // Blogger NavBar// true = 隱藏 false = 不隱藏
    BloggerExtOptions.hide_navbar = true;
    // Blogger NavBar// true = hover
    BloggerExtOptions.fade_navbar = true;
    </script>



* 隱藏 Widget

  • 內建功能,不需安裝。讓您可以加入任何的 Html/Javascript Element 來擴充 Blogger 只要 Title 是 ##HIDEME## 則會自動隱藏,不用去修改 Template。

  • 功能設定:

    <script>
    // true = 隱藏 false = 不隱藏
    BloggerExtOptions.hide_sidebar_html_markup = true;
    </script>



* 表情符號 plugin:
直接在您的文章中打入表情符號之代碼,如同您在 IRC / MSN / AOL / Yahoo 等 IM 使用的代碼,本 plugin 會自動為您代換成圖片。
詳細說明,請參考部落格會笑了!Blogger Smiley! 一文。

  • All-in-one 版本內建,不需安裝。若您使用進階安裝,請引入: (1.7KB)

    <script src='http://blogger-ext2.googlecode.com/files/plugin_replace_smiley-0.2.pack.js' type='text/javascript'></script>

  • 功能設定:

    <script>
    // 表情符號功能開關
    // true = 開 false = 關
    BloggerExtOptions.replace_smiley = true;
    // 自定的表情符號集,請參考下面範例置換
    BloggerExtOptions.smilies = [];
    </script>


當然,您可以自已加入您或設定您專屬的表情符號(0.5b 設定功能)
idben's表情符號集設定範例: (10)

<script src='http://blogger-ext2.googlecode.com/files/emotionset_benjamin.js' type='text/javascript'></script>

Yahoo Messenger 動態表情符號集(0.5b default): (54)

<script src='http://blogger-ext2.googlecode.com/files/emotionset_yahoo.js' type='text/javascript'></script>

MSN 動態表情符號集(0.6.1b GeniusKiKi提供): (60)

<script src='http://blogger-ext2.googlecode.com/files/emotionset_msn.js' type='text/javascript'></script>


* 繼續閱讀功能:
您可以使用 繼續閱讀功能 這篇文章或 繼續閱讀功能的困惑 這篇文章介紹的方式,但不需要引入它的 Javascript 以及修改 css 和您的Blogger Html Template。
只要您的文章中有 <div id="fullpost"> 或 <span id="fullpost"> 便會自動支援文章繼續閱讀功能,一切都是自動的。
** 注意! 0.6.1 前版本請一定要設定 BloggerExtOptions.continue_markup_expand_title 及 BloggerExtOptions.continue_markup_collapse_title 否則會出現亂碼 **
(由於 google code 以 us-ascii charset 傳遞 javascript :( )

  • All-in-one 版本內建,不需安裝。若您使用進階安裝,請引入:(2.2KB)

    <script src='http://blogger-ext2.googlecode.com/files/plugin_replace_continue_markup.pack.js' type='text/javascript'></script>

  • 功能設定:

    <script>
    // 支援 繼續閱讀功能 // true = 開 false = 關
    BloggerExtOptions.replace_continue_markup = true;
    // 動態展開時,是否使用動畫效果
    BloggerExtOptions.replace_continue_markup_animate= false;
    // 繼續閱讀功能顯示之說明文字
    // 可以是圖 img 或任何 html 語法
    BloggerExtOptions.continue_markup_expand_title = ' [+]繼續閱讀全文....';
    BloggerExtOptions.continue_markup_collapse_title = '[-]取消繼續閱讀全文....';
    </script>


繼續閱讀功能 Markup 語法:
您可能和小弟一樣,使用 Blogger 的 WYSISWYG 編輯器,為了加上 <div id="fullpost">或 <span id="fullpost"> 常要在 Edit Html 語法中切換來切換去,所以可以使用 Markup 語法來 偷懶,只要照你平常打字,在文章中打 ##CONTINUE#關鍵字,後面跟的內容就會自動支援繼續閱讀功能了。
所以只要在平常的 WYSISWYG 編輯器下,打一下 ##CONTINUE## 就好了,非常直覺方便。
繼續閱讀功能 URL 模式:
如果您不想讓內容以動態的方式在首頁展開,可以選擇傳統的 URL 模式,使用者點了 "繼續閱讀後,會連至該文章的 URL 中。

  • 功能設定:

    <script>
    // 使用 URL 連結文章而非 javascript 動態展開
    BloggerExtOptions.replace_continue_markup_as_link = true;
    </script>



* Sidebar 側邊網頁元素 折收/展功 功能:
側邊中的網頁元素,越加越多,整個側邊條長長長… 也來給他自動 收納 一下吧。
你只要先用 Browser 的 View-Source 看您的 Blog 頁面的原始碼,然後找 class='widget ' 就能找出每一個測邊功能的 id='xxx' ,然後把 id 填入設定中,這些功能表就自動收納啦!!!

  • All-in-one 版本內建,不需安裝。若您使用進階安裝,請引入:(1.2KB)

    <script src='http://blogger-ext2.googlecode.com/files/plugin_sidebar_widget_expandable.pack.js' type='text/javascript'></script>

  • 功能設定:

    <script>
    //側邊功能 // true = 開 false = 關
    BloggerExtOptions.sidebar_widget_expandable = true;
    // 動態展開時,是否使用動畫效果
    BloggerExtOptions.sidebar_widget_expandable_animate= false;
    // 測邊展開的 html 語法,可以是圖 img 或任何 html 語法
    BloggerExtOptions.sidebar_widget_expan_title = '[+]';
    // 使用圖形而非文字範例
    BloggerExtOptions.sidebar_widget_expan_title='<img border="0" src="http://racklin.googlepages.com/expandall.gif" align="left"/>';
    // 測邊關閉的 html 語法,可以是圖 img 或任何 html 語法
    BloggerExtOptions.sidebar_widget_collapse_title = '[-]';
    // 使用圖形而非文字範例
    BloggerExtOptions.sidebar_widget_collapse_title='<img border="0" src="http://racklin.googlepages.com/collapseall.gif" align="left"/>';
    // 要收納的元件 id
    BloggerExtOptions.sidebar_widget_expandable_ids = ['Label1','LinkList1','BlogArchive1'];
    </script>



* 讓網誌作者的回應文章高亮度顯示:
讓您的回應和訪客的回應擁有不同的 style 樣式。只要您的網誌中有放入 "關於我自已" 這個網頁元素,一切都全自動了。沒有放 "關於我自己" 元素的朋友也沒關係,只要您填入您自已的 profile ID 即可。
Profile ID 怎麼來,就自已寫一篇回應文章,然後移到自已的名字上,那個 URL 會長這樣 http://www.blogger.com/profile/00734471337083697849,最後面那個 00734471337083697849 就是您本人的 Profile ID 嘍。
效果及參考這篇 把部落主人的話給擦得火亮 但您不用改 html template 及 css 。

  • All-in-one 版本內建,不需安裝。若您使用進階安裝,請引入:(948Bytes)

    <script src='http://blogger-ext2.googlecode.com/files/plugin_author_comment_highlighting.pack.js' type='text/javascript'></script>

  • 功能設定:

    <script>
    // 讓您本人的回應火亮火亮的
    BloggerExtOptions.author_comment_highlighting = true;
    // 您本人的 Profile ID ,空白則自動判斷,但您必須要有 "關於我自已" 的元素。
    BloggerExtOptions.author_comment_highlighting_profile = '';
    // 火亮的 css style
    BloggerExtOptions.author_comment_highlighting_style = { 'color': '#C30014', 'font-width': 'bold' };
    </script>



* 標籤雲 Label Cloud 功能:
讓您只要您在您的 Blog 加入 NewBlogger 的網頁元素(Page Element)下的"標籤(Labels)元素"即可擁有 "標籤雲" 功能嘍,就是這麼簡單容易。

  • All-in-one 版本內建,不需安裝。若您使用進階安裝,請引入:(1.4KB)

    <script src='http://blogger-ext2.googlecode.com/files/plugin_labelcloud.pack.js' type='text/javascript'></script>

  • 功能設定:

    <script>
    // 標籤雲設定 // 開關
    BloggerExtOptions.labelcloud = true ;
    //blogger 內建 label 元素的 id
    BloggerExtOptions.labelcloud_widget_id = 'Label1' ;
    // 最大字體級數
    BloggerExtOptions.labelcloud_maxFontSize = 24 ;
    // 最小字體級數
    BloggerExtOptions.labelcloud_minFontSize = 10 ;
    // 最大字體顏色 RGB
    BloggerExtOptions.labelcloud_maxColor = [168,181,248] ;
    // 最小字體顏色 RGB
    BloggerExtOptions.labecloud_minColor = [0,0,0] ;
    </script>



* Sidebar 側邊網頁元素 Icon 圖示功能:
側邊中的網頁元素,只能顯示文字,覺得太單調了嗎,給它加個 Icon 圖示吧。
你只要先用 Browser 的 View-Source 看您的 Blog 頁面的原始碼,然後找 class='widget ' 就能找出每一個測邊功能的 id='xxx' ,然後把 id 填入設定中,再為它設個 Icon 圖示就 OK 啦!!!

  • All-in-one 版本內建,不需安裝。若您使用進階安裝,請引入:(595Bytes)

    <script src='http://blogger-ext2.googlecode.com/files/plugin_sidebar_widget_icon.pack.js' type='text/javascript'></script>

  • 功能設定:

    <script>
    //側邊 Icon 功能 // true = 開 false = 關
    BloggerExtOptions.sidebar_widget_icon = true;
    // 使用圖形而非文字範例
    BloggerExtOptions.sidebar_widget_collapse_title='<img border="0" src="http://racklin.googlepages.com/collapseall.gif" align="left"/>';
    // 要元件 id 所對映的 Icon
    BloggerExtOptions.sidebar_widget_icons= {'Label1':'<img src="http://racklin.googlepages.com/bkmrk_nav.gif" align="left"/>',
    'Profile1':'<img src="http://racklin.googlepages.com/home_nav.gif" align="left"/>',
    'BlogArchive1':'<img src="http://racklin.googlepages.com/tree_explorer.gif" align="left"/>',
    'LinkList1':'<img src="http://racklin.googlepages.com/discovery.gif" align="left"/>'
    };
    </script>




* 加入社群書籤功能:
讓您的 Blog 文章提供各個 社群書籤 的加入連結及圖示。

  • All-in-one 版本內建,不需安裝。若您使用進階安裝,請引入:(2109Bytes)

    <script src='http://blogger-ext2.googlecode.com/files/plugin_bookmark_buttons.pack.js' type='text/javascript'></script>

  • 功能設定:

    <script>
    //社群書籤功能 // true = 開 false = 關
    BloggerExtOptions.bookmark_buttons = true;
    // 社群書籤功能自定語法範本
    BloggerExtOptions.社群書籤功能='<span class="post-bookmarks">%BOOKMARK_BUTTONS%</span>';
    // 社群書籤設定 僅列出一個,其它請見 source code.
    BloggerExtOptions.bookmark_buttons_bookmarklets= [
    [
    'http://blogger.ext2.googlepages.com/hemidemi.gif',
    'HEMiDEMi',
    'http://www.hemidemi.com/user_bookmark/new?via=sticker&url=%URL%&title=%TITLE%&description=%DESC%'
    ]
    ];
    </script>




* Source Code:
本專案是一個完全 open source 的專案,歡迎大家使用及修改開發。
Source Code: http://blogger-ext2.googlecode.com/svn/trunk/
若您亦寫了 plugin ,請將您的 plugin link 給小弟,小弟把它加入我的說明中...

* 開發 plugin :
0.5b 後,blogger_ext2 已是一個 plugin base 的開發環境,所有在下寫的擴充也都是以 plugin 方式掛入。
您可以很容易的一起設計 plugin , 請參考 DIY 利用 blogger_ext 擴充 Blogger 功能!

* 其它功能:
待續

歡迎大家引用及給小弟建議。

建議大家直接使用,而不需另存,這樣小弟可以遠端為您 debug 或改版,您的網站可即時更新及享用。

* Change Log:

  • 0.6.3: registerHook API fixed。

  • 0.6.2b: NavBar 可設定為 滑鼠移到後顯示。

  • 0.6.2b: 文章加入社群書籤按鈕。

  • 0.6b: 加入 sidebar widget Icon 圖示功能。

  • 0.5b: 重新設計重新,plugins 導向設計。

  • 0.5b: 表情符號可外掛及設定。

  • 0.5b: 標籤雲(Label Cloud) 功能。

  • 0.4b: 加入 繼續閱讀 url mode 及 作者回應火亮火亮 功能。

  • 0.3b: 加入 sidebar widget 折收功能。

  • 0.2b: 加入 繼續閱讀相容 span,div id=fullpost 功能。

  • 0.1b: 加入 表情符號及繼續閱讀 Markup 語法功能。

169 則留言:

Benjamin 提到...

這真是個不錯的方法,神乎其技喔!!呵呵呵!!
我已經針對你的解決辦法,在Blog中增文刊出了!!
再次謝謝你的分享!!

禾草唐楷 提到...

不错,安装如此简单,能否将JS提供下载,这样可以方便修改代码和表情图片,谢谢你~

Steven Lien 提到...

為什麼我只有第一篇文章可以繼續閱讀,其餘無法展開?
http://2170.blogspot.com/

Unknown 提到...

To 免洗湯匙:
由於我都是用 ##CONTINUE## 的方式,哈哈‥沒仔細測多層 <span> 下的相容。
謝謝您的建議,已修正對 <span><span><span id="fullpost"> 等多層 <span> 下的相容問題,您再重看一下您的網頁,應該可以了吧 :D

Unknown 提到...

To 禾草唐楷:

可以呀~~ 它是 opensource 的!!
又,我加上自訂訊息的說明,您可以自定 "繼續閱讀..." 的文字成為簡體字而不需修改js程式碼唷 :)

Olly 提到...

請問為什麼我用了之後會出現
"繼續閱讀全文...."
"[+/-] 繼續閱讀…"
兩種繼續閱讀 我應該怎麼消去
另外我要怎麼使blogger上方的控制列出現呢 ?
謝謝!

Steven Lien 提到...

謝謝rack lin!真的很不錯!
--
消去繼續閱讀並使blogger上方的控制列出現,加入下列語法即可。
<script>
BloggerExtOptions.hide_navbar = false;
BloggerExtOptions.replace_continue_markup = false;
</script>

把<>換成半型。

Unknown 提到...

To olly:

看了您的 blog 的 html source.
發現您先前用了改 Html Template 的方式,請在您 <head> 中的二個 script 拿掉,因為重覆了,我的是 all-in-one. :D

<script src='http://benjamin0331.googlepages.com/addSmiley.js' type='text/javascript'></script>

<script src='http://www.anniyalogam.com/widgets/hackosphere.js' type='text/javascript'></script>>

星子 提到...

這個修改方法確實很簡單!
但是我想要按下繼續閱讀是前往單篇文章連結的作法
請問可以做到嗎?
我的舊站一直是使用span class的作法
但是用Span class來改要找到data:post.body
我的template中卻沒有
不知Rack這邊有沒有什麼資訊可以提供?

Unknown 提到...

請問一下
我用繼續閱讀打開之後的goole video影片
會變成白色 不顯示
有什麼辦法可以解決嗎?!

另外...
我的blog 字體跟字顏色沒辦法改
改了沒作用
不知道問題出在哪裡

不好意思 問很多問題

http://bboylight.blogspot.com/

Unknown 提到...

To BBOY LIGHTEN:

剛看了您的網站,發現您是另存 .js 至您的空間,我無法利用修改我的版本來 debug 您出了什麼問題,因為引用不到。
建議您直接使用我的 link : http://racklin.googlepages.com/blogger_ext2.js
這樣我改版後,您只要重整即可享用新版功能,目前版本是 0.3b!!

Unknown 提到...

真是驚人的更新速度
謝謝你提供這麼好的工具

我已經連你的blogger_ext2.js了^^
我現在有三個問題 跟一個建議
(1)按繼續閱讀展開後的google video呈現白色區塊 沒辦法讀取
(2)我沒有任何辦法可以更改我的blogger文字的相關設定(顏色...等)
(3)我的側邊功能有點問題
// 側邊功能
// true = 開 false = 關
sidebar_widget_expandable = true;
sidebar_widget_expan_title = '[+]';
sidebar_widget_collapse_title = '[-]';
// 要收納的元件 id
sidebar_widget_expandable_ids = ['LinkList1','LinkList2','BlogArchive1','HTML4'];

出現伸縮功能的只有BlogArchive1

另外,有個建議
就是關於繼續閱讀功能
能不能在隱藏的文章前後
都加上取消繼續閱讀
在比較長的文章就不用回到前面找
"取消閱讀"按

麻煩你了 謝謝

Unknown 提到...

Dear bboy:

1.
您的 Media 在 "繼續閱讀" 內無法自動顥示的原因是因為您是使用 iframe src='xxxx' 的方式。建議您使用 google video 的 EMBED HTML 方式即可解決。這很容易的,點你原影片,回到 GVideo, 然後點右邊的 [email.blog.post to myspace]. 按鈕,再選 [EMBED HTML], 利用它產生的 embed style='xxx' src='xxx' 的語法即可嘍!!!

2. 改您的 blogger 可以利用 new blogger 提供的字型顏色設定,或修改 HTML TEMPLATE.

3. 現在已支援您的三欄模式了,因為我沒改 TEMPLATE 成三欄,所以沒測過。

嗯,我會考慮加入上下都放"繼續閱讀" Link 的 options 出來。

Josh 提到...

今天正奇怪我Blog的Link竟可以收起來,原來是Rack大大的原碼有修改,這樣子頁面看起來變得整齊多了

Unknown 提到...

感謝你
我影片問題已經解決了

以那兩個方法去改
字體顏色還是沒辦法更改
不知道問題出在哪

側欄伸縮有改善
但我想要LinkList2有效果
但卻是Label1出現效果

Unknown 提到...

To BBoy:

我先前範例寫錯了,全部少打了 BloggerExtOptions. 。

這樣才對:
// true = 開 false = 關
BloggerExtOptions.sidebar_widget_expandable = true;
BloggerExtOptions.sidebar_widget_expan_title = '[+]';
BloggerExtOptions.sidebar_widget_collapse_title = '[-]';
// 要收納的元件 id
BloggerExtOptions.sidebar_widget_expandable_ids = ['Label1','LinkList1','BlogArchive1'];

Unknown 提到...

To 星子姐:

有,在 0.4b 版本中已加入 continue as link 的功能。
目前我的頁面亦是用此方式為妳展示,請享用。

我是比較喜歡不動 template 的作法,這樣要換版型,不用去記什麼東西要備份之類的細節。
所以我以丟一個看不到的網頁元素##HIDEME##,什麼都搞定的理念及方向開發。

Angela 提到...

你好,請問我為什麼無法下載WYSISWYG?
還有什麼是jQuery,一定要安裝才能做成你說的這樣嗎?

Angela 提到...

還有您說的:在title和content填入...
我不知道是要在哪一個title和content,可以再說清楚些嗎?

Fan 提到...

請問一下...
關於繼續閱讀
我不想讓他連結到下一頁
把URL那個關掉
還是用span id="fullpost"
的方法隱藏
這樣有辦法改他的顏色嗎?
或是還有沒有別的方法可以讓他直接往下開的啊?
謝謝喔

Angela 提到...

為何我無法安裝執行WYSISWYG?
我的部落格不求複雜,但想做成你說的展開文章,還有希望放上錄音檔、裝上計數器,最好可以將生活攝影也放上去,請問,這四樣東西,會衝突嗎?可以怎麼改呢?能用你的方法嗎?

Unknown 提到...

真的很好用,謝謝囉!

Unknown 提到...

To 天使媽媽:

花好多時間在看您的網誌,寫的真好呢。目前在下也是一個孩子的爸,目前小土仔二個半月大了,在妳的網誌上獲得很多心得…加油唷。

對於您的問題,整理如下:
1. WYSISWYG 編輯器不用裝,它是指 Blogger 在控製台您新增文章時,那個讓您打字,且可以設定字體大小/顏色...等功能的編輯器就是了。

2. 加入 page element, 它在 dashboard>setting>template>page element。 需要新版本的 blogger 才有唷,若您尚未昇級到新版本,則利用 Edit Template ,在 /header 前加入二行
<script src='http://racklin.googlepages.com/jquery.min.js' type='text/javascript'></script>
<script src='http://racklin.googlepages.com/blogger_ext2.js' type='text/javascript'></script>

即可。 (第一行 src 即是安裝 jquery )

3. 有很多免費的資源可以做到,
如相片攝影,您可以申請 flickr ,
而錄音錄影,可以利用 youtube, google video,它們都提供讓您放在 blogger 上的功能,很方便。
計次器則我要找一下,因為我沒有去研究用它。

Steven Lien 提到...

咦?怎麼又失效了? :(
只有第一篇文章可以繼續閱讀,其餘無法展開?(使用 ##CONTINUE## 的那篇可以)

NewLife 提到...

真糟糕耶
我利用了##HIDEME##功能
可是HIDE住的是旁邊的連結列
而不是文章內有[繼續閱讀]的功能

另外 使用了(span id="fullpost" )
底下文章繼續出現 沒有辦法隱藏呀

到底出了什麼問題
我該如何使用"繼續閱讀"的功能呢?

抱歉...新手上路 似乎有些ㄍㄟˇ ㄌㄡ...

星子 提到...

Rack,

你真是太棒了!
如此重視使用者意見
如果那些網站經營者都像你這樣該有多好!
你的方法是目前我看到過最理想的設計
最妙的是不知不覺中功能就升級了

謝謝你的用心,解決我們這些會用不會寫的使用者困擾

星子 提到...

要求很多的使用者又來了!
關於作者回應高亮度的部份:
如果作者是一個以上呢?
我有一個共筆blog......

星子 提到...

一下子回三次實在過份,但是又遇到問題了
我使用url的方式繼續閱讀
但是連到文章的頁面後,仍然是顯示繼續閱讀
再按下又連到頁面
始終看不到後面的文章..........

Unknown 提到...

Dear Christine:

##HIDEME## 是用來隱藏側邊工具列的專屬功能,讓您可以自加語法而不用改 TEMPLATE.
在下看了一下您的網誌, 其中有幾則有正確的出現"繼續閱讀", 如: "價位合理的倫敦餐廳 ~ Bistro 1","環法自由車賽與倫敦-觀光、運動 and 城市形象" 等…
您的問題應是 "給5顆星~ The Cremona Hotel (Bournemouth)" 這篇,原因是您是使用 span id=fullpost 的方式,而您的語法後還跟著內容,這是 html 封閉問題,若您不想瞭解 html 細節,可用 ##CONTINUE## 比較容易,它會隱藏其後的所有語法。

GG 提到...

阅读全文的文字开头能不能加上图片?怎么个加法??

Unknown 提到...

dear gg:

可以利用 CSS 做的到。當初在設計時就有為大家考量到客製化擴充問題,所以在繼續閱讀的 Link 是包在一個 span class="post-body-continue" 中的,所以您可以自訂 css 對 post-body-continue 這個 class 定義。

星子 提到...

Dear Rack,

請問這項功能是否暫時被關閉了
目前在我的電腦上,您的網誌和我修改的網誌
繼續閱讀的功能是完全失效的
而且還看得到##HIDEME##
以及##CONTINUE## 等字樣

shizo 提到...

你好!我有將此篇文章在ptt blog版跟大家介紹,因為實在是太好用了,所以想讓更多的人分享。如果你覺得不適,我會將他刪除,小弟在這跟你講一下^^

星子 提到...

我不行了!
試了好久,始終無法利用控制選向來設定我要的效果
網址在此:
http://wangmeow.blogspot.com/
Rack兄可否指點迷津?

星子 提到...

把設定搬到< /body >之前終於有效
但是關掉隱藏NavBar時,NavBar顯示不正確
如果設定成隱藏NavBar,按下繼續閱讀跳到顯示全文的連結頁面時,讀取lag很久,之後NavBar會跑出來
這段設定的Code究竟應該放在哪裡?
我原本是放在##Hideme##的block裡
但一直不work

Unknown 提到...

Dear 星子:

有關您 2007年2月1日 下午 6:52 那封留言,小弟有發現到 www.googlepages.com 好像最近怪怪的,有時會 hang 很久且最後顯示檔案不存在而導致 blogger_ext2.js 沒 loading 到。
我在尋找備援的空間或是自行將二個 js 下載放入自已的空間,只要常注意一下小弟有沒有改版即可。 :D

H. Lin 双羊 提到...

謝謝阿土伯提供這麼好的方法,
我有個問題想要請教一下,
由於我十分喜愛 sidebar 折疊的功能,
但是我發現一個問題,
那就是當我設定折疊的項目也是使用 script 語法時,
會造成無法折疊,
我的問題出在我想折疊「我的精彩書籤」這個欄位,
但是變成只有 [+]
然後我按下這個 [+]
全部內容都不見了。
不知道你是否有空可以解決這個疑惑啊?
謝謝你~~ ^_______^

星子 提到...

說不定我遇到的問題都跟外部js程式的載入有關.....orz
這大概是使用此方式唯一的困擾

GeniusKiKi 提到...

您好
我使用了您的這個程式
但是繼續閱讀的部分似乎有問題
部分繼續閱讀的連結不是原本那篇文章

http://geniuskiki.blogspot.com/

sweshi 提到...

我想讓"繼續閱讀"的按鈕能夠出現在文章右邊,而非預設的左邊,但是一直無法成功。
從樣板那邊去改CSS,或直接從JS檔去修改都沒有效果...。如果可以請幫忙一下 (希望是能寫在JS檔內,換樣板才不用重寫一次),感謝。

花桃 提到...

酷喔~
Rack Lin大 好厲害!
居然咻咻咻就可以簡單的安裝好了耶~

雖然我用沒什麼問題,但用Opera瀏覽的時候##CONTINUE##語法會沒有什麼作用。
換成火狐就可以了...是因為瀏覽器不支援嗎?(不過Opera也很少人用就是了XD)

還有順便問一下標籤如果要作次分類的話應該要怎麼改啊?
總之,真的很謝謝你喔~~辛苦了~

Angela 提到...

謝謝您的回答。
我好不容易鼓起勇氣修改程式~~咻!
但我很疑惑,我記得我申請的是新版呀,為什麼改的時候要用舊版的方法才會成功?
我發現我貼了那兩行語法後,文章和側欄標題全都變成有伸縮功能,實在很棒。
但是點較舊文章的話就沒有收縮功能了。可以改成全部有收縮嗎?
我發現有放相片的文章卻不能伸縮,可是以前貼的又可以收縮,這會不會跟我以前做過「繼續閱讀」功能有關係?我希望有照片的文章也能收縮,該怎麼做呢?(試過用div...和##con...等三種都無效)
還有我其實不想將側欄的東西收縮起來,我想將他列出來不要收縮。請穩可以改嗎?

嬌小嗶 提到...

最近找了相當多關於的Readmore的Hacks,
卻因為自己的Template比較複雜而無法使用,
對於阿土伯的大作可以說是口水滴滿地....
自己已經有加註Js在head之間可是仍然是無動靜(嘆)..可以請阿土伯幫我看看,問題出在哪裡好嗎?? 感激不盡啊啊啊。。

GeniusKiKi 提到...

您好
我又自己測試了一下
發現他是把每一篇文章都計算進去了
例如我第一篇沒有使用繼續閱讀的話
第二篇使用繼續閱讀的功能
但是連結卻是第一篇的連結
其餘的依此類推

GeniusKiKi 提到...

嗄嗄嗄
http://geniuskiki.blogspot.com/2007/02/blogger-jquery-way.html
這篇文章的內容被吃掉了

Unknown 提到...

阿土伯
您實在太神了
感謝您造福大眾呀~~~~
我目前使用一切順暢
唯一一個小問題
"Sidebar中的網頁元素 可以自定元素 "[-]折收/[+]展開" 功能"
在IE6.0中無法顯示 但firefox正常
http://black-tale.blogspot.com/

Unknown 提到...

To shizo:

謝謝您幫我貼到 ptt 。
oss 的精神就是開放與分享,謝謝!

Unknown 提到...

To 星子:

由 racklin.googlepages.com 載入 js 這幾天的確是怪怪的,我想可能是 googlepages 在維護或改版的,若是此一情況持續發生,把我的二個 js 下載或直接把它的程式碼貼進 template 是暫時可解之道。我相信 googlepages 應該很穩定才是,把最近當成特例吧 :D

Unknown 提到...

To GeniusKiKi:

感謝您的測試回報,我再努力測看看是否第一篇沒 "繼續閱讀" 第二篇的 Link 會分析錯誤。 3q~~~

Unknown 提到...

To 嬌小嗶:

請問您的 Blog 是 http://muzicbee.blogspot.com/ 嗎??
小弟看了一下,發現整個 blogger 沒有引用 blogger_ext2.js 唷。

ps. 由於您在 template 的 header 部份,也有使用 jquery, 且是直接把程式貼進您的 template 中,您貼的 jquery 是 1.0 的,小弟是 base 在 1.1 下的。

Unknown 提到...

To sweshi:

請在您的 Template 加入以下 CSS 即可。

.post-body-continue {
clear: both;
float: right;
}

效果參考 http://racklin-test.blogspot.com/

Unknown 提到...

To Joyce:

IE6 我有測過可以的。雖然我不是 FireFox 的傳教士,但我真的很討厭 IE, 同樣 IE6,還有不相容??
您是否有裝什麼 Toolbar 或什麼軟體或防毒,它會擋 cross-domain(跨網域) 的 javascript 呢, 它認為來自不同網站的 javascript 是不安全的?

PS. 附上小弟用 IE6 看您網頁的截圖:
http://flickr.com/photos/racklin/380077854/

嬌小嗶 提到...

To Rack:
噢噢...因為我把Js丟進去發現並沒有作用..
所以就先行把它拿掉了。
我在把它掛上去然後把原來的jQuery改掉試看看!!再麻煩Rack大大幫我看一下。。。

Steven Lien 提到...

不只有<span id="fullpost">的地方隱藏,整篇文章都被隱藏起來了!

Unknown 提到...

Dear 免洗湯匙:

@@ 您太了不起了~~ 我正在 update javascript 您就發現了!! 目前 0.5b 對於使用 div/span id=fullpost 做了很多 bugfix,您 load 到的是我更新前的,再 reload 一次,讓你的 cache 更新到 0.5b 吧 :p

Unknown 提到...

To Lynn:

嗯,我幫您研究一下是哪部份和您的 script 衝到,可否告知您的 blog URL.

AlanT 提到...

新手加入blogger...突然發現怎麼label變label cloud了..
原來是update!! 謝謝 真是很熱心的作者
想問一下假如要把這js程式碼直接貼到HTML裡面的話..是不是要加什麼tag?
我試時blogger一直說出錯

jiahungli 提到...

你太神了。謝謝你辛苦寫出這些棒透的東西~~

白眼夫 提到...

Rack lin 您好,小弟剛從舊版BLOGGER轉到新版。目前尚未修改程式碼,想請問您關於延伸閱讀的問題,小弟程式碼是依照 Blogger上的"Read More"功能修改的,並且自己將標籤自定成<div id="hidden">是否就無法適用於您的程式碼。

若無法適用,請問需要如何修改程式碼。

小弟程式薄弱。謝謝您花費時間看完我的問題。

Angela 提到...

請問阿土伯:http://chagg.blogspot.com/2006/10/blogger-betalabellabel-cloud.html
這上面教的那個東西和你教的這個折疊功能能不能並存~點了標籤雲後所顯示的文章還能事折疊的嗎?
SIDEBAR可以不折疊嗎?不好打開耶!

H. Lin 双羊 提到...

謝謝阿土伯
我自己解決問題了
原因出在我的邊欄裡
也就是我在 script 語法前輸入了中文字
可能導致無法判別
後來我把中文字挪到 title (也就是 script 前沒有字)
就一切正常了
感謝你捏 :-D

Angela 提到...

我的文章分類變成標籤雲了,是不是阿土伯的傑作呢?不果它還是隱藏起來的,可不可以教我怎麼不隱藏它?
除了文章分類,還有最近文章和友情連結都請讓他不要藏起來吧!
我在設定網頁的地方都找不到他們的元素了,而且只有文章分類可以增加重做,其餘都不行,所以還得請你幫忙。

Unknown 提到...

To 天使媽媽:

標籤雲是加入的功能 :p

http://chagg.blogspot.com/2006/10/blogger-betalabellabel-cloud.html
是需要改寫樣版,而我的方式則是"重排"標籤元素,不用修改樣板,計算公式是一樣的。

取消隱藏 sidebar 功能很容易,只要加入 BloggerExtOptions.sidebar_widget_expandable = false;
即可,我有回信到您 gmail 信箱中嘍!! ;)

普通人 提到...

建议把Blogger NavBar隐藏功能改为鼠标悬停其上出现,离开隐藏。

GeniusKiKi 提到...

您好,希望讓 ##HIDEME## 可以方便辨識
因為照這樣寫會產生很多一樣的標題
日後編修恐怕會造成困擾.. 囧rz
是否可以用開頭字串判斷即可
然後後面可以再接自己的說明這樣
如果可以的話會方便許多
非常感謝您提供這麼棒的東西

GeniusKiKi 提到...

您好
請教繼續閱讀語法是否有加入換行設定?
我已經把取消繼續閱讀的字串設定為空('')
但是當按下繼續閱讀以後
還是被多顯示了一行換行
這樣對於連續顯示的內容會造成小小困擾呢

PS:其實我是比較想要他顯示在文章末端啦

Angela 提到...

我不知道網路上把人家加入友情連結都要請示嗎?我可以把你加入嗎?
本來要求文章分類和最近文章不要隱藏,現在沒隱藏,我也很愛標籤雲;但是我的連結分類需要很多,那些連結可不可以另外做成標籤雲呢?這樣很特別吧。

小柯 提到...

阿土伯你好
請問我側欄裡的HEMiDEMi書籤有辦法收摺嗎
我弄來弄去就是弄不好>"<

GeniusKiKi 提到...

您好

http://geniuskiki.blogspot.com/2007/02/blog-post_4199.html

這篇文章沒有辦法隱藏唷
不知道是不是 <BLOCKQUOTE dir=ltr> 標籤的影響

Unknown 提到...

To copy布萊恩:

你並沒有加入要折收 Hemidemi 的設定,請加人
BloggerExtOptions.sidebar_widget_expandable_ids = ['HTML5','Label1','LinkList1','BlogArchive1'];
在設定中。 HTML5 是您的 Hemidemi 元素 id。

Angela 提到...

功能好像一直在更新。很強。請問改能三欄會不會很難呢?該怎麼做呢,如果不難就請教我吧!在版名列下在加一小列(可放廣告)該怎麼做呢?

Epay 提到...

你真是为人民造福啊!
但是我用了您的缩进功能后速度急剧下降,请问怎么能解决呢?

Unknown 提到...

To Epay:

變慢的問題,發生在 googlepages.com , 最近的 googlepages.com 不知是否在維護還是怎麼了,即始 load 一個 1k 的 gif 也要 20s .

我會再寫一篇進階篇,教大家 embed script 進你的網頁,不要再透過遠端要 script .

Josh 提到...

前幾天Blogger釋出一個新的API,我用這個API做了一個All In One的快速安裝,慢慢再來研究做一個選擇性安裝。
http://joshnote.blogspot.com/2007/02/bloggerapiwidget.html
阿土伯是好物!!

Unknown 提到...

Dear 天使媽媽:

這二天一直在搞 google pages 出鎚的善後工作,所以比較晚回覆您。
三欄就一定要修改 Template 嘍。這個有空我教您怎麼修改,台灣要過年了,事多時間少,請見諒。

ccyx 提到...

鹅,这个太厉害了

GeniusKiKi 提到...

阿土伯您好
我做了一個 MSN 表情符號集
請問該怎麼把語法給您呢

PS:共六十個表情符號

AlanT 提到...

謝謝這麼用心的作者...
新年快樂 ^^

吳書睿 提到...

請問標籤雲的部份,可以顯示各標籤的篇數嗎?而不只是大小,謝謝。

GeniusKiKi 提到...

您好
第二頁以後的表情符號似乎不會自動替換

另外還有就是語法中的代碼也會被替換(Html & JavaScript)
這部份會造成些許困擾呢

Unknown 提到...

不好意四喔
我使用了
可是繼續閱讀是出現在文章最後一行
我加了##CONTINUE##也沒用
該如何勒
http://isurfingeagle.blogspot.com/

匿名 提到...

謝謝你的分享!! 在IE下已完全成功啦!但用Safari開啟時卻無法使用繼續閱讀的功能,##CONTINUEW##及全文都會出現,請問有辦法可以解決嗎?

Unknown 提到...

To Sierra:

0.6.1 版加入了您的建議嘍,請服用 ;;)

Unknown 提到...

To 山中的彼得熊:

看了一下您的網誌,您的繼續閱讀是由別的語法產生的,並不是由 blogger_ext2 提供。可能您的語法是加在 Template 中。請您再試試看。

Unknown 提到...

To GeniusKiKi:

感謝您的 MSN 表情符號語法,我已加入說明文件中。
又換頁在 blogger 是利用 ajax 動態載入的,這個地方需要 hook google 的 script, 我在繼續閱讀中已經 hook 了,要再加掛 smiley 有點技術困難,有時間我克服一下。
另,在文中 Script 會被表情符號取代,因為為了效率,是使用 String.replace,要判斷是否落在 script 中則需要語意判斷... 要再努力研究。

Unknown 提到...

To helene:

Safari開啟時卻無法使用繼續閱讀的功能,我倒是真的沒試過(我沒有 mac ),這個我要再找人試試或您能幫我 debug 一下?

匿名 提到...

Sorry for that I can not type Chinese here. I am using the MAC in my lab. I don't think I can help you with debuging... I don't know anything about programing. However, if you have a newer version, for sure I can test it for you on a MAC. :D

haojung 提到...

酷啊!!這個方法真是太好用了!!!
讓我偷了好多懶!!!!

但現在每次打開的網誌
都會"頓"一下才能移動
這是正常的情況嗎?

還是......是因為我放太多東西了?
XDDDDD

Luke 提到...

感謝您的程式碼,不過我有"read more"功能的使用問題。
在觀看所有文章時,read more的功能是正常的,但若進入同一tag的文章區時,所有的文章都是展開狀態,無法縮回成read more狀態。
http://lukelee.blogspot.com/
請問有何妙招可以改善我的狀況呢?謝謝...

Angela 提到...

i最近很多人說我的網頁用IE打不開,請問和我們貼程式碼是否有關?還有你現在要我們改的新的程式碼,我無法貼上,他不接受。

Unknown 提到...

Dear 天使媽媽:
妳的網站真多功能,您收集了太多的語法,語法本身是衝突或您程式沒貼到造成,hidePost 不存在且出錯,hidePost 不是 blogger-ext2 的部份。

這是我 debug 您網站的抓圖

Unknown 提到...

Dear Luke:
嗯,您的建議很好,我會在下一個版本加入此一 BugFix. coming soon.

Unknown 提到...

Dear haojung:
太多的 FLASH 物件同時被建立是會造成頓頓的,一般純靜態的 html 便會如此。因為以 Windows 來說,它說要利用 ActiveX CreateObject 來把 Flash Player 跑起來。
我試您的網站,感覺還好 :D
(呵呵,是我人就頓頓的慢習慣了??)

Julia 提到...

阿土伯你好,這篇文章真的幫助無數新手。感謝!可是我遇到一個問題,不知是否因為套用這個程式,或是其他東西造成的。
這是我的站 http://cttpdc.blogspot.com
當我用firefox開,一切都沒問題。可是用IE7開,就只能看到一點點東西,其他東西都不見了。Opera也看不到。
請問這該如何修正呢?謝謝喔!

Unknown 提到...

Dear nameless:
看您網頁 HTML Source 看到眼睛都脫窗了,總算找到了。您的這二篇應是由 Word 直接轉過來的語法,Word 最大的特色就是癈碼超多,且有時不成對。將這二篇先設成 Draft(不顯示) 或你用NVU精簡一下 Word 的錯誤語法即可。
「大華府區華文教師輔導班」簡章
如何取得華文教師執照證書

Julia 提到...

感謝您快速的回答!:)

Luke 提到...

有關觀看tag文章沒有繼續閱讀功能的問題,我發現有網友最近用您的程式改寫解決了,並且還新增可選擇用繼續閱讀、摘要、或全文的方式顯示
繼續閱讀懶人加強版

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

隱藏 Blogger NavBar

不曉得這功能可否作為類似隱藏工具列的方式,如同我朋友這個BLOG一樣。

http://euyoung.blogspot.com/

Angela 提到...

「語法本身是衝突或您程式沒貼到造成,hidePost 不存在且出錯,hidePost 不是 blogger-ext2 的部份。」是什麼意思我不知道,我已經刪調很多部必要東西了,但是還是打不開,請問FLASH相片簿不能放二本以上嗎?

LVCHEN 提到...

先謝謝您的程式,讓我受益匪淺。

我發現一個問題,就是摺疊側邊欄的功能有時會沒有發生作用,這個問題是出現在我的部落格最下面的 Archive element,ID 是BlogArchive2。

基本上是沒有辦法摺疊,但是如果直接在網址列重新輸入網址,並按下Enter,又可以摺疊了。不知道您是否有辦法解決?

我的blog: http://lvchen.blogspot.com

希望繼續閱讀的功能能早日修好,因為那個懶人繼續閱讀功能並不適用我,我都是用標籤隱藏的囉。

先在此謝謝您。

★ 冠軍 ★ 提到...

真感謝你設計出這麼便利的懶人包 ^ ^

不過我的「繼續閱讀」功能似乎沒有成功,
不知道是哪裡出了問題?

http://midsummr.blogspot.com/
謝謝 :")

伯爵茶 提到...

阿土伯,您好;

我是個部落格新手,昨天安裝了更勁爆的「超級無腦安裝Blogger外掛功能」後,仍然無法展現「繼續閱讀的功能」。

已發信給Joseph求救,不過是否也請您幫我診斷一下。非常感謝。

LVCHEN 提到...

唉...又是我 LVCHEN
我後來發現問題在哪了...但是我只有治標不治本的方法。
因為我同時有使用[最近回應程式產生器]
http://jinyaolin.blogspot.com/2006/11/bloggerbeta.html 與 [Blogger聯播程式產生器(PartII)]http://jinyaolin.blogspot.com/2006/11/bloggerpartii.html 的程式碼,來產生[最新回應]與[最新分類文章]
不知道為什麼,只要拿掉第二個JSON callback 的部份就好了...(最新分類文章的部份)
也就是說我這部份(script src="http://lvchen.blogspot.com/feeds/comments/full?alt=json-in-script&callback=handleCommentslvchen" type="text/javascript")拿掉就解決了...不知道為什麼會跟您的程式衝突呢...
我現在的方法是,先跑完你的CODE,再去跑 JSON callback handle,是有解決問題啦,不過似乎治標不治本呢

Unknown 提到...

To 伯爵茶 and [冠軍*猴] :
您們似乎忘了加 ##CONTINUE## 或 span id=fullpost 或 div id=fullpost 的繼續閱讀標記.

Unknown 提到...

To LVCHEN:
在 Ajax 量應用時,呼叫時機及 callback 的語法就很重要,這也是我為什麼 "欣賞" 在 DOM Ready 的時侯做任何動作,雖然時機比較延後,但它帶來的是 "安全性"。
您可以把您的 script 利用 jquery 包在 Dom ready 時執行,就能避掉這些不必要的 javascript error 。

禾本族 提到...

站長您好
我的BLOG加入##CONTINUE## 並無法隱藏哩
http://radiohey.blogspot.com/index.html
我加在第二篇文章中間

可以教我如何使用嗎
謝謝你喔

惡魔的軌跡 提到...

請問在blogger上發表文章,如何像您這樣可以發表程式碼,且程式碼不會受到更動!

管理員 提到...

積善之家必有餘慶....

土大你是好人~~~

忍不住給妳按個好

張正霆 提到...

不好意思,很感謝您的這個功能,我現在已經不能沒有他了^^
不過我這兩天自己用 IE 7 看,發現好像很多功能都沒辦法作用,包括隱藏側邊欄和繼續閱讀功能(最顯而易見的是這兩個啦),用 Firefox 2.X 看是完全正常啦,不過畢竟跟用 IE 的人數比起來…可以麻煩幫我看看可能是什麼問題嗎?浪費您的時間真的很不好意思^^||

張正霆 提到...

sorry,補充一下,我發現我用 IE 7 開啟時,重新整理一次後就全都正常了,這會是什麼問題呢?

Unknown 提到...
作者已經移除這則留言。
匿名 提到...

你好,这个js很棒,不过有问题想请教一下,我用的是旧的经典模板,在< /head>前加入进阶代码后,是否需要同时加入功能代码(我用继续阅读功能),我两个都加上了,不知道为何还是没有效果?文章中也添加< span id="fullpost"> < /span>了,可以帮忙看一下吗,多谢了 网址 http://pop925.blogspot.com

IZAK 提到...

似乎漏掉0.2 版標籤雲...

IZAK 提到...
作者已經移除這則留言。
IZAK 提到...
作者已經移除這則留言。
chrisu 提到...

請問 [-]取消繼續閱讀全文.... 有辦法在展開文章後,顯示在文章的最後面嗎?自己比較喜歡展開後文章沒有被截斷的感覺,除此之外,這個東西真的是太方便了,非常感謝。

9A 提到...

請問要如何同時保留導覽列和繼續閱讀的功能
hideme好像是兩個會一起出現/消失
爬了留言有看到幾個解決方法
可是都行不通...

Unknown 提到...

感謝阿土伯無私分享!

Unknown 提到...

To tinyfox:
BloggerExtOptions.hide_navbar = false;
就可以保留 Google NavBar.

Pexie 提到...

請問使用「超級無腦安裝Blogger外掛功能」,如果您更新程式,我們安裝的也能同步更新嗎?
還是只有手動"快速安裝all-in-one" 才能夠即時更新?
沒網頁設計底子,不會快速安裝,很想使用全自動安裝,但又怕那沒法即時更新,不知道該怎麼選擇....

另外,您設計的自動閱讀功能能不能多點選擇,像http://cjhtech.blogspot.com/2007/02/blogger-3-htmlfor-blogger.html,說明得很讓人心動,但作者說會跟您設計的程式相衝,很可惜....我是無腦人啊,不會進階安裝,所以提出來問問您之後有沒有可能改善,要是不行我還是會選擇您的程式,謝謝您的分享喔!:)
身為無腦人一員的我,使用基本功能就很滿足了,現在有了您設計的程式,更是開心得無以附加啊!感謝您喔!^O^

Pexie 提到...

您好,我使用自動安裝,但卻沒出現預期中的效果...
每篇文章後面都多了七個連結,但卻沒+-繼續閱讀功能,也沒標籤、書籤等等,只有Blogger NavBar可以浮動隱藏,想請您告訴我開怎麼做才能有這些功能,謝謝您!

魯蛋 提到...

感謝rack lin開發這麼方便的外掛程式,使用中碰到的問題是,「加入社群書籤功能」中,七個書簽中似乎只有後面3-4個能正確連結,前面幾個,按了都沒動靜,是什麼原因哩?!

大豆剝落殼 提到...

阿土伯大哥您好,您的這套程式惠我良多,可是由於出了一陣子,缺少了「推推王」的貼紙,官方提供的貼紙推的位置卻不像我們的無腦安裝那麼方便,於是我土方鍊鋼試了一下語法,改成:


BloggerExtOptions.bookmark_buttons_bookmarklets= [
[
'http://funp.com/images/tools/post_05.gif',
'funp',
'http://funp.com/pages/submit/add.php?&via=tools?ei=UTF-8&u=%URL%&t=%TITLE%&d=%DESC%'
],

呈現出來的結果在http://hsuans.blogspot.com/ 這樣,不知道您允許我作這樣的變更嗎,如果允許的話我也會分享給大家,謝謝。

Fan 提到...

對了...
還以用IE看我的版面會變的比較亂耶
下面紫灰色的部分
會變的比上面的寬
用firefox的時候正常
請問這有辦法改善嗎?

bobo 提到...

to 阿土伯:
可以幫我看看我的標籤雲為什麼不像標籤雲嗎?是我模版的問題嗎?

我是使用進階安裝.我也確定有把標籤雲設定成ture

我的網址: 光與色,形和影

Unknown 提到...

dear bobo:
因為您三個標籤的文章數都一樣, 所以看起來沒有 "雲" 的感覺.

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

今天第一次裝上了Blogger_ext2.js的這個外掛(我裝的是全自動安裝),也做了更新,但是上頭的navbar滑鼠移動過去後無法顯示出來,以下是我的blog
http://drxiang.blogspot.com/

Hsiang 提到...

找到方法了
好像除了那兩行外
還要在新增進階安裝裡面的語法才會有用

Googol Lien 提到...

版主您好:

我發現有一點小小的問題,想來此反應一下。

關於 ##CONTINUE## 的判斷,好像有點小問題。

如果 ##CONTINUE## 前面剛好有 HTML 標籤,例如 /strong 的結尾,[-]Summary List 的字樣就不會顯示,永遠只會顯示 [+] Continue 的部分。(使用 span id="fullpost"則可以修正此一問題。)

另外, Labels Cloud 的功能,我試了好幾遍 (有 Include Script,也有把 'Label1' 的幾個字母,改成我自己'文章分類'),卻好像都沒有發生作用,不知道哪裡有問題?只好拿掉了。 / _ \

Unknown 提到...

Dear 奧修玫瑰:
##CONTINUE## 我再查看看.
另 LabelCloud 運作利用的是 div id, 而我實際至您的網誌看過, 請您在設定中直接使用 Label1 即可.不是 "我的分類" 哦.

Fan 提到...

請問一下~我的網頁在IE下瀏覽的話。
有時候會出現錯誤無法開啟。
然後就跳入空白頁,
請問這是甚麼問題呀?
感謝

sunnly 提到...

感謝大大的提供
我安裝的方式是
1.登入控制主頁 - 新增網頁元素(Page Element) - HTML/JavaScript Element
然後 Title: 填入 ##HIDEME##
在 Content: 填入 (您所說的那一段程式碼)

2.需要功能設定的 則將程式碼加在上面那段的之後

照這兩個步驟 大部分功能都可以使用 可視唯讀標籤雲完全沒反應 到底該怎麼做QQ

PS.我無法用無腦ALL IN ONE安裝 每次都會出現網頁錯誤 所以才用比較麻煩的做法

希望能得到解答 ^^~~

匿名 提到...

請問"功能設定"要如何使用呢??

Kenlin 提到...

站大你好!
我想請問兩個笨問題...
1.
使用了站大的"無私分享"後,發現滑鼠移到使用JAVA script控制的點選選項,並無法將滑鼠的指標變成手指或有超鏈結的變化出來...
我真不清楚為什麼我的BLOG會這樣? 來訪的人可能會不知道怎麼選擇...@__@

2.
我發現很多的BLOG的"意見"留言會在同一頁面出現! 那為什麼我的沒有辦法呢? 需要自己按"意見"以後才會訪客的留言?

我的BLOG:
topjog.blogspot.com
站大如果可以能否幫我看一下!
謝謝你...:)

匿名 提到...

我使用了"繼續閱讀功能"出現亂碼了!
請問要在哪修改呢?
(您文章上有提到。。。不過不知怎麼做?)

armlu 提到...

阿土伯你好,感謝您無私的分享,
但這邊有個問題請教,
你的外掛程式真的很棒,我直接套用在很乾淨的這個網頁沒問題~
http://armlu-pro.blogspot.com/

但我也蠻喜歡羊男實驗咖啡館的編排,
但在套用之後發現起碼是"繼續閱讀"這個功能失靈了,但當BloggerExtOptions.hide_navbar = false
時,用羊男的可伸縮的navbar不錯哦~可建議加入新功能^^ 不過我實在不懂程式語言...
http://armlu.blogspot.com/

armlu 提到...

啊,剛又試了一下,都可以了,
可能是##CONTINUE##要大寫才可以,
不好意思之前沒注意到,所以不用麻煩阿土伯了,謝謝..
接下來Metamuse羊男實驗咖啡的三欄template的文章
http://metamuse.blogspot.com/2006/11/read-more-archive.html
最下面readmore...的功能,加上span class="fullpost"雖然還是可以用,但後來還是把這部份的功能關掉~

Eddy_半瓶水響叮噹 提到...

你好,請教標籤雲部分失效的問題
http://eddyt7878.blogspot.com
我是看了進階設定後,不想把標籤設為雲,而把我的交換連結設成雲,在排列的方式上面已經會呈現,但是字級大小不會變大,顏色也沒出現漸澄的效果

蛋治 Canchi 提到...

剛加入了這個blogger_ext2.
正在調校, 先留字說聲謝謝~

davidtch 提到...

I'm new blogger. Since your's blog was too many good article, which one should I start? I wish I can create a nice own blog. Can recommend? I'm from Malaysia.

Kevin Tsai 提到...

最近正在使用blog就能看到如此有用的文章,真是太幸運了

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

上一条中提到的疑问自己解决了,故自行删除该评论。十分感谢阿土伯提供的这个功能^_*

Monster S 提到...

阿土伯您好:
我是無腦人第"N"號...在此先感謝您的超強程式!我是安裝ALL IN ONE的!也將script改到6.3了!但是重點來了!安裝後竟然沒有一個功能有顯現的!我弄了兩天了!還是不行><~難道我是無腦人中的無腦人.....好心的您!願意幫我看一下嗎?我的網址是http://ibook888.blogspot.com/
再次感謝您的大德了!!QQQQQ
P.S順便請問一下!像我們這種外行的!可以付費請您修改程式嗎?

小巨人 提到...

阿土伯您好:
  謝謝你寫這麼好用的程式,我之前是用Blogger內建的模版,使用都非常正常,但試著換用http://www.blogcrowds.com/resources/blogger_template.php這裡的模版後,文章使用##CONTINUE##的地方變得收不起來了,(換舊模版仍然可以)可以請您撥空幫忙看看,是否有相容性的問是嗎?謝謝

http://tate0304.blogspot.com/

whitefox 提到...

謝謝阿土伯大大,我為了「繼續閱讀功能」,才找到你的部落格,試了一下,果然簡單又好用。我在部落格中寫了篇簡單的介紹文章,有興趣的大大可以去指教指教。

Keats 提到...

感謝阿土伯
讓我這BLOGGER新手能有一個入門的方法 謝謝您

不過,我在繼續閱讀部份還是遇到問題?
還請您指點迷津
在文章中不論怎麼打#CONTINUE##
都沒有辦法隱藏文章
只是變得好像內文的一部分而已?

(我是MAC+SAFARI瀏覽器)
謝謝您
http://qqmqqm.blogspot.com/

匿名 提到...

您好
我用了表情符號的部分,在firefox下看起來是ok的,可是不知道為什麼用ie開的時候表情符號都show不出來,而且會出現網頁錯誤的訊息..

Forest 提到...

換了新版的使用JQuery是可以正常使用,細部沒有全部看過,可是換成舊版的...正常來說~這是我在網路上抓到的樣版在自行修改,套用了阿土伯的方法,卻一個功能也沒有出現!!!??

我目前使用的是All-in-One的方式
繼續閱讀不成功!表情符號也不成功?
不曉得是那裡出了問題?

試著自己研究JQuery...真的蠻好玩的!

Tiff 提到...

很喜歡你的程式[笑]
用起來非常方便!!

Page 提到...

感謝阿土伯!真的是很方便好用的程式!

不過最近發現,作者回應高亮度的功能,在作者第一個回應有作用,但是之後在回應的就都沒有出現啦!一直找不出到底是什麼原因?

Unknown 提到...

Dear 云輕:
本篇文章, 阿土伯的回應都有高亮度顯示,可否給在下 link , 讓我幫您看看.

Page 提到...

阿土伯您好, link here:http://tinyurl.com/5l9cw9
非常謝謝您!

Unknown 提到...

Dear 云輕:
確實是個 bug, 遇到 "匿名" 留言者, 會導致例外, 而造成以下的高亮度不處理, 我會盡速 update. 謝謝.

Page 提到...

Dear 阿土伯:原來如此呀!發現了個bug^^,謝謝阿土伯!

戩X融 提到...

阿土伯你好,
我已經安裝了ALL-IN-ONE了
但還是沒有繼續閱讀的功能,按照你的方法去找div id="fullpost"或 span id="fullpost"
都搜尋不到(我是在##HIDEME##裡的編輯搜尋的)
請問是不是我哪裡用錯了?

謝謝你的軟體!

Page 提到...

給上面的戩X融先生:
div id="fullpost" 語法是要夾住你所寫的文章後面要隱藏的部分喔!

Page 提到...

Dear 阿土伯:我又發現一個 bug 了!...
就是「加入社群書籤功能」,如果去點網誌旁邊的「網誌存檔」裡的舊文章,只要舊文章 loading... 完,社群書籤的按扭就又會再出現一次,就會顯示好幾個重覆的按扭了!

我的工作日記 提到...

請問可以將你這篇文章轉載到我的部落格中嗎?
我部落格的網址是:http://polinwei.blogspot.com/

Unknown 提到...

Dear Polin:
歡迎轉貼...

吳書睿 提到...
作者已經移除這則留言。
Alan 隨手教室 提到...

阿土伯你好,為了找繼續閱讀等功能才找到你的網站,之前也安裝過其他版本目前都已移除,可是有個小問題,黑米的書籤收藏完全出不來網頁,不知道有甚麼問題....我是完全的電腦語法白吃,請問有甚麼地方要改進嗎
alanclass.bolgspot.com

seraphwu 提到...

阿土伯兄您好
由於最近想要整個把自己的blog大翻
之前的繼續閱讀功能是使用一長串的那種javascript由於最近開始使用jQuery感受到他的好
於是想要自己寫,順便google到您這篇文章。
發現原本利用 < script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>似乎無法順利執行Blogger_ext2.js
此外按照這篇文章中的繼續閱讀功能
會出現連續兩個[+]繼續閱讀全文.... [+]繼續閱讀全文....
不曉得是否哪裡出現了問題?
也再次感謝您提供的方法

cold man 提到...

感覺好像很好用…

因為blogger很多的功能都需要有一點語言基礎才比較好設計…

謝謝阿土伯的提供…

另外想問個問題…

就是我之前如果有自己改了語法啊…(為了加繼續閱讀的功能)

那我如果使用all in one的話…

會不會有問題…

怕一失足成千苦恨…所以先來問一下…

另外就是例如繼續閱讀這種可以改變他的語言嗎…例如我想用成英文的…read more...

不知道要在那裡改

富公子 提到...

感謝阿土伯這麼熱心並提供這麼好的工具,可是"繼續閱讀"搞了好久我還是弄不出來>_<
如您所述,我在文章加用##CONTINUE##,可是並不會出現"繼續閱讀"的功能,麻煩您來我網誌看一下,謝謝您^^
http://0206fu.blogspot.com/

富公子 提到...

我已解決我的問題了,
不好意思打擾您了.
有空歡迎來我的blog逛逛喔^^

Unknown 提到...

不好意思~
我是安裝##HIDEME##程式碼的
但是貼上後一點功能也沒有效用
不知道是我裝錯了
還是這個已經失效了

不好意思~還請舊雨新知指點一下
謝謝大家