Como colocar imagens com links para Redes Sociais com Feed no seu BLOGGER [Modelo 1]

Aprenda a colocar esse Widget em seu blog em poucos passos, para deixar seu blog mais convidativo.

Nesse tutorial para blogger você vai aprender a colocar este lindo Widget em seu blog, para que os visitantes sejam redirecionados para as suas paginas nas redes sociais, e que ainda vem com assinatura por E-Mail onde o usuário assina o feed do seu blog e passa a receber as atualizações do blog no E-Mail.

1- Para adicionar este Widget é muito simples, basta ir no painel de configurações do seu blog, depois em Layout e em seguida adicionar um novo Gedget e selecionar o Gedget HTML/JavaScript. 

Que em seguida é só adicionar os códigos ABAIXO no Gedget criado.

<div class="widget-content"> <style></style> <center> <div class="feeds"> <div align="center"> <a href="http://twitter.com/COMPLETE com seu link"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaQzCMWrzDUgdQYkWN4fghPftzT9VkImHUgehf4hIhyfGQ4Jbe8XD3Sh_D9XuWQIjyHjylRTB5yd56D7Zh_dwLe7m9TIpMLl7lfKYLEsJBlHhyYkTdDCnU6EfYPX8m-ZSsJbk1JWzdGY5B/s64-no/twitter_active.png" alt="" /></a> <a href="http://youtube.com/COMPLETE com seu link"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsNayMQV39DnFrKLFeI29jRvXb5oY90CPQJ_xIUR-eiaBDk4dEEx1DtKf8KcYaq1-IgMgj5o5U6YbNSuKbBtIe0sfZkR67R4fnlbLPQyZOlL2_qxOqMWKdLvabDyyNjKWLwzBH6MNLGEE2/s64-no/youtube_active.png"" alt="" /></a> <a href="http://facebook.com/TheHackerFelix"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh5lh8IHjk0iJtFcjbvSXgQAodm3ql7e_T9AbCeGAwHiOCBvzDdKLo-kNWfvTKjgfNBj76xmUmLFcHvjTH8VxZy4uO_LID0He-n4syLtOe6d-pQUEy3OPPqBgkCi4p3x_jIBhDwHcIYejZ/s64-no/facebook_active.png" alt="" /></a> <a href="COMPLETE com seu link do GOOGLE PLUS"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6TD-R9JlBCPNpX61LilT5ERltFlncx4tlmQakW3oQXukhms4eQhtjgBLWmUXF5D8TkqMEyIuGUbsgpOgedlrAuuMsgrHQ1cunz6EXwnldH-MhoDWAoQVJtSY_VwJa12SZ3xbuCku_SHLR/s64-no/google_active.png" alt="" /></a> </div> <form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=PDPDPD', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow"> <div align="center"> <input onblur="if (this.value == '') {this.value = 'Digite aqui seu e-mail';}" onfocus="if (this.value == 'Digite aqui seu e-mail') {this.value = '';}" name="email" class="campo-de-texto" id="campo-de-texto" style="display: initial;" value="Digite aqui seu E-Mail" type="text" /> <input value="ADD AQUI O NOME DO SEU FEED" name="uri" type="hidden" /> <input name="loc" value="pt_BR" type="hidden" /> <input id="enviar" class="mais" style="width: 70px;margin-top: 1px;font-size: 15px;" value="ASSINE" type="submit" /> </div> </form> </div> </center> </div>

2- Em ADD AQUI O NOME DO SEU FEED No link a cima, você somente vai adicionar o nome do seu FEED, para que o visitantes se registrem em seu blog por E-Mail, se não sabe adicionar o nome do feed, Veja na imagem abaixo.

3- Para os links nas redes sociais preste atenção onde pede COMPLETE com os links de suas redes.

Feito isso é só salvar o Gedget e selecionar o lugar na Lateral do BLOG onde quer colocar e pronto.

Duvidas? Deixe seu comentário abaixo.

COMPARTILHE ESTA POSTAGEM!

SOCIALIZE →

Tweet

COMPARTILHE →

Powered By: BloggerYard.Com