如何把自己變成電腦
把所有快樂儲存起來
將所有煩惱全部刪除
累的時候裝個不斷電
情緒不穩時加穩壓器
需要放空時就重開機
想重新出發請格式化
  C:> Set me = %ComputerName%  
  C:> Xcopy *.Happy %%Me  
  C:> Del *.Trouble  
  C:> If EXIST Tired Setup UPS  
  C:> If EXIST Swing Setup Stabilizer  
  C:> If EXIST Vent Reboot  
  C:> If ResetGame==True Format C:  

11.09.2008

Blogger 的"相關文章"功能

參考文章:

原本參照 Abin 的文章操作,但總在存檔時出現錯誤。

後來在參照 TacoJohn 的說明後,互相比對,才總算成功。

但是還有些小問題需要處理,如下圖:

image

  1. 位置太靠近左邊緣。
  2. 最好能放在張貼意見的前面。

先節錄 Abin 在該篇文章的部分討論回文,再找時間調整:

Abin :

To Violet: 你的問題有兩個部分,第一個部分是和文章黏在一起,請搜尋程式碼裡的這一段:document.write('Related Posts: <ul>'); 它是產生「相關文章」區段的第一行,我的範例裡面沒加任何 CSS 修飾,目的是希望要用的人自己依照自己的版面調整,如果直接引用就會黏在你插入區段的後面。最簡單的調整法就是加個換行符號,就會分開了,像是這樣:document.write('<br/>Related Posts: <ul>'); 第二個部分其實和第一個問題有關係,如果你沒有根據自己的版面調整,而是直接貼用整段程式碼,則「相關文章」這個區段的樣式會使用你自己文章版面的樣式。所以如果你只要調整「相關文章」的字型大小,你應該針對該區段自行定義一個 CSS 樣式標籤,然後用在該區段的前後。你可以參考我 Blog 的原始碼,我有定義一個 <span class="post-related">,作用就是用來自訂「相關文章」區段的樣式,可以解決黏在一起的問題,也可以自訂該區段的字型大小。(因為這是我個人的樣版,不一定和大家的網頁樣版相容,所以沒有放在範例裡面)

2007/10/3 上午 11:51

------------------以下于 2008.11.09 下午 5:18 修正 ---------------------

最後還是採取了 水瓶尤加利相關文章點播台 -- RPS 1.0 beta。簡單方便不用傷腦筋。

簡單說明步驟如下:

  • 在 </head> 之前加入下列語法。

<!-- 先載入 jQuery --> <script src='http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js' type='text/javascript'/> <!-- 再呼叫 相關文章點播台 RPS 1.0 beta 測試 --> <script src='http://eucaly61-java.googlecode.com/svn/trunk/rps-10-mini.js' type='text/javascript'/>
  • 其中載入 jQuery 的那一段原文有提到但是沒有列出。因為我的 Blogger 沒有使用過,所以才加進去。我是參照 jQuery 學習心得筆記 (2) 的說明,到jQuery 專案網頁上取得聯結之後加入的。 位置如下圖:
  • image
  • 完成後,結果如下圖: image

沒有留言:

張貼留言