星期五, 4月 06, 2007

差點翻桌..

在別人的部落格看到一組 XML Template,可以把 Blogger 改成三欄樣式(3-column)。三欄看起來比較帥,也比較符合我的習慣,偏偏 Blogger 升格成正式版後,完全沒有提供三欄式的範本可以套用。

So.. 反正 Blogger 有提供樣式備份,我就備份了自己原本的 XML,然後套入人家寫的 三欄式 XML。套好了,文字、排版都 OK,只是標題圖片很醜而已。

看了一會,覺得還是先改回兩欄式好了,就把先前備份的 XML 又傳回 Blogger。接下來... 一陣錯鄂。Blogger 顯示 XML Parsing Error... 就醬子,原來備份是備假的,原本我自己排的樣式瞬間灰飛煙滅。

....我好想翻桌....


結果還是回 Blogger 挑另一個範本,重起爐灶。順便重新編排連結清單,好友推薦的部份,趁這個機會,想要跟我交換連結的人,就回應一下吧。

稍微記一下這次改版的 list...

1. 加上好友部落格連結
2. 加上推薦部落格連結
3. 加上我的 flickr 相簿
4. 加上我的 x360 玩家卡
5. 加上站內搜尋

另外有三個問題想請教,希望有人能賜教,感恩啊~
1. 如何放大標題與內文的間距?

2. 如何放大內文與連結的間距?
3. 標籤非得擺最後面嗎? 我不管怎麼設,最後都被移到下面...

2 回應:

花生一劍小師 提到...

改變標題與下一行的間隔有好幾種方法,例如找到控制文章的widget(id=Blog1的那個),然後插入控制高度的HTML tag,或者用另一個比較簡單快速的方式,就是修改CSS,文章的標題是用".post h3"在控制的,修改margin: 13px 0 13px 0;的第三個參數就可以調整它與下一段文字的距離了,所以放大內文與連結的距離也可以從CSS下去改,找到控制連結的CSS就可以,應該是".post a"、".post a hover"之類的吧。標籤位置可以自訂,看過有人改得很不一樣,我是沒有改過啦,好像要從widget的內容去著手了吧。

CQ.1 提到...

感謝花生大師指點

我已經改好了標題 margin
正在研究 widget 的部分