Blogger 新添 read more 及其他網頁元素 

Blogger 終於有了 read more 的功能,出來得這麼晚,卻是深思熟慮的。本以為這功能出來了會添麻煩,因為舊文那麼多,萬一原來使用的駭客語法失效,豈不是得一篇一篇重貼?但Google顧慮得周全,新功能與任何舊語法均沒有衝突,舊文語法仍可有效使用,新文則完全可以用上新的功能。

1. 到後台貼文區,工具列上找到紅色框框裡的按紐,就可以劃分出想要隱藏與顯現的文章,很方便。 


2. 理論上,作了劃分後,在首頁看到的文章,理應出現Read more字樣,但如果使用的版型比較特殊或有更改過,以致無法使文章正常分斷,就需要貼一小段語法。

回到後台管理,Edit Html , 勾選 Expand Widget Templates,在原始語法裡找到

 <data:post.body/> 

在這之後,貼上

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>

這樣就可以了!

3. 如果不想用 「Read more 」這字樣,也可以在 layout 裡的 blog post 編輯,在Post page link text的框框裡,打上自己喜歡的文字。如:「繼續閱讀」 等等。

4. 另外blogger 也在網頁元素中,新添了標籤雲的功能。可以自由選擇要列表或標籤雲。只是CSS不太好看,Abin 那裡有教人家怎麼改,我試了,沒成功,也就放棄了。 

5. 網頁元素中,還增加了 recent posts 和 recent comments ,都很方便,以後大家不用到處找語法了。其中我比較有興趣的 recent posts advanced ,但是它的CSS實在太醜了,暫時沒用,等我有空研究語法時,再來改改看。

特別聲明一下,以上這些新功能都只能在blogger 功能測試區才能看到。

Comments

  1. 我的blogger沒那功能??? 我剛剛看了一下找不到那個read more耶..
    我都是用span class="fullpost"這個方法...怎麼我的沒有@@

    ReplyDelete
  2. 天秤,妳也有用blogger??

    要從測試區登入才能用到新功能:
    http://draft.blogger.com/home

    妳試試.

    ReplyDelete
  3. 花,
    我從妳給的那個連結進去就看到了... ^^
    我有用blogger, 但只是拿來放一些轉載的文章影片等等..是想留給自己方便看的說..
    其實用blog久了也習慣了只是有時還是很想念na3的功能...

    ReplyDelete
  4. 暑假我外甥來玩,說了好幾次比較喜歡我以前的網站(na3那個),害我也跟著悵然若失。Na3 最令人懷念的,大概就是大家一起研究語法的那個過程,和結果出來時的驚喜和感動。也算是很美好的回憶!...

    Blogger也已經成立十年了哦,用過的人都很喜歡,有人說希望十年後還在用Blogger!...^^

    ReplyDelete
  5. 對了,天秤,妳可以把我給妳的連結設為妳的管理界面,這樣Blogger的新功能出來,妳才可以先看到!

    ReplyDelete
  6. 還以為read more是基本功能?原來是另外加上語法。

    也很想念花花以前的na3~

    ReplyDelete
  7. lili,blogger有很多別的網站早就俱備的功能,它很遲才添加上來,雖說有它的不便利,但也因此而具某種魅力。

    十年堅持沒有廣告,就是很大的氣魄了!...^^

    ReplyDelete
  8. 花花,

    可不可以教一下在Blogger裏怎麼設定鎖右鍵防止複製圖片. 先謝謝了:)

    ReplyDelete
  9. 嗯?請問,您是...?

    到管理介面打開Edit Html,找到 body 在它後面加上一些語法就可以。把它改成:
    body oncontextmenu='return false;' ondragstart='return false;' onselectstart='return false;'

    因為回覆欄有限制語法,所以我把前後的引號省略,您自個兒可別刪了。

    得先聲明,這只是弄著好玩的,在其它瀏覽器下並不管用,而且這語法很老了,很多人能破解。

    ReplyDelete
  10. 我是你這花想集的固定讀者, 一個月前發現這裏以後,正慢慢地把你寫過的東西消化 :)

    你說的這個我試過了, 但是blogger不給我改 :((

    anyway, thanks for your replying.

    ReplyDelete
  11. 對不起,可能是我沒說清楚,blogger應該沒有不給改的道理.

    html裡有很多body,但不必全都改,您只要修改</head>下面的<body>就可以了.
    <body> 改成<body oncontextmenu='return false;' ondragstart='return false;' onselectstart='return false;'>

    為了說明,引號我用全形,正確應該用半形。再試試吧,blogger最有意思的地方,就是要改到妳得心應手,還真有得忙呢!

    ReplyDelete
  12. Done, and thank you.

    好了, 現在不能直接按右鍵複製, 但是你有沒發現如果你直接在圖上按左鍵,就會得到原始圖檔,而這個圖還是可以複製,不過我已找到方法不能這樣複製了:)

    ReplyDelete
  13. 上傳的圖片,blogger都會自動作原始圖檔的連結,只要有網址就能被下載或複製。除非不用它的上傳功能,另找空間存放、連結,如果圖片較多,發稿較勤的話,會比較麻煩。

    真的很怕圖片被盜用,一般作法還是在圖片上打上浮水印,等於落個款,蓋個章,多少有些嚇阻作用。因為這些防盜語法,愈來愈不頂事了。

    ReplyDelete
  14. 只要你把html裡原始圖檔的連結刪除,別人就不能打開,也就不能複製了.

    ReplyDelete

Post a Comment

Popular Posts

太陽與月亮的婚禮-日蝕/光年

雪的聲音

淡水、馬偕與忽忽塑像/淑瓊、Margaret