Blogger 新手基本技巧問答（二）

加入共享書籤：

blogger新手其實會有許多問題，而且很多問題都很小，網路上常不太容易找到解答，而且不懂css語法，或是不清楚整個blogger架構，剛開始會很辛苦，我寫下來的也是我曾經有過的問題，想想還是把他整理一下，所以有了想寫"Blogger新手基本技巧問答"的想法。


● 不想要有圖片外框
也是進入版面配置→範本→修改HTML
找到有關有 "img” 這個定義，大概有下列這些，看你要設哪一個：
a img { 或 .post img { ，這是文章內的圖片設定
.profile-img { 或 .profile-img a img {，個人簡介
#header a img { ，標頭
.sidebar a img { ，邊欄區
【每個模板大同小異，大概都是用這些來定義】
把 border: 0;
設成0即可，或是把這行敘述去除亦可。

● 想要調整某些元素的位置
通常會碰到的問題就是想調整各個元素與邊緣的距離位置，例如文章標題、日期、邊欄等等，找到你想要調整的元素區，然後找到以下的敘述，再調整距離大小即可。
也是進入版面配置→範本→修改HTML：
margin: a b c d;（上右下左，以框線為主，就是框線與外邊緣的距離）
padding: a b c d;（上右下左，以框線為主，就是框線與本文的距離）
不知這樣形容聽得懂嗎？就是一個對外，一個向內的分別。
如果只是想調整特定的元素距離，比如下面這個圖

標題區（#header-wrapper，藍色框）與上方的距離，可以設成
margin-top: 10px;
而標題（#header h1）與上方的距離，就要設成
padding-top:30px;
如果都一樣的距離，可以設 padding: 5px; 表示全部都是5px;

● 網頁元素---文章分類如何產生
標籤－就是你的文章分類
有的人喜歡用hacks，把文章分類以標籤雲方式顯示，其實我自己覺得如果你的標籤分類真的很多，是蠻適合用標籤雲方式呈現，但也有人喜歡傳統的方式，用條列式的呈現，只要新增網頁元素為"標籤"的即可，然後將標題設為文章分類。

當然以條列式的呈現，可以在前面加個項目符號，找到.sidebar ul { 這區塊，然後加上以下的敘述，任選一種
list-style-type:none; （不加任何符號）
list-style-type:disc; （實心圓形符號）
list-style-type:circle; （空心圓形符號）
list-style-type:square;（實心方形符號）
list-style-type:decimal; （阿拉伯數字）
list-style-type:lower-roman; （小寫羅馬數字）
list-style-type:upper-roman; （大寫羅馬數字）
list-style-type:lower-alpha;（小寫英文字母）
list-style-type:upper-alpha; （大寫英文字母）
list-style-image:url(“圖片網址”) no-repeat;（圖片符號）

以下的圖，是後台常見的網頁元素說明。

系列文章：
● Blogger 新手基本技巧問答(一)
● Blogger 新手基本技巧問答(三)
● Blogger 新手基本技巧問答(四)