dicas blog
Home » , , , » Como adicionar um gadget do autor no blogger com botões sociais

Como adicionar um gadget do autor no blogger com botões sociais

7
Nesse tutorial vou  mostrar  como  adicionar  um  gadget  do  autor  no  rodapé  das postagens do  blog
com botões de  rede  sociais, ter um gadget   do  autor  no  seu  blog  pode  ser  uma  boa opção,  para passar uma tranquilidade  aos visitantes,  e  para  que conheçam  você um  pouco,  e  confiem   no  real  autor  do  blog,  isso   pode   gerar  de  uma certa   forma  um  vinculo  com   os  visitantes  do  seu  blogger.  nesse  gadget  do  autor  você  vai  poder   colocar  seus  links do  Google+,twitter,facebook, seu contato  E-mail ,e o link do  seu site  se tiver   outro,  se  não,  coloque o do seu mesmo.a foto do  autor  vem  com  um efeito hover  opacidade   dando  um  bom  ar  ao  gadget bom vamos  ao tutorial abaixo.


Primeiro faça  um backup do template caso  algo  de errado!

Agora vamos  ver  uma demo primeiro

Demo


Depões vá  em  modelo  editar HTML de  um CTRL+F e procure por esse trecho ]]></b:skin> e acima dela adicione o código  abaixo e salve.


Agora vamos  adicionar  o HTML  do gadget  do autor de novamente  um CTRL+F e procure pelo trecho aseguir <div class='post-footer-line post-footer-line-1'>  e adicione abaixo dela e  salve.


Bom agora  vamos  a   edição depões de  instalado  passe  o mouse por cima dos botões,  links, e copie  o link ex: twitterfacebook etc. e altere  pelos seus usando CTRL+F  dessa forma fica  mais fácil  e  rápido, depões   adicione   sua  bio, e para trocar  a  imagem do  autor faça  o  mesmo  procedimento, passe o  mouse  por    cima  e copie  o link  da  imagem  procure   e altere  pela  sua.

Agora  para trocar a  imagem  que  esta escrito "MBD ADMIN" procure pelo código abaixo  e altere  pela sua imagem URL.

https://lh4.googleusercontent.com/-ttCbMtsf23I/UO71-LQl0eI/AAAAAAAABu0/xzdy6QwUBTc/h70/MBD-ADMINblog.png

Para facilitar  veja  um  exemplo abaixo  dos locais para você  alterar no HTML .

 <!--começo do gadget MBD html-->
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<div class='MBDpostauthorbox'>
<div class='MBDpostauthoravatar'>
<img alt='Jay Ryan Macabato' src='https://lh6.googleusercontent.com/-asIhNfKkobE/UO7z1tG1SBI/AAAAAAAABuY/6hQrki88es0/h120/CARLINHOS+CACHUERA.jpg'/>
<div class='MBDpostauthorlabel'></div>
</div>
<div class='MBDpostauthorcontent'>
<div class='MBDpostauthorhead'>
<h5>Postado Por:
<a href='https://plus.google.com/u/0/112844248749885617229/' title='Ricardo Moraes'>Ricardo Morães</a></h5>
</div>
<div class='MBDpostAuthorbio'>
Ricardo Moraes é o dono do MeuBlogDicas. Ele é um futuro Desenvolvedor de negócios, mas ama blogs e jogar códigos que não está incluído no seu campo de estudos. Este blogueiro apaixonado ama se conectar com pessoas diferentes, trabalhador e família centrada. Divirta-se explorando <a href='http://www.MEUBLOGDICAS.com.br' target='_blank'><b>MeuBlogDicas</b></a> E <a href='http://www.meublogdicas.com.br/p/contato.html' target='_blank'><b><i>E-mail</i>Blog</b></a>!</div>
<div class='MBDpostauthorbox-footer'>
<div id="soc">
<div class="soc">
<a class="facebook" href="http://www.facebook.com/Meublogdicas" target="_blank">Facebook</a>
<a class="twitter" href="https://twitter.com/meublogdicas" target="_blank">Twitter</a>
<a class="googleplus" href="https://plus.google.com/u/0/112844248749885617229" target="_blank">Google Plus</a>
</div>
</div>
</div>
</b:if>
<!--final do gadget do autor MBD html-->

Bom erra  isso,  duvidas é só perguntar caso  você  precise  de  um  suporte.

Lembrando:  caso  de  erro  ao tentar  adicionar o código HTML, nem tudo  esta  perdido tudo  que você  precisa  fazer  é  converter  o código em um conversor do adSense que esta na  pagina  demo, e postar.  já tive esse  problema,  e dessa forma  tudo  funciona dependo  do  template.

7 comentários: