Como personalizar e adicionar widget de atribuição no Blogger

Olá amigos Mult-focos, vamos mostrar neste tutorial como personalizar e adicionar Widget de atribuição no Blogger, para isto temos que remover o existente e só depois adicionar o novo personalizado.

Como remover?

Entre no painel do Blogger -> Modelo -> usando Ctrl+F encontre o código abaixo e remova todo ele:

 <b:widget id='Attribution1' locked='true' title='' type='Attribution'>
     <b:includable id='main'>
     <b:if cond='data:feedbackSurveyLink'>
     <div class='mobile-survey-link' style='text-align: center;'>
     <data:feedbackSurveyLink/>
     </div>
     </b:if>
     <div class='widget-content' style='text-align: center;'>
     <b:if cond='data:attribution != ""'>
     <data:attribution/>
     </b:if>
     </div>
     <b:include name='quickedit'/>
     </b:includable>
      </b:widget>
 

Visualize se tudo estiver ok salve.

 Agora vamos deixa-lo com este visual.

 Procure por </body> acima dele cole o código abaixo, depois de ter configurado "AQUI O NOME DO SEU BLOG".

 <Div id = 'créditos'>
<Div style = "margin: 0px auto; float: none; width: 960px; ">
<Div style = "margin: 0px auto; padding-top: 4px; width: 950px; float: left; ">
<Float div style = ': left; word-spacing: 5px; font-family: "Banhaus 93", Georgia, Serif; font-size: 14px; ">
<P> <a expr:href='data:blog.homepageUrl'> <data: blog.title />
</a> © 2012-2014. Todos os direitos reservados | Powered by-<a alt='Blogger' href='http://www.blogger.com' target='_blank'> Blogger </a> </ p>
</ Div>
<Float div style = ': right; word-spacing: 5px; font-family: "Banhaus 93", Georgia, Serif; font-size: 14px; ">
<P> Projetado by - <a alt='Mult-focos' href='http://mult-focos.blogspot.com.br/' rel='nofollow' target='_blank'> AQUI O NOME DO SEU BLOG </a> </ p>
</ Div>
</ Div>
</ Div>
</ Div> 

visualize se estiver ok salve. Isto é tudo.

---

---