Bloggerのガジェットの背景を変更

※テンプレート：画像ウィンドウ　での修正

ガジェットの背景が透過された状態。
このままでは見難いので色を付ける。

ブログタイトルや投稿部分に合わせて
背景色を付けたい。

※ここでは白に変更。

テンプレート　→　カスタマイズ　→　上級向け　→　CSSを追加　にて

.white{background:#FFFFFF;}

↑を記入し、ブログに適用を押す

テンプレート　→　HTMLの編集　にて

先程追加したCSSを適用したいガジェットの

<b:includable id='main'>　と  <b:if cond='data:title'>　の間に
<div class='white'>　を追加

</b:if>　と　<b:include name='quickedit'/>　の間に
</div>　を追加

↓こんな感じ。

<b:widget id='BlogArchive1' locked='false' title='ブログ アーカイブ' type='BlogArchive'>
<b:includable id='main'>
<div class='white'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>

アーカイブに背景が付いたので、同じようにラベルも編集