
Inserindo o Códigos
1)Acesse o painel do Blogger(blogger.com)2)Vá em Layout->Editar HTML->Marque Expandir Modelos de Widgets. Procure pelo seguinte código, utilizando as teclas CTRL e F:
<div class='post-footer-line post-footer-line-3'>Abaixo do código anterior insira o seguinte:<div id='linksparaartigo'>
<p><b>Links para Compartilhar ou Embutir</b></p>
<p class='noborder'>
<label for='aa-url'>URL:</label><br />
<input size="80" readonly="readonly" onclick="this.focus();this.select();" type="text" id="aa-url" value="<data:post.url/>" />
</p>
<p>
<label for='aa-forum'>Link em HTML:</label><br />
<input size="80" readonly="readonly" onclick="this.focus();this.select();" type="text" id="aa-forum" value="<a href=&quot;<data:post.url/>&quot;><data:post.title/></a>" />
</p>
<p>
<label for='aa-forum'>Link para Fórum:</label><br />
<input size="80" readonly="readonly" onclick="this.focus();this.select();" type="text" id="aa-forum" value="[url=<data:post.url/>]<data:post.title/>[/url]" />
</p>
</div>Inserindo Estilo ao Código
Vamos agora formatar o código procure por ]]></b:skin> e antes dele insira o seguinte:#linksparaartigo {
background-color:#f9f9f9;
padding-bottom:5px;
padding-left:20px;
font-size:11px;
}
input{
background-color:#ffffff;
}Salve as alterações e visualize. Abaixo veja na imagem como fica:Imagem de: Et Dúvida



12 Comentários
Aqui.. nao estou onseguindo.. da erro.
Vai ficar igual ao seu?
@Daniele Olha tente refazer pois pois o código está correto. Se persistir envie o que está aparecendo para mim para que eu possa te ajudar
@Jc Denton, não este é outro.
persistiu.. qual o seu email pra q eu possa te enviar
Esse compartilhe e salve ficou legal!
olha.. eu consegui.. mas realmente faltou um detalhe.. pq dps do numero "3" no codigo que eh pra procurar tem uma barra.. so assim que consegui.
@Daniele, que bom que conseguiu, mas meu e-mail é fernandopasse[arroba]noticiaeblog.com qualquer dúvida entre em contato.
Muito boa essa dica cara, valeu!
tem como diminuir a largura dele ? aki no meo ficou muito grande !
Já consegui diminuir, hehe nem preciso procurar :D
Buen codigo, muchas gacias!
Saludos.
Postar um comentário
Deixe seu comentário aqui
Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.