Menu social dentro do widget do perfil

Veja AQUI o modelo

Para facilitar ainda mais a vida de seus leitores, que tal colocar um menu social com as suas principais páginas sociais dentro do widget do perfil ?

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Estas dicas se aplicam aos templates feitos até junho de 2010. Para reinstalar o antigo template clique AQUI

Para tanto vá até o HTML de seu blog, clique e, "Expandir modelos de widget" e procure pelo seguinte código:

 <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>

</b:if>

<b:include name='quickedit'/>

Apague-o e substitua pelo código abaixo inserindo o endereço de suas páginas onde se pede. Caso queira trocar os ícones, basta substituir o código na cor rosa pelo endereço de sua imagem.

 <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
    </b:if>
<div id='menu-social'>
<a href='AQUI O ENDEREÇO DO FACEBOOK' imageanchor='1'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIEgadZiJ2_byAIz7lFz6yGLdw0lJQ-6MndZGzpKzo3JtlDz8dielzldTllpz02nT7awasnafEm4gCP_baOYLfuueit8rUxGRmgcoAWzAWcVSFvg33DmD7anoUCeTHJJ4pb4bOPsZv_Jc/s1600/facebook.png'/></a>
<a href='AQUI O ENDEREÇO DO TWITTER' imageanchor='1'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhucLMUFRGRPA53ya8AEfhf3AlrT9WqiHWG-BE6_j8aMfWDRI9sbUx2EuUVA8av0mCKRkDlIK52rFIR0fXiWG6qu8VrO1qwSpv0poac5C8CuVkqsU1zmw2Pcg1gfCu2YarIDHmTTpRNrBk/s1600/twitter.png'/></a>
<a href='AQUI O ENDEREÇO DO FLICKER' imageanchor='1'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4-6R9uz4bHg7VbQvj_uQuIB8V7bQ5JRiJYryV7PLcxdJGtg9xDzsckt6jK-rin07l2DH8xDwz9E9Pj1xJq_yTR0Hex8j99YP0mGx0-VKKIjkCVun-6P4A_btVtMZAcdFH_sNFgQbjl4g/s1600/flickr.png'/></a>
<a href="mailto:AQUI O SEU EMAIL"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl3SVsie6LJSGqSFn0f5ylcgxAhn56MDHXtuMQNxqb_1LqIga1FlI-pdvKydB4D_Q4COu0tOa9PN3ATK9AOMDzoSeU9iy9ryZNTZZx-r6JJP6fDEfFBB0AJXinre1VRtRS05664lRD0rA/s1600/google.png" /></a>
</div>
     <b:include name='quickedit'/>

Agora antes de ]]></b:skin> cole o código abaixo.

/*menu-social--------------------------------------------*/
#menu-social{display:inline}
#menu-social img {width: 60px; margin: 30px -8px 1px -8px;}