Header Ads

Blogpsot 版面美化:縮短首頁顯示的文章

自從Y!Blog宣告倒閉後,有不少blog友都選擇來到blogpsot落腳。老實說,對於用慣了操作簡單的Y!Blog的朋友來說,blogpsot的設定是有點複雜的,不過正所謂萬事起頭難,其實只要花多點時間模索一下,便發現blogpsot其實比Y!Blog強出很多的。

Y!Blog時期,自己也曾寫過一些關於版面美化的文章,不過來到blogpsot後,倒是一篇也沒有「發市」,皆因blogpsot版面可修改的地方實在太多太廣了,而且隨著使用者所用的模版各有不同,當中的美化語化亦會有所差異,所以很難一概而論。

不過這兩天不約而同也有新鄰居問在下關於版面上的同一個問題,那麼在下就只好寫下第一篇blogpsot美化文章來分享一下吧。

新鄰居們的問題是:如何不在首頁顯示整篇文章?

的確,在首頁顯示整篇文章是何等不美觀的一件事,而且由於文章過長的關係,也會導致出現分頁後有部份文章在首頁沒有顯示出來問題的。


要解決這問題其實很簡單,先看下圖:



這是撰寫文章頁面的截圖,紅圈的圖示就是用來截斷文章的。


例子:

假設你的文章有以下三行。



而你只想首頁顯示第一行(123),那麼只需在第一行之後按紅圈的圖示。



框中便會多了一條虛線,而就只有虛線以上的部份(不論文字或圖片)才會顯示到首頁上。

翻開《HTML》,便會看到多了「<!--more-->」的字樣,它就是用來作分隔之用。



使用方法就是這麼簡單,小學生也會懂呢~~

35 則留言:

  1. 可否多發一些blogpsot版面美化的文章? 謝
    加油! 電影影後感寫得很好 :)

    回覆刪除
    回覆
    1. 謝謝支持先,稍後如有時間也多寫一點其他的 :)

      刪除
  2. 哇~ 解決了我的燃眉之急!
    謝謝你:)

    回覆刪除
  3. 我想學相關文章,我現在是用"您或許對這些文章有興趣",可說是隨機生成。跟本毫不相關。。。

    回覆刪除
    回覆
    1. 那個"您或許對這些文章有興趣"是根據你文章的tag隨機顯示的,所以不會完全相關的,這是原生系統設計,是沒得改的啊 >.<

      刪除
  4. 我正正在努力美化版面中T^T
    可以問一下分類要怎麼搞的嗎?!
    還有中文字型可以用黑體嗎?!我討厭細明體!!!

    回覆刪除
    回覆
    1. Hello,

      分類要從"標籤 "入手:
      版面配置>新增小工具>標籤>選取的標籤>編輯>剔選你要顯示的標籤(即是目錄分類)>儲存

      字型:
      範本>編輯HTML>找大約150行上下>body的一行>在12px後加入> "微軟正黑體", >儲存範本

      刪除
  5. Tag下面的like是如何弄的?

    回覆刪除
    回覆
    1. 這個就不是三語兩語可以說得明白,稍後有時間或寫一下分享文

      刪除
    2. 好的!謝導!等你 :)

      刪除
  6. 又要再跟你學野喇!^^

    回覆刪除
  7. 請問:我設定了首頁顯示5篇文章的, 但到有六篇時, 最前的那篇在首頁不能顯示了, 但又沒有自動分為下一頁,以前在Y!Blog會因文章多了後自動出現以後的頁碼的.這個問題如何解決?謝謝!

    回覆刪除
    回覆
    1. 在下看到第六篇,沒問題呢...

      刪除
    2. 怎麼可以跟你一樣有1,2,3,.....那樣的頁碼?

      刪除
    3. 這個因為複雜,稍後如有時間再分享

      刪除
  8. 感謝超有用的分享!

    回覆刪除
  9. 很有用的分享, 我立即學會了, 謝謝!

    回覆刪除
  10. Kazuo 兄 
    想請問啟用 Google+ 留言功能 可還原嗎?
    我覺得唔好用.... @@ 有D POST可以單一回應,有D又唔得。。。。

    回覆刪除
    回覆
    1. 的確是不好用,因為太過open,而且不是所以google用家都玩G+。
      解除方法:
      後台>google+>取消剔選"為這個網誌啟用 Google+ 留言功能

      刪除
  11. @@ 找回 option ^^ 好彩 已還原, 打搞晒,都係 BLOGGER 原生 好D, GOOGLE+ 留言功能 好似要有GOOGLE+ A/C 先可以留言

    回覆刪除
    回覆
    1. 是的,沒GOOGLE+ A/C是沒得留言

      刪除
  12. THX SO MUCH ^^ 係啊 @@

    最怪原本 BLOGGER 朋友留言我都唔可以回應...... (未啟用已回應一次, 想同 thread 又唔得.....)

    回覆刪除
  13. 想請教如何 RANDOM 轉BLOG 頂BANNER IMAGE?

    我找左好多教學,大多係BLOGGER UPGRADE 前的,即係 有head-wrapper 的 ver. 請指教,THX ^^

    回覆刪除
    回覆
    1. 看到你已經解決了,Great :)

      刪除
  14. 請問如何像你般,相片在左面?

    回覆刪除
    回覆
    1. 你可到http://btemplates.com找合適自己的版面 :)

      刪除
  15. 請問知否為何BLOGGER只淮我用 HTML 寫BLOG, 一按撰寫就焦反應, CURSOR 也找不到.

    回覆刪除

小提示:為杜絕廣告、惡意留言,所有回應經審核後才會刊登
技術提供:Blogger.