2026年10月3日

Blogspot 如何設定「置頂文章」

(2026-10-03)
【AI推薦小工具:「置頂帖」做法】

以PC畫面為範例,手機畫面或有差異。

圖一:進入後台的「版面配置」畫面,選「新增小工具」,哪一個都成,反正稍後皆可移動到新位置。(↓)
圖二:按入「新增小工具」後,選第2個「精選文章」。(↓)
圖三:進入「精選文章」後,改寫你喜歡的標題,再選「顯示標題」、「顯示文段」,可不選「顯示圖片」,圖大礙眼突兀。(↓)
圖四:向下搜尋網站舊帖。(↓)
圖五:舉例,找到目標文章《Dream》,按擊,它即列在「所選精選文章」,記得離開前按「儲存」。(↓)
圖六:自動回到「版面配置」頁,用滑鼠按實「置頂帖」小工具,拖到中間「網誌文章」欄上面的main位置。(↓)
圖七:顯示新位置。記得按右下角的「儲存」,將眼前的佈置恆定。(↓)
圖八:去網誌面頁檢查,置頂帖做好了。(↓)

30 則留言:

  1. 貴兄,想請教你,怎樣可以將一篇舊網誌置頂?麻煩晒,謝謝。

    回覆刪除
    回覆
    1. 令狐兄,以前Blogspot舊帖改為置頂文,更改日期到未來某天就成;早幾年Blogspot改版這方法便不成了,任何未來日期都會使帖文被隱藏 直到設定的那天才會自動公開。

      而今,不理想但算可用的方法是:
      (一)將舊帖標題加上「置頂」一詞提醒讀者,然後,
      (二)可做可不做:在舊帖內文頂,以括號補加原文舊日期,提醒讀者發行日期更改過,這是誠信。然後,
      (三)將舊帖編輯版面右邊欄的發行日期更新為「自動」的當下,按「更新」,帖文即獲排先,間接有置頂效果。

      以後有新帖文按正常程序發刊,會將「置頂文」壓下去成第二,所以回到「置頂文」更新日期,比新帖文遲一秒,「置頂文」便回復置頂第一了。如此每回重複。

      此方法累贅但有用。或許有用html改動後台設定的方法,但我冇研究,目前不懂。

      刪除
    2. 我問過AI,給出的兩個答案,其中一個就是更改發佈日期,但我不想用那方法。另一個就是下面的方法二,但我唔係好明佢的方法,亦搵唔到佢所講的「精選文章」。麻煩你睇吓知唔知佢講乜,應該點做。謝謝你。

      方法二:使用「精選文章」小工具(最美觀、官方推薦)

      如果你不想更改文章日期,可以使用 Blogger 內建的「版面配置」功能,在文章列表上方獨立插入一個專屬的置頂區塊。

      1 登入 Blogger 後台,點擊左側選單的 「版面配置」。

      2 在主要文章區塊(通常標示為 Main 或 網誌文章)的上方,點擊 「新增小工具」。

      3 在彈出的視窗列表中,尋找並選擇 「精選文章」 小工具。

      4 設定你的小工具:
      • 標題:可以輸入「公告」、「置頂推薦」或留空。
      • 選取文章:從你的文章列表中,勾選你想固定置頂的那篇文章。
      • 可自由選擇是否要顯示文章標題、摘要或圖片。

      5 點擊 「儲存」,並記得點擊後台右下角的 「儲存(磁碟圖示)」 以應用版面配置。

      刪除
    3. 你在手機用PC模式看我的網誌主頁,我將舊帖《Blogspot幾個基本設定》置頂,這模式你O唔OK?

      截圖:
      https://reurl.cc/90Ld5X

      不過,小工具(gadget)不能在手機上看見, 除非在後台的「根後台」寫入html指令,這或許未適合你。但用PC或手機PC模式,就可以清楚看到置頂文章。

      還有,這樣置頂會在閱讀其他帖文時依然會看到「置頂」小工具的文章簡目。

      刪除
    4. 我用手機查看「網絡版本」可到你置頂的文章,查看「流動版」就見不到置頂文章。這個置頂模式,好OK呀。

      刪除
    5. 做法寫好了,按時序記在正文最後段,以黃色底配置,很易找。
      你在尊站做好後,在這裡留言告訴我,讓我拜看。

      刪除
    6. 謝謝貴兄用心指導。

      但手機的操作與電腦有些不同。起初隨意在sidebar-left新增小工具,搞好晒所有資料後,原來該新增工具是不能移往別處的,無論點整,郁都唔郁(連highlight都唔得,想剪、貼無望)。於是亂試一通,結果在一個名為「跨欄區」的地方,試驗成現在的模樣。

      刪除
    7. 你用了頂欄位置的「新增小工具」,它也可以拖落主欄試位,拖到得為止。不過,保持這個模式亦可以,亦觸目。
      截圖:
      https://reurl.cc/Ymp6Za

      小工具標題措詞 最好以「精選文章」(或「置頂帖」之類)代替「其他資料」,提醒讀者會意此網帖份量重,那所謂「其他資料」給人「補丁、咖哩啡、不太重要」的感覺。

      刪除
    8. 我已經在工具的標題寫下「置頂文章」,但出來之後就變成現在頁面所見的模樣。可能這是手機操作的局限。

      https://reurl.cc/jVoq8n

      刪除
    9. 用了一個取巧的方法,將原帖的標題改為「置頂文章」,現在網頁就跟著改了。哈哈。

      刪除
    10. 你那做法亦算一法,不過不正宗;環境條件改變(例如google、小工具改版),那做法會穿崩。

      不妨你我再玩一次:做第2個置頂帖, 全兩個(甚至三個、四個,都可以)。去頂欄再開「精選文章」,選其他帖子,小工具標題寫「哈哈哈」,然後到畫面右下角按「儲存」!完成後自動退回到「版面配置」畫面,記得又在右下角按「儲存」!

      僅記,你會先後按「儲存」,共兩次!回到網站主頁看效果,看看第2個置頂帖標題是否「哈哈哈」;如是,你會知道第1個置頂帖犯了什麼毛病;最可能是,第1個置頂帖的幾次修正你都忘了按 先 後 的「儲存」。

      重複:兩次儲存:小工具頁按右下角「儲存」,版面配置頁按右下角「儲存」。

      刪除
    11. 「精選文章」只可做一次,在其他地方如sidebar-left, footer等任何有「新增小工具」設置處,按該工具鈕後,打開的選單內已無「精選文章」可選(選項已變灰暗,點擊無反應),根本不能再增設多一個「置頂文章」,你建議的實驗無法進行。

      「精選文章」這個工具的標題不顯示出來,應該是手機版的設置問題,不是我少按了1次儲存所致。如不按2次儲存,成個置頂文章是不會出現的。

      咁多問題及甩漏,是手機操作的缺陷,方便處無法與電腦比,否則電腦沒有市場了。

      刪除
    12. 係喎,原來只得一篇「精選文章」可配置,你對。

      以前你講過你的「新增小工具」裡一些apps名稱跟blogspot主流所稱不同(似乎今次亦是), 可能當中的功能細節也不同,若然,則那不是手機跟PC的網誌操作有大異,而是你選用的網誌template(模版)太舊,Google改版後你的template追不上新修訂的操作程序。

      Template指,後台的「主題」項下,那些供我們選擇不同款式的居所佈置。你那所家居可能太舊,我猜,你試下換屋,可能不少功能問題便可解決。

      RoseMary都換過屋,我更換過四五次,你敢唔敢?哈。

      刪除
    13. 唔敢。因為我用嘅係手機,唔係電腦。手機操作非常麻煩,現在用開的模板都是以前用電腦做落嘅,忽然要用個麻煩手機來大翻新,恐怕自尋煩惱,冇信心。

      刪除
    14. 政府公共圖書館有電腦室上網,每次訂用一小時,免費,時間到又去櫃台即訂一小時,如是整天在電腦室可用到飽。

      我亦明白搬屋有點風險, 又驚又想(新房子的舒適),但猜你會買desktop或portable電腦的概率很低,如果唔用圖書館電腦室,就要永遠對著麻煩手機玩落後的blogspot,都好係野……

      刪除
    15. 麻煩係麻煩,但最大的麻煩可能係習慣成自然,嘿嘿。而且,只是間中寫寫簡單的帖文,唔玩咁多新花款玩意,問題有但不算大,尚可應付。見步行步吧,唔知幾時或枯槁BLOG散檔,或我擱筆……

      刪除
  2. 貴兄,敝BLOG內現有的「置頂文章」,是我膽粗粗按下面AI所講修改HTML的方法,在主版面加入了「新增小工具」,才完成的。

    回覆刪除
    回覆
    1. 以下是我通過AI取得的資料(為免太長有問題,分開貼出):

      A、手機版網頁的限制與破解

      一、限制

      (1) 手機版介面有一個非常致命的缺點:它無法跨區塊移動。無法把「側欄」的小工具,搬移到「頁首」或「頁尾」去。

      (2) 絕大多數 Blogger 的內建主題,在「主要文章區(Main)」和「網誌頂端(Header)」為了維持版面乾淨,都會刻意把「新增小工具」的按鈕隱藏(鎖死)。

      二、破解

      既然無法透過手機拖曳,而且這兩個核心區域也沒有「新增小工具」按鈕,我們直接用「修改 HTML 原始碼」 來正面破解,把限制解除,使網誌頂端或主要文章區重新出現「新增小工具」按鈕。

      刪除
    2. B、手機強制解鎖「新增小工具」按鈕步驟

      一、進入程式碼編輯:

      (1) 進入 Blogger 後台,點擊左側選單的 「主題」(Theme)。

      (2) 點擊「自訂」按鈕旁邊的 「倒三角形 🔻」 圖示,點選 「編輯 HTML」。

      二、尋找主要文章區(或網誌頂端)的限制代碼:

      (1) 點擊畫面,使用瀏覽器右上角選單的 「在頁面中尋找」功能 [Clipped for preview]。(註:由於找不到這個選項,故直接在HTML內文中尋找。)

      (2) 如果你想在主要文章區上方加小工具,請搜尋:id='main' 或 id='Blog1'。

      (3) 如果你想在網誌最頂端加小工具,請搜尋:id='header'。

      三、修改關鍵字(把 no 改成 yes):

      (1) 你會找到類似下面這一行程式碼:xml


      (2) 請動手指把裡面的兩個設定值修改掉:

      (a) 將 showaddelement='no' 改成 showaddelement='yes'(這就是開關!改成 yes 按鈕就會出現)。

      (b) 將 maxwidgets='1' 改成 maxwidgets='5'(或者乾脆把 maxwidgets='1' 這整小句刪掉不設限)。

      四、儲存修改:

      修改完畢後,點擊網頁右上角的 「儲存」圖示(磁碟片圖示)。

      五、回到版面配置新增小工具:

      (1) 儲存成功後,退回 Blogger 的 「版面配置」。

      (2) 你會發現原本空空如也的主要文章區(或網誌頂端),出現了「+新增小工具」的藍色按鈕了!

      (3) 接下來,你就可以直接在該區域點擊新增,選擇 「精選文章」(置頂你指定的舊網誌),或者新增一個 「HTML/JavaScript」 小工具來放你想置頂的內容。

      刪除
    3. 無法顯示程式碼,以圖片代替。

      https://reurl.cc/p82GAl

      刪除
    4. 嘩,你真好膽,平時話唔敢改動網站結構,今次竟然順著AI指示入去後台的「html根部」改動指令! 咁危險的事你向來稱不敢做的。

      我手機顯示「版面配置」頁的上層及左右側欄,都有「新增小工具」(截圖1),不過中間欄(main)頭上卻沒有(PC版亦冇),你現在的方法是在中間欄(main)上加入「新增小工具」。

      截圖1:
      https://reurl.cc/5XQjlG

      截圖(2)是我在手機使用「版面配置」頁上層的「新增小工具」所加的「精選文章」(置頂帖)。

      截圖2:
      https://reurl.cc/vG2Y11

      做過之後發現,原來在手機上那些小工具成品不能如在PC上可以自由拖動到新位置。

      用PC任何位置(版面配置上層、底層footer、左右欄)的「新增小工具」做出成品後卻可拖遷到其他位置(例如main上),爽。

      刪除
    5. 也不是亂咁膽粗嘅。在正式修改前,反覆閱讀、理解修改的方法無數次 ,又膽顫心驚去後台睇清睇楚HTML好多好多次,搵到了正確的位置,諗住只係將「no」改為「yes 」咁簡單,應無問題,除非係AI跣我。而且,見選單有「還原」這一項,大不了恢復原狀,所以就膽搏膽一次。

      另外,截圖(1)兩處的按鈕,我手機版都有。至於像截圖(2)用「crosscol」的「新增小工具」做置頂帖,在我未修改HTML前的「置頂文章」就是用相同方法做,但觀感不滿意,所以才想方設法改在主版面。

      刪除
    6. 但睇截圖2,你的置頂帖又OK喎,可能係我技術唔得啩,哈哈。

      刪除
    7. 你改動html根部之前,務必在「主題」頁那個「倒三角鈕」選擇「備份」(backup),將備份檔下載到電腦或手機裡,如果修改後出事, 同樣在「主題」頁那個「倒三角鈕」選擇「還原」(restore),將剛才的備份檔上載回網站去,便即回復原狀。

      那個備份檔就是你間屋(template、模版)的設計式樣(背景圖、顏色、有哪些小工具等)的圖則。

      留意這個template備份檔並不包括網誌所有帖文及留言,那須在後台的「設定」頁另外做的。

      你現在膽子大了,應該很有信心了,不妨考慮做個template備份,然後去選一間新屋!原先的「留言欄」等小工具成品依然都在,只係換了件新衫。(應該不影響你剛在中間欄上加了「新增小工具」鈕;如有影響,不過再去根部修改個指令,easy job,對不對?)

      換屋有「預覽」功能,滿意才「套用」;稍後又不滿又換屋,換到住到滿意為止。最後都係唔滿意,那就用「還原」功能上載回原先的備份檔吧。

      咁好玩,試不試?

      刪除
    8. 補充句,以前講過,html語句或指令常以「<」為開句標記,「>」為關句標記,為了防止訪客刻意搗亂或寫入詐騙html語句,所以, 除了幾個指令如執行粗體字、斜體字、連結等之外,一切擬似以「<」「>」為開合的html語句都會被禁止。

      如果想在留言裡表示某些html語句,應該以「〈」「〉」來代替「<」「>」,舉例,譬如寫成〈b:section class='main' id='main' maxwidgets='1' showaddelement='no'〉,blogspot會容許顯示。

      刪除
    9. 謝謝貴兄提醒。剛才在敝BLOG留言測試了幾次,終於明白出錯的原因是與你上面所講一樣,用錯這個符號< >。

      另,暫時沒有「搬屋」打算,因為不覺舊宅有何不順眼處,不想勞頓。

      刪除
    10. 你喜歡就成。
      順道一提,你的小工具成品的標題如「置頂文章」、「最近留言」、「分類」、「網誌封存」等,字體太小,不易看, 你考慮是否增大它們吧。你應該知道到後台哪裡找修正,不贅。

      刪除
    11. 貴兄,是指增大「網誌標題」的字嗎?但我將「40px」增至「50px」,然後預覽,結果仍然冇變大,唔知點解?有冇做漏步驟?所以唔敢按「儲存」。下面連結係未更改前的原圖。

      https://reurl.cc/MWgr8L

      刪除
    12. 「網誌標題」是你網站的字號「俠廬」,而我的則是「別格」。

      你要在清單裡再向下拉,找到「小工具標題」,那才是調教「置頂文章」、「最近留言」等的字體大小,你一改,即自動改變所有小工具標題的文字大小。

      我不做截圖了,你去我2023年〈Blogspot幾個基本設定〉的帖子第4項查看那些步驟吧。

      刪除