Colocando ícones ao lado do título da sidebar

Um detalhe bem simples, mas notável nos layouts são os ícones ‘enfeitando’ cada título dos widgets da sidebar. Para fazer isso, é necessário um pouco de experiência com HTML e conhecimento do seu layout. Vamos lá:
Vá na sua página de edição do HTML do blog e selecione a opção “Expandir modelos de widgets”. Feito isso, cole o seguinte código antes do ]]></b:skin>:

.widget h2 img{
display:inline;/*faz com que a imagem fique na mesma linha que o texto*/
float:left;/*alinha a imagem à esquerda*/
width:16px;/*largura da imagem, você pode mudar*/
height:16px;/*altura da imagem, esta você também pode mudar*/
}

Agora é a parte que você deve conhecer o seu layout. Talvez seja necessário procurar pelo título do seu widget (o que é bem mais rápido usando o Ctrl+F). Sendo assim, o código do widget é parecido com isso:

<b:widget id='HTML1' locked='false' title='Título do Seu Widget' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Para colocar a imagem, ponha o código a seguir depois do <h2 class='title'>:

<img src="URL_DA_IMAGEM" />

Obs.: Lembre-se de trocar o “URL_DA_IMAGEM” pela URL da sua imagem.
Clique em “Visualizar” para ver se está tudo certo. Estando tudo certo, clique em “Salvar Modelo”.