ELEMENTOS PARA WEBSITES 4-PSD TEMPLATES

0 comentários
Continue Lendo==>>

ELEMENTOS PARA WEBSITES - PSD Templates

0 comentários
Continue Lendo==>>

Stock vector-elementos para websites

0 comentários
Continue Lendo==>>

Solucione definitivamente a questão do conteudo e titulos duplicados

22 comentários
Ao ler o post celebrando FalconHive , percebi um ponto importante foi esquecido por mim. Apesar de eu ter escrito artigos sobre importância da Meta tags e como adicionar meta tags para páginas específicas , mas a solução para um erro grave que é muito comum em quase todos os do Blogger ficou sem resposta até agora neste blog. Os erros ou problemas no / BlogSpot blogs Blogger é a duplicação da descrição de meta tags e títulos de página.
Antes de eu lhe dizer a razão por trás desses erros, vamos ver quais são as consequências desses erros:
Devido a alguma destas questões, os motores de busca como Google e Yahoo pode considerar como o seu blog cheio de conteúdo duplicado e títulos, o que pode confundir o seu algoritmo, o que pode levar à penalização do seu blogue.
Agora, as razões que o blog tem esses erros:
No Blogger, mas você pode adicionar tags meta para o modelo com facilidade , mas estes tags são então utilizados para o blog inteiro (todos os lugares).  Assim, a tag descrição, que serve apenas para a página principal / é copiado e é exibida para todas as páginas.  Agora, o Google assume que todas as suas páginas estão tendo o mesmo conteúdo, que é um crime grave no motor de pesquisa Língua!
2.  A segunda edição de títulos duplicados surge porque o Google indexa posts e comentários em separado, e, enquanto comentários de indexação, que indexa os posts mais completo. Agora, este é o lugar onde um grave problema de duplicação de conteúdo e títulos ocorre.
  Portanto, você deve remover estes erros para fazer um bem sucedido e Blog Search Engine Optimized.
Finalmente a solução para os problemas:
:Em primeiro lugar, no modelo ( Blogger - Dashboard> - Layout -> Editar HTML) encontrar (CTRL + F) o código meta tag descrição, algo como isto:<meta content="GENERAL_DESCRIPTION_HERE" name="description"/>
Agora coloque a tag em um "se" condição, de modo que será exibido somente na Home Page: 
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content="GENERAL_DESCRIPTION_HERE" name="description"/>
</b:if> 
Agora salve o modelo.
2. Para a segunda edição (títulos duplicados), na mesma página (Layout -> Editar HTML), clique em "Expandir modelos de widgets".
  Em seguida, localize (CTRL + F) o seguinte código:
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
  Substitua o código inteiro com esse novo código:
<b:if cond='data:post.commentPagingRequired'>
<a expr:href='data:comment.url' title='comment permalink'>
<data.comment.timestamp/> </a>
<b:else/>
<a expr:href='data:blog.url + &quot;#&quot; + data:comment.anchorName'
title='comment permalink'> <data:comment.timestamp/> </a>
</b:if>
  É isso aí.  Agora, dentro de uma semana ou duas semanas, você poderá ver a diferença e trouxe melhoria para o seu blog por este método!
NOTA: Para o meu próprio blog que levou cerca de 10-15 dias para obter estes erros removida do Google.
Para ver as mudanças, você deve ter uma conta no Google Webmaster Tools é . Uma vez que você efetuar login em sua conta, você pode ver os erros de diagnóstico -> Análise de Conteúdo.
Créditos para o hack 2: Cranked.Me
** UPDATE: Esta imagem será melhor explicá-lo, como o Google considera a mesma página de duas páginas diferentes com o mesmo título e conteúdo, apenas porque os comentários índices separadamente:
titulos duplicados
** UPDATE: Graças a este corte, agora no meu blog ( www.tudoseo.com )  o número de meta tags e títulos duplicados caiu de cerca de "250 e 80" para "7 e 28" no prazo de 20 dias. Agora, o Google visita mais freqüentemente  este blog devido a menos (os chamados) conteúdo duplicado:)
Etapa 2. Wrap blog archive widget Wrap widget Blog Archive
  Blog widget arquivo para o Blogger é muito agradável, porém tem um mau hábito de gerar links longo Google não entende.  Isto leva a duplicar as questões de conteúdo e meta tags duplicadas título descrições /.  É fácil de reparar, no entanto, clique em: Chave do pequeno ícone em seu widget arquivo do blog, e escolher a opção lista simples na janela de configurações:
