很久以前就聽說Blogger的自由度很高，懂得語法的人可以將版面玩得很精彩，可惜我是屬於不懂語法的那一區；後來又聽說Blogger增加了很多模版和小工具，變得「親民」許多，可惜我仍然還是愚民，要調版面還是像要搬一座山似的困難OTL
所以只好慢慢學囉!
以下將陸續把我需要的項目筆記起來，以後要改版面時也不用重新找起：
小工具
- 加入月曆式文章清單【Blogger教學Archive Calendar 月曆 │ 潔絲特 Jester
- 加入最新文章/最新回應
[Blogger] 加入最新回應及最新文章 │ 海芋小站
Blogger 最新文章＋任意尺寸縮圖__免提供完整文章資訊 │ WFU BLOG
- [Blogger]如何加上數字分頁效果？ │ 香腸炒魷魚
語法
- 內文大圖自動縮圖[CSS]版面大圖自動縮圖-支援 Firefox IE... │ Frank的雜記
- 插入程式碼區塊 / 引用文字區塊
[教學] 如何在 Blogger 文章裡顯示程式碼？ │ 超free手札
在Blogger內使用引述quote │ 通達人驛站
部落格文章＋特殊文字區塊（二）實作範例__公告、修訂區塊 │ WFU BLOG - [BLOGGER]繼續閱讀懶人加強版 │ [版本2.x]安裝教學
- 文字兩端對齊 css技巧：文字两端完全对齐 │ 子寒互动视觉
- Blogger 改造"較舊的文章"變浮動按鈕 教學│-- Chinese herbs --永昌蔘藥行-漢方•養生•補湯
- 留言欄相關
張貼意見以其他文字或圖片代替 │ 0 與 1 謎詭世界
Yahoo blog 版面修改：填寫回應欄的「回應按鈕」顏色（CSS）│ 有誌戲 - CSS基礎 CSS 語法教學 CSS參考手冊 │ W3School
- HTML如何和css结合使用 │ 百度知道
.blogbody img{ /* 當圖片大小大於 500px，自動縮小為 500px */ max-width:500px;/*IE 以外*/ width:expression(this.width>500 ? 500:true);/*IE 適用*/ }
如果是在頁面中鏈接css 就在根目錄對應的樣式文件夾中單獨建立css 文件，並在html 頁面中的<head></head>裡的<title></title>下使用鏈接式將樣式導入進來(這是最常用的方法) 如
命名單獨的css 文件為lead.css
html 頁面中為
<head>
<title></title>
<link href="lead.css" rel="stylesheet" type="text/css"></link>
</head>
沒有留言 :
張貼留言