26/12/2011

Códigos HTML Mais Usados em Artigos por Blogueiros

Postado por Unknown  |  at  26.12.11 Não ha Comentários

Se você tem um blog e deseja deixar seus artigos mais organizados e bem feitos vou mostrar alguns códigos HTML que costumo usar na criação de meus artigos para deixar mais bonitos e atraentes. 

No inicio de criação de um artigo é bom prestar bastante atenção na hora de clicar publicar é por que em algumas plataformas de blog não disponibiliza ferramentas HTML necessária na configuração de texto de artigos ou imagens.


1° EXEMPLO. Ao colocar um Banner  de Programas de Afiliados em seu blog é necessário que utilize o atributo  rel=”nofollow” entre o link de redirecionamento, o Google enxerga o atributo como uma forma de não dar pontos ao distribuidor, e ele deve ser adicionado aos links sempre que ele for originado de: Programas de Afiliados, Parcerias e  Venda de publicidade, como nesse exemplo.

<a rel=”nofollow” href="http://www.recargaplus.com.br/945"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRXq56IHFcb6yiAVDuIK5UH7t9IphPfRCn-La3oRxviqaPZwNlQjUwwjZqEIBnNABN6DZN_UcQi6WC5ZzDNyPO_z2gQoJiK8589uz0AVfPgH_YeokMeQvuNPGPx35OTHzC3u4zAkOGYsQ/s411/389x108.png"/></a>

Isso serve tanto para Links quanto para imagens.

2° EXEMPLO. Quando você cria um artigo e publica, ele automaticamente aparecerá da mesma forma que você digitou, inteirinho na pagina inicial. Mas se você quiser encurtar o artigo recomendo que use o código HTML abaixo.

<!--more--> 

Ele vai encurtar seu artigo como nesse exemplo.
Você deve escolher o local em seu editor HTML no seu artigo e adicionar o "more".

3° EXEMPLO. Alguns Banners de Programas de Afiliados não usa o atributo   target="_blank" que possibilita abrir uma pagina separada de seu blog impedindo que o seu de espaço para outro na mesma aba. Aconselho também que utilize o atributo para facilitar a vida de seus leitores, como nesse exemplo.

<a href="http://www.recargaplus.com.br/945" target="_blank" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRXq56IHFcb6yiAVDuIK5UH7t9IphPfRCn-La3oRxviqaPZwNlQjUwwjZqEIBnNABN6DZN_UcQi6WC5ZzDNyPO_z2gQoJiK8589uz0AVfPgH_YeokMeQvuNPGPx35OTHzC3u4zAkOGYsQ/s411/389x108.png"/></a>

colocar o --     target="_blank"    --depois das aspas no link da pagina de sua escolha.

Você pode colocar os dois códigos HTML do 1° e 3° EXEMPLO juntos para adiantar o serviço desse jeito.

<a rel=”nofollow” href="http://www.recargaplus.com.br/945" target="_blank" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRXq56IHFcb6yiAVDuIK5UH7t9IphPfRCn-La3oRxviqaPZwNlQjUwwjZqEIBnNABN6DZN_UcQi6WC5ZzDNyPO_z2gQoJiK8589uz0AVfPgH_YeokMeQvuNPGPx35OTHzC3u4zAkOGYsQ/s411/389x108.png"/></a>

4° EXEMPLO. Outros codigos que também costumo usar na criação de meus arttigos são:
Colocar Link com imagens em HTML tudo junto só substituindo 

<a href="URLLINK"><img src="URLdaimagem"/></a>

Colocar Link em texto. Exemplo.





<a href="http://WWW.muitomaisdinheiroweb.com">divulgue aqui</a>

Colocar Codigo HTML para adsense de alinhamaento de direita ou esquerda

<table width="0%" height="0%" border="0 align=" align="right"" cellpadding="3" cellspacing="3">

<tr>

<th scope="col">C?digo do Adsense aqui</th>

</tr>

</table>

O código está configurado para enviar os anúncios para direita, porém você também pode alterá-lo para esquerda mudando o campo align=”right” para align=”left”

Esses são alguns códigos HTML mais usados por mim na criação de artigos, você pode usar qualquer um deles sem erro em seu blog o que recomendo.

Sobre o Autor

Claudio Silva é Graduado em Tecnologia em Automação Industrial e Web Masters desde 2010

Receba as atualizações

Assine nossa newsletter e-mail para receber atualizações.

Compartilhe este Post

posts Relato

0 comentários:

Faça um Comentário!
Leia as regras:
Todos os comentários são lidos e moderados préviamente.
São publicados aqueles que respeitam as regras abaixo:

- Seu comentário precisa ter relação com o assunto do post;
- Em hipótese alguma faça propaganda de outro blog ou site;
- Não inclua links desnecessário no conteúdo do seu comentário;
- Se quiser deixar sua URL, comente usando a opção OpenID ou Nome/URL;


OBS: Comentários dos leitores não refletem as opiniões do blog.

Publicidade

Shopping

Cadastro

Digite Aqui o seu e-mail e Baixe nossa Coleção de e-books Gratis:

Cadastro Gratuito

Fique sempre atualizado!
Cadastre-se e receba nossas novidades em seu e-mail.
Desenvolvido por MMDW

Clique +

Copyright © 2013 Muito Mais Dinheiro Web. WP Theme-junkie converted by BloggerTheme9
Blogger template. Proudly Powered by Blogger.
back to top Related Posts Plugin for WordPress, Blogger...