configurando arquivo do blog />
  Não se esqueça de pressionar o botão Save:)
  Etapa 3.  Remover comentários recentes widget
  Widget comentários recentes é feito através da criação de um widget de alimentação com http:// <yoursiteurl> / feeds / comments / url padrão como fonte de alimentação. É bacana ter, no entanto, ele fornece os motores de busca com links para os comentários do seu blog, o que tentamos evitar (porque o conteúdo comentário vai para os motores de busca índice 'na sua página post anyway). Remova o elemento ou usar o widget javascript comentários recentes . (A um javascript, no entanto, poderia diminuir o tempo de carregamento da barra lateral um pouco).
  Depois de seguir as instruções fornecidas aqui, o Google Webmaster Tools não vai incomodá-lo com as tags duplicadas título / tema meta descrições como não haverá nenhuma (que leva tempo para o Google para rastrear todos os re-seu site, assim que seja paciente, demora cerca de 03/02 semanas).  Isto irá aumentar o seu motor de pesquisa rankings um pouco, pois o Google acredita que o seu site é "amigável Google" (e de fato é).


  No próximo post vou descrever como ensinar Blogger para destacar seus comentários com cor diferente ou estilo, por isso certifique-se que assine o meu feed RSS .
  Boa sorte e aproveite o Google Webmaster Tools experiência:)


Continue Lendo==>>

Video-aula/curso completo de webdesigner

0 comentários
curso completo de webdesigner
Um Dos Melhores Curso Completo de Web Desing, DREAMWEAVER, FIREWORKS, FLASH...
Tudo em Video aula. Este curso é muito bom para quem está querendo trabalhar com WEB. No final deste curso jah da pra sair fazendo Web Page e até mesmo poder ganhar uma grana fazendo seus Sites.
Obs: Este curso é em 3 modulos sendo q o MD01 Foi dividido em 2 partes com o hjsplit depois de baixado junte com o Hjsplit e depois renomeie o arquivo juntado CURSOMD1.RAR e extraia, O MD02 está normal soh baixar e extrair, O MD03 tbm foi dividido em duas partes baixe e junte com hjsplit depois renomeie o arquivo CURSOMD3.Rar E extraia
Estilo: Cursos
Desenvolvedor: WN/A
Tamanho: 336 Mb
Servidor: RapidShare
Formato: .RAR
Idioma: Português
Image and video hosting by TinyPic
Continue Lendo==>>

shvoong-ganhe dinheiro postando resumos e criticas

0 comentários
para afiliar-se a este fabuloso sistema, click no banner abaixo e ganhe uma boa grana...




shvoong-ganhe -dinheiro -postando -resumos - criticas
ah!já ia me esquecendo, você ainda ganha muitas visistas para seu blog/site...
Continue Lendo==>>

Como otimizar o título de seu post no Blogger

4 comentários
otimizando
Como otimizar o título de seu post no Blogger.
O Blogger utiliza as palavras do título do post que criamos para compor a URL da postagem.formando um sequência de palavras-chaves
Por esse motivo, se você cria um título com palavras que não têm a ver com o assunto da postagem, dificulta visitas vindas dos buscadores.
É importante também lembrar que não devemos usar caracteres especiais como acentos e sinais,pois os caracteres especiais são eliminados na hora da composição da URL.
Se, por exemplo, usamos a pergunta: "Você conhece um blog de dicas legal?" como título de uma postagem, a URL desse post aparecerá assim:
http://meublog.blogspot.com/2010/11/voc-conhece-um-blog-de-dicas-leg.html.
Isto é, serão eliminados a letra "ê" de você e o ponto de interrogação "?". Note também que o link mostra a palavra "legal" pela metade. Ou seja, em vez de "legal", aparece "leg.".
Desse modo, um título muito comprido será publicado pela metade.pois o gole elimina as letras que ultrapassarem os 32 caracteres e também os caracteres especiais..
Eis uma dica que utilizamos no spyget para resolver esse problema, e otimizar o título para os motores de busca:
1) Escreva o título como você gostaria que ele aparecesse no seu blog.
2) Selecione as palavras-chave desse título.
3) Escreva só as palavras-chave como título do post.
4) Antes de publicar o post, clique em Visualizar. Na página de visualização é mais fácil a contagem das letras. Deixe somente as 32 letras iniciais.
Como publicaríamos o título: "Você conhece um blog de dicas legal?"?
1) Escreveríamos no título: "Voce conhece blog dicas legal" e visualizaríamos para melhor contar as letras. Por aqui dá pra ver que só tem 29 caracteres.
2) Salvaríamos esse título incompleto.
3) Retornaríamos à postagem e alteraríamos o título para aquele que pretendemos: "Você conhece um blog de dicas legal?".
Veja que primeiro salvamos o título desse artigo como: "otimizar titulo post blogger"
(Encoste o mouse no título do post e veja as letras no rodapé.)
Depois corrigimos o título para "Veja como otimizar o título do post no Blogger".
(Esse é o título que você vê na postagem.)
É isso.
Continue Lendo==>>

COMO FAZER UM MAPA DO BLOG PARA BLOGGER

2 comentários
 COMO FAZER UM MAPA DO BLOG PARA BLOGGER
Que tal ter uma página no seu blog, onde estão todas as suas postagens organizadas por data? Poderíamos chamar essa página de Mapa do Site ou Arquivo do blog e ela pode ser bastante útil quando um visitante não consegue encontrar algum post específico no seu blog usando a pesquisa ou mesmo se este visitante quiser ler tudo o que você já publicou.
Se quiser ver como é uma página assim, dê uma olhada na que eu criei no meu blog neste link. Se quiser uma página igual para o seu blog, siga o tutorial abaixo.
Primeiramente crie uma nova página no seu blog (1)  e entre no modo de edição HTML (2). Copie o código abaixo, alterando a parte em vermelho pelo endereço completo do seu blog. Cole o código no html da página (3) e clique em publicar agora.

<script src="">
</script><script src="http://SEU SITE OU BLOG/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">
</script><script type="text/javascript"></script><script src="http://yourjavascript.com/01565213111/mapadoblogtudoseo.js" target="blank" type="text/javascript"></script>
sitemap_blogger
Veja o resultado do arquivo do tudoseo, na imagem abaixo:
pagina do mapa do blog

Observações:
Percebam que existe um valor neste URL que indica o número de posts a serem exibidos; no exemplo acima este valor está definido como 1000, pois eu queria mostrar todas as postagens do meu blog no mapa. Altere o valor conforme a quantidade de posts do seu blog, colocar sempre um valor bem acima do número de postagens do seu blog vai garantir que todas sejam mostradas.
Continue Lendo==>>

como reduzir distancia entre o formulario de comentários e o post

0 comentários
Vários templates possuem uma distancia muito grande de seu  formulário de comentários para link de navegação, e com isso deixa o template, mais feio.
Para resolver esse problema que a maioria de nos blogueiros possuímos, e super fácil e rápido,
Para diminuir temos que ir até o Editar Html, e clicar na caixa "Expandir modelos de widgets" e então localizar o código abaixo

<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</script>
</div>
</b:includable>
Após achar o código, localize height='410'(que esta marcado na cor vermelha) e altere para height='290'
Depois Visualize e se estiver tudo certo salve. e pronto esta terminado
Continue Lendo==>>

favicon no blogger como colocar corretamente

0 comentários

 favicon no blogger como colocar  corretamente

Favicon - Palavra derivada de favorite (favorito) e icon (ícone), são pequenas imagens no formato *.ico com de cerca de 16x16 pixels que ficam guardados em um site para visualização pelo navegador.

favicon
Não são somente imagens no formato .ico que podem se tornar favicons, os browsers (navegadores) tem se atualizado para suportar diversos tipos de imagens, como png, gif e jpeg [jpg].
fonte: Wikipédia
Favicon no blogger
Os favicon também tem teor de acessibilidade pois ajudam um usuário comum a identificar uma página quando ela está exibida em uma lista ou em uma barra de abas. Visando isto, muitos favicons são imagens simplificadas do logotipo da marca que representam.
Na ausência de um favicon, os navegadores exibem seu próprio ícone ou um ícone padrão como uma folha em branco.

Como inserir um favicon no Blogger / Blogspot

você deve inserir o seguinte trecho de código:
  • <link href="favicon.ico" rel="shortcut icon"
  • type="image/x-icon" />
O trecho em vermelho deve ser substituído pelo endereço url de sua imagem.
Além disto, o ícone deve estar em formato *.ico ou *.png (não sei se o blogger suporta outros formatos) e recomendamos que você renomeie as imagens como favicon.
Veja o resultado nesta imagem. O navegador utilizado foi o Firefox.

Criando um favicon

Pode-se criar favicons apartir de qualquer aplicativo grafico que suporte o formato ico, caso salve a imagem como icone. Existem tambem diversos site que lhe oferecem diversos modelos de icones para serem baixados e usados como favicon, outros permitem que você exporte uma imagem em tamanhos e formatos diversos em favicon.
A lista de sites abaixo permite upar a imagem que a transformará em um favicon em formato e tamanhos diversos.
Html-kit
Favicon.cc
Chami.com
256pixels.com
Veja este artigo, ele lista 21 sites que convertem e criam favicons. E como colocar favicon é um parte do processo de deixar seu blog mais profissional, eu indico a leitura deste outro post que trata sobre o novo Pagelayout do google
Continue Lendo==>>

como resumir post na home com imagem automaticamente

0 comentários
O Blogger já oferece a possibilidade de colocarmos um link "Leia mais" dentro da postagem, que ajuda muito quando as postagens forem muito extensas e carregadas. Além de dar um visual mais organizado no blog, carrega mais rapidamente o blog e somente a página que o usuário quer ver. Porém há como fazer com que seu blog automaticamente crie o link leia mais para todas as postagens. Confira:

1º passo - incluir o script no template
Entre na página 'Layout' → 'editar html'(não precisa clicar em 'expandir modelo de widget') e procure pela tag </head> e cole esse código abaixo ANTES dessa tag:
<!-- JavaScript Resumo do Post -->
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 450;
summary_img = 400;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);} }
strx = s.join(""); }
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...'; }
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
if(thumbnail_mode == "float") {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
} else {
imgtag = '<div style="padding:5px" align="center"><img style="max-width:'+img_thumb_width+'px; max-height:'+img_thumb_height+'px;" src="'+img[0].src+'" /></div>';
summ = summary_img;
}}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;}
//]]>
</script>
<!-- JavaScript Resumo do Post - Fim-->
Caso tenha dificuldades em copiar o código acima, copie o conteúdo deste arquivo.txt e cole-o ANTES da tag </head>.
Como este script mostra uma miniatura da imagem do post junto com o resumo do texto, você pode personalizar a quantidade de caracteres que aparecerão no resumo e o tamanho da miniatura da imagem do post, desta forma:
Em summary_noimg → é aqui que você vai indicar a quantidade de caracteres para os resumos se o texto não contiver imagem.
summary_img → Indique o número de caracteres do resumo para o texto que contiver imagens
img_thumb_height → Indique a altura da imagem
img_thumb_width → Indique a largura da imagem
Visualize e Salve!
Agora vamos a 2ª etapa.


2º passo - edição no html
Volte á pagina de 'layout' → 'Editar html', clique em 'expandir modelos de widgets' e procure por:
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Apague tudo e substitua por:
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span id='showlink'><a expr:href='data:post.url'>Leia Mais &#9658;</a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
A palavra "Leia Mais" se refere ao texto do link que aparecerá no post, na sua página inicial, é onde o leitor ao clicar,e direcionado à página do post completo. É neste espaço que você coloca o texto que preferir (Ex.Continue Lendo,Ler Todo Artigo, Leia Mais, Ver Conteudo etc).
Você pode também personalizar o link "leia mais", de diversas maneiras,substituindo o texto por uma imagem, ou acrescentar uma imagem ao texto do link, com uma seta, por exemplo.
veja como logo abaixo:


3º passo - Personalizando o Link 'Leia Mais':
Para substituir o texto por uma imagem, procure por este trecho:
<span id='showlink'><a expr:href='data:post.url'>Leia Mais ►
E substitua o texto 'Leia Mais' por:
<span id='showlink'><a expr:href='data:post.url'>
<img src="URL-DA-SUA-IMAGEM" />
Para incluir uma imagem ao texto 'Leia Mais', acrescente logo em seguida a ele:
<img src='ENDEREÇO-DA-SUA-IMAGEM'/>

4º passo - aplicar estilos CSS:
Se você quiser, poderá também personalizar estilos para o link 'Leia Mais', para isto, basta incluir o seguinte código logo ACIMA da tag ]]></b:skin> :
#showlink {
font-size: 11px; /* escolha o tamanho da fonte para o link */
float: right; /* escolha se quer link flutuando à esquerda ou direita */
margin-right: 30px; /* aplique margens para posicionar link */
margin-top: -8px; /*a margem negativa para o topo aproxima o link do texto do post */
font-weight: bold;
}


#showlink a {
color: #ffffff; /* escolha a cor de seu link */
}


#showlink a:visited {
color: #cccccc; /* escolha a cor de seu link quando visitado */
}


#showlink a:hover {
color: #000000; /* escolha a cor de seu link quando passa o mouse em cima */
}
Continue Lendo==>>
setaretornoaotopo