widget css設定

widget是指blog右邊你所增加的HTML元件，假設你的元件的原始碼是A，要如合修改A的CSS？直覺是直接用<div id="A"></div>把A給包起來，再去增加#A的CSS內容，但是此法卻行不通。


其實還有一個更簡單的方法，先到設定->修改HTML。拉到接近底部，可以看到類似下面的程式碼。

<b:widget id='HTML6' locked='false' title='Widgert的名稱' type='HTML'/>

把他的ID記下來(此範例是HTML6)，之後拉到上方的CSS程式碼區塊，找個你喜歡的位置加入以下的程式碼。

#HTML6{
/*你所要的CSS Code*/
}

如此一來就成功了！

如果你是新手，可以參考一下widget常用的CSS碼。

• text-align:center; 置中對齊


• text-align:left; 置左對齊


• text-align:right; 置右對齊