Rodapé de Interação Abaixo da Postagem

► +A +/- -A



Olá querido leitor ( quantas vezes já falei isso :) ;
Neste tutorial ensinarei como colocar um Rodapé de Interação Abaixo da Postagem este rodapé possui links como página inicial, ir para comentários, versão Móvel do Post, e o link encurtado da Postagem.
Mas vamos deixar de blá blá blá e mão a obra:


Começando:
1. Acesse o painel do blog e clique em guia do modelo
2. Depois clique em Editar HTML e clique em "Expandir modelos widgets"
3. Em seguida pressione as teclas CTRL+F (atalho de busca na página) e procure por:


<div class='post-footer-line post-footer-line-3'> 


4. E ABAIXO do código citado acima, cole o seguinte código:


<b:if cond='data:blog.pageType == "item"'>
<div id='detalhes-post'>
Terminou de Ler o Post?<a href='#comments' title='Interaja com o Site, Comentando...'> Comente</a> ou <a expr:href='data:blog.homepageUrl' title='Volte para o Início'>Volte a Página Inicial</a>.<br/>
Para Visualizar a Postagem em Versão para Aparelhos Móveis: <a expr:href='data:post.url + "?m=1"'>Clique aqui</a>.<br/>
<div id='bp_shorturl'>
<form expr:id='"bp_short_holder_" + data:post.id'/></div>
<script type='text/javascript'>
Bloggerplugins_shortener.init("bp_short_holder_<data:post.id/>","<data:post.url/>")
</script>
</div>
</b:if>


5. E ainda com a caixinha "Expandir Modelos Widget" marcada,
pressione CTRL+F (atalho de busca na página) e procure por:

</head>


6. E ABAIXO do código acima cole o seguinte código:

<script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=blogandocomfacilidade&amp;apiKey=R_788c90bb4daba88562c6242d81865443' type='text/javascript'/>
<script src='http://javascrips-bcf.webs.com/javascripts/Links-Encurtados.js' type='text/javascript'/>


7. E ainda com a caixinha "Expandir Modelos Widget" marcada,
pressione CTRL+F (atalho de busca na página) e procure por:

]]></b:skin>


8. E ACIMA dele cole o seguinte código:

#detalhes-post {background: #EFEFEF;padding: 10px;border: 3px solid #ccc;line-height: 18px;} 


Pronto, qualquer duvida não deixe de comentar!


Desenvolvido por: Iago melanias - Blogando com facilidade
► Postagens Relacionadas:

9 Comentários

Izaque Liborio disse...

Cara belo post procurava por algo do tipo, e ainda ele encurta nosso link muito bom mesmo valew

8 de fevereiro de 2012 às 18:52
Caio Vinicius disse...

Rsrsrsrsrs, Obrigado Pelo Comentário Izaque, Sua participação faz nosso Blog Crescer, Espero ver você comentando em outros posts rsrsrsrs, Até Mais.
Abraços, Caio Vinicius - Tecnoblog

9 de fevereiro de 2012 às 10:58
Izaque Liborio disse...

rsrsrsrs pode deixar

19 de fevereiro de 2012 às 12:02
Jhonnatan2012 disse...

Procurava muito por isso, muito obrigado!!!

11 de março de 2012 às 15:42
Caio Vinicius disse...

Que bom Que Gostou, Obrigado por participar.

12 de março de 2012 às 06:40
KauanSilva disse...

O Blogando com Facilidade e esse site aqui também são ótimos, parabéns mano!

18 de abril de 2012 às 23:07
Caio Vinicius disse...

Que bom Que gostou Kauan! E sim, o BcF é muito bom, me inspiro bastante nele, apesar de nossos blogs estarem quases "iguais" :P
Obrigado por comentar amigo!
Até mais
Abraços e Fica com Deus!

19 de abril de 2012 às 11:53
Andersongomesmtv disse...

O meu nao mostra o ''Compartilhe esta posagem:'' porque?

20 de maio de 2012 às 03:02
Caio Vinicius disse...

Olá Anderson, desculpe, mas aqui, quando visitei seu blog, percebi que nas postagens aparece corretamente o ''Compartilhe esta postagem". Qualquer outra duvida, pode perguntar!
Até mais, Abraços e Fica com Deus!

20 de maio de 2012 às 19:38

Postar um comentário

Seu comentário é bem vindo, mas leia antes de comentar...
→ Se os comentários conter palavrões, xingamentos, ofensas ao autor ou qualquer pessoa, não serão publicados!
→ Não Contiver outros sites!
→ Não conversar com comentários!
→ Não conter propaganda!
→ Visite o nosso termos de uso
Obrigado e volte sempre!