3 formulários de pesquisas customizáveis e adaptáveis a qualquer layout

3 comentários
formulrio-de-pesquisas-custumizvel_t



Recentemente, mais precisamente no inicio do deste ano, em fevereiro, disponibilizei aqui uma caixa de pesquisa que fez muito sucesso, por ser única e que agregava valor ao seu blog ou site, pois todas as pesquisas feitas, eram transformadas em um pesquisa a sua url via google, o que lhe dava alguns bônus de autoridade para sua url.. mas, na ocasião um de meus leitores, fez a seguinte pergunta:

Como eu faço pra colocar um texto dentro da caixa de busca?

Infelizmente não posso dar os créditos a pergunta, pois o mesmo estava logado como anônimo. Então como a dúvida dele pode ser a de muitos resolvi disponibilizar algumas formas de se editar este e qualquer outro formulário de pesquisas que você tenha em seu blog ou site. então  vamos ao que nos interessa:

Nota: o formulário de pesquisa ocupa o mínimo de espaço em blogs e sites, e essa é uma razão pela qual sempre é ignorado . Especialmente, quando se é novo em HTML, CSS ou design do site em geral, deixam este item sempre relegado a segundo plano no contexto geral do designer, mas em se falando de usabilidade ele tem uma importância fundamental. Então, para facilitar esta tarefa, irei disponibilizar três formulários de pesquisas que você possa ter visto por ai na rede. estarão  pronto para personalização, você apenas tem que copiar e colar o código HTML e os estilos para seu modelo e alterar os valores de acordo com seu gosto e  estará pronto.

Colocar texto dentro de formulários de pesquisa

Três linhas de argumentos foram adicionados para uma mensagem para aparecer dentro de cada formulário de pesquisa em uso (ONFOCUS).


value = "Digite e tecle enter para pesquisar" onfocus = "if (this.value == this.defaultValue) this.value ='';" onblur = "if (this.value =='') this.value = this.defaultValue;"

É obrigatório declarar  o valor do CCS background-color,  porque o navegador   Opera  tem configurações de fundo transparentes para formulário de pesquisas por padrão do navegador...

FOMULARIO DE PESQUISAS PADRÂO:


<div class="custom-search-form1"><form method="get" action="/search"><div><input name="q" size="26" type="text" value="Type and hit Search" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" class="custom-search-box1" /><input type="submit" id="btw" class="btn-1" value="Search" class="btn" /></div><br class="clear" /></form></div>


Estilo bloco Inserir no seu CSS.


. Custom-search-form1 { background: # fff url (insert_image_url.jpg) no-repeat; color: # 515151; border: 1px solid # d7d7d7; padding: 10px 0 0 8px; width: 282px; } . Custom-search-box1 { background: # fff; border: 1px solid # ddad08; padding: 7px 0 0 8px; margin: 0 0 0 0; color: # 515151; font-weight: normal; font-size: 13px; height: 16px; width: 210px; } . Btn-1 { padding: 2px; margin-right: 8px; width: 52px; height: 25px; }

Formulário 2 - Formulário de pesquisas com botão
Este Formulário de Pesquisas tem sua largura definida de 291px e podem ser diferentes se instalado em largura diferente. Ajuste os valores de largura. Sua formatação assim,para que os quatro cantos sejam clicáveis.

<div class="custom-search-form2"><form method="get" action="/search"><div><input type="submit" id="btw" class="btn-2" value="" /><input name="q" size="26" type="text" value="Type and hit enter or search button" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" class="custom-search-box2" /></div><br class="clear" /></form></div>

Estilo bloco Inserir no seu CSS.

. Custom-search-form2 { background: # fff url (insert_image_url.jpg) no-repeat; color: # 515151; border: 1px solid # d7d7d7; width: 282px; padding: 0 0 0 0; margin: 0 0 0 0; } . Custom-search-box2 { background: # fff; border: 1px solid # ddad08; padding: 7px 0 0 8px; color: # 515151; font-weight: normal; font-size: 13px; height: 17px; width: 219px; position: relative; top: 23px-; left: 26px; } . Btn-2 { position: relative; top: 10px; esquerda: 9px; height: 40px; width: 263px; }

Se preferir usar CSS imagens de fundo, basta definir a cor de fundo para transparente, fronteira a 0, o cursor para cursor e, em seguida, adicionar uma imagem de fundo.
Formulário 3 - Sem botão

<div class="custom-search-form3"><form action="/search" method="get"><input name="q" size="26" type="text" value="Type and hit enter to search" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" class="custom-search-box3" /></form></div>

Estilo bloco Inserir no seu CSS.

. Custom-search-form3 { background: # fff url (insert_image_url.jpg) no-repeat; color: # 515151; border: 1px solid # d7d7d7; padding: 10px 0 0 8px; width: 282px; } . Custom-search-box3 { background: # fff; border: 1px solid # ddad08; padding: 7px 0 0 8px; margin: 2px 0 23px 0; color: # 515151; font-weight: normal; font-size: 13px; height: 16px; width: 263px; }

A intenção destes 3 formulários de pesquisas é a simplicidade,e faz com que seja  fácil de personalizar os treis.Os formulários 1 e 2 terão possibilidade de apresentar problema de cross-brouser, mas o 3 não. pois a tecla enter esta sendo usada para informar aos visitantes que eles só precisam pressionar a tecla enter depois de digitar o termo pesquisado.
Bom espero que estes 3 formulários de pesquisas, mas o que já disponibilizei anteriormente sirva para melhorar a interação de seus leitores em seus magníficos sites e blogs, estarei esperando como de costume a avalanche de perguntas..
 


Continue Lendo==>>

5 Segredos para um ranqueamento elevado nos motores de buscas

0 comentários

5 Segredos para  um ranqueamento elevado nos motores de buscas

motores de buscas



O Google, muda frequentemente seus algoritmos, que determinam os fatores de Ranqueamento. O que é certo hoje, amanhã poderá não ser mais. Assim como o Google, as mídias sociais estão também engajadas nestas mudanças.  Conteúdo de qualidade e estar nas mídias sociais, são hoje, fatores altamente relevantes, na classificação de um conteúdo.

O Google autoria, lançado ano passado, Orienta autores a construírem uma marca de valor, bem como uma boa reputação. O Google autoria permite que autores divulguem seu conteúdos. para esta divulgação, basta estar logado na conta do Google. Hoje tornou-se vital para os autores aproveitarem estas ferramentas e tirar proveito delas para classificação positiva de seus textos.
A mídia social é também uma  forma eficiente de tornar seu site ou blog popular, pois hoje é através destas mídias, que a maioria dos leitores buscam informações na rede.Tenha sempre um botão de compartilhamento em seu site para que qualquer um  compartilhe seu conteúdo com outras pessoas.  crie e vincule contas de redes sociais ao seu blog, para que você possa também compartilhar com seus seguidores. Tenha em mente que o Google+, é essencial nesta tentativa de divulgação de seus textos, pois não poderia ser de outra forma, afinal, uma rede social do maior indexador de conteúdo da internet, teria que ser obrigatoriamente a mais importante neste propósito.

Outra forma de se obter Ranqueamento é através de  "backlinking".Mas algo mudou, e mudou para melhor,... ou seja, não é mais a quantidade que vale, e sim a qualidade dos links, portanto, faça ligações com sites ou blogs que tenham uma autoridade boa em seu nicho. Tente conseguir convites para escrever em sites ou blog que tenham esta autoridade elevada,  sua reputação aumentará e seus textos serão melhor ranqueados e alavancarão o ranque de seu blog ou site.
Acrescente vídeos em seus textos, pois isto, aliado a muitas imagens, ajudam na valorização de seu blog ou site, o que faz prender a atenção dos seus leitores em relação a sua concorrência. uma forma de se fazer isto, é através de vídeo-aulas  postadas no Youtube , pois isto, trará muitos leitores ao seu blog ou site.

Outro fator importantíssimo atualmente, é tornar seu site ou blog compatível com plataformas móveis, afinal, hoje a grande maiorias dos acessos estão sendo através destes dispositivos, estar apto a usufruir desta gama de leitores, aumenta a sua acessibilidade, e conforme disse, não desconsidere esta possibilidade!

Todas estas mudanças nos algoritmos, estão em sua maioria voltadas a combater a proliferação de conteúdos de spam e de baixa qualidade. Afinal, quem busca conteúdo, busca qualidade sempre. Espero que esta minha breve explanação sobre este assunto, possa servir aos meus leitores a agregarem valor em seus sites e blogs, e tenham a certeza de uma boa classificação nos Motores de buscas e obtenham o tão sonha sucesso! 



Continue Lendo==>>

Colocando widget de comando de tecla de seta no blog

0 comentários

widget -no -blog-teclas-de-seta
Sempre que falo ou escrevo algo sobre SEO tento na medida do possível falar algo sobre usabilidade, pois acredito que o SEO esta para usabilidade assim como a bicicleta esta para o guidom...
então dando continuidade a este assunto, vou disponibilizar abaixo um script que torna a navegação mais simples... pois agrega mais uma função ao seu blog... infelizmente, este widget que segue é apenas para a plataforma blogger.
     E a esta altura, você deve estar se perguntando, para que serve este novo widget, e o pior! que widget é este?

     Bom, conforme disse a função dele é facilitar a navegação, proporcionando a possibilidade de que o usuário possa através das teclas com seta a direita e esquerda, bem como as setas acima e abaixo de seu teclado sejam utilizadas nas paginas de seu blog....

Este widget é muito simples e limpo e você pode ver uma demonstração desta ferramenta  nesta página. Se você usar as setas acima e abaixo, você será capaz de navegar acima e abaixo nas páginas deste blog. Isso não funciona apenas nas páginas de postagem, mas também na home page e nos índices do blog. A  chave de seta de navegação Widget será desativado quando você está digitando algo em uma caixa de texto no blog (Isso foi evita que a página mude quando o usuário está digitando algo em uma caixa de texto e usa as setas do teclado para se mover este texto.).
Como remover o Widget
Se você quiser remover esse widget de, a qualquer momento, você pode fazer isso através da remoção da seta de navegação de página Widget na página de Layout.

Coloque o titulo que lhe convier para futura localização deste widget:
&lt;script type='text/javascript'&gt;
  document.onkeyup = function(event)
  {
  if (document.activeElement.nodeName == 'TEXTAREA' || document.activeElement.nodeName == 'INPUT') return;
  event = event || window.event;
  switch(event.keyCode)
  {
  case 37:
  var newerLink = document.getElementById('Blog1_blog-pager-newer-link');
  if(newerLink !=null) window.location.href = newerLink.href;
  break;
  case 39:
  var olderLink = document.getElementById('Blog1_blog-pager-older-link');
  if(olderLink!=null) window.location.href = olderLink.href;
  }
  };
  &lt;/script&gt; 
Estão, apois aplicar esta funcionalidade em seu blog, caso queira poderá avisar aos seus leitores esta função para que tomem conhecimento e passem logo a utiliza-la, qualquer sugestão ou critica a este post, faça um comentário e estarei eternamente grato por sua colaboração..


Continue Lendo==>>

crie caixa de ícones sociais elegante no rodapé do blog

0 comentários
icons-sociais-em-lote



crie caixa de ícones sociais elegante no rodapé do blog

Olá meus amigos leitores, sempre digo aqui, que a usabilidade do blog ou site é vital para o sucesso, mas tudo o que fazemos em nossos blogs e sites, visam tão somente a divulgação de ideias e conceitos, e ai, torna-se também vital a divulgação destas ideias e conceitos para um maior numero de pessoas para que possamos nos sentir uteis na sociedade, propagando coisas úteis, e neste item, nada supera as redes sociais, que desempenham um papel primordial na divulgação de novidades na rede.. então, para que todos tenham a mesma oportunidade, estou disponibilizando, dentre os muitos já apresentados aqui, este novo widget para redes sociais,que é simples de ser implantado, não requer nenhum conhecimento de html ou scripts, basta seguir os passos que indico e ele funcionara perfeitamente em seu blog ou site... então:

Vá ao painel do blogger e no menu “layout”,clique em'adicionar um gadget, no modo HTML/javascript cole o seguinte código abaixo:

poup-up para redes sociais


<script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'></script> <script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#mbsocial").show("slow");else $("#mbsocial").hide("slow");});function closeMBsocial(){$('#mbsocial').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script> <style> #mbsocial{background:#f3f3f3;border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;-moz-box-shadow:inset 0 0 3px #333;-webkit-box-shadow:inset 0 0 3px #333;box-shadow:inner 0 0 3px #333;padding:12px 14px 12px 14px;width:300px;position:fixed;bottom:13px;right:2px;display:none;z-index:3;height:100px;} .getmore a{display: inline-block;font-weight: normal;text-decoration: none;font-size:9px;color:#333!important; float:right;} .getmore a:visited{ color:#ddd;}</style> <div style="display: none;" id="mbsocial"> <a style="position:absolute;top:14px;right:10px;color:#555;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closeMBsocial();">(X)</a> <span style="font-family: Verdana; font-size: 15px; margin: 10px 0; text-shadow: 1px 1px 0 #FFFFFF;font-weight:bold;color:#555;">Siga-nos nas redes sociais!</span><br />  <a href="LINK-PAGINA-FACEBOOK" target="_blank"><img src="http://1.bp.blogspot.com/-FXL0E6RnH08/UQminUAsaGI/AAAAAAAAAN8/j4gToU0zdFo/s1600/Facebook.png" height="72" /></a> <a href="LINK-DO-TWITTER" target="_blank"><img src="http://3.bp.blogspot.com/-pxKhNAQi0EQ/UQmin2KcESI/AAAAAAAAAOI/GzwWqcLfoQI/s1600/Twitter.png" height="72" /></a> <a href="LINK-DO-GOOGLEPLUS" target="_blank"><img src="http://4.bp.blogspot.com/-Kwl0hnNDjws/UQmioQGP4_I/AAAAAAAAAOU/DExWUDguX_0/s1600/Google%2BPlus.png" height="72" /></a> <a href="LINK-DO-LINKEDIN" target="_blank"><img src="http://2.bp.blogspot.com/-Amr9foLL3Z0/UQmkRUPpCbI/AAAAAAAAAOg/wMNUe5Ey1uw/s1600/LinkedIn.png" height="72" /></a> <div class="getmore"> <a href="http://www.tudoseo.com/2013/11/crie-caixa-de-icones-sociais-elegante.html" target="_blank">adquira este widget </a> </div> </div>  <div class='clear'></div>

Importante!  ALTERARE os trechos marcados em vermelho, incluindo os links das suas redes sociais.

Recomendo que salve no seu pc, os ícones usados neste widget, e hospede-os no seu blog,caso não saiba fazer isto, siga este texto que ensina como hospedar imagens no próprio blog.

Após hospedar os ícones, basta substituir os endereços das imagens  de cada ícone.

Por favor, se tiver alguma dúvida, não hesite em perguntar, pois tenho imenso prazer em ajudar...
Continue Lendo==>>

SEO ON PAGE- fatores que você tem que considerar no projeto

0 comentários


imgem de seo on page
SEO ON PAGE-  fatores que você tem que considerar no projeto

SEO ON PAGE é considerado um desses processos de search engine optimization vitais que desempenham importância vital na obtenção de posicionamento no  topo do ranking na SERP.

SEO ON PAGE não consiste apenas em rechear palavras-chave na meta titles,ou na seção Meta descrição, é muito mais do que isso.

Na verdade, a técnica de seo on page  é a principio, a arte de como melhor potencializar as palavras-chave no contexto do conteúdo, tendo como foco, a obtenção de audiência para o site ou blog através da seção
  título ou na seção meta descrição do site, para que  ganhe sempre os visitantes através de  pesquisas com esse tópico ou termo em particular.

Palavras-chave devem ser inseridas no conteúdo do seu site, mas não deve ultrapassar um certo limite, e isto lhes digo por ser de grande importância para o sucesso de um bom projeto de otimização de suas paginas.

O seu site pode ter penalizado pelos motores de busca. Nós do tudoseo,  seguimos rigorosamente toda a regra estabelecida para este fim,

oferecendo um seo on  page de qualidade aos nossos clientes.

Os principais Pontos relevantes  de nosso serviço de otimização onpage são:

Realizamos criteriosa pesquisa de palavras-chave  relevantes para o conteúdo do site ou blog que possam agregar valor e ao mesmo tempo, ajudar no posicionamento na serp.

Somos especialistas em SEO, e temos vasta experiência em otimização on page.

Realizamos uma analise profunda e criteriosa no contexto geral de seu site ou blog inicialmente, para que o projeto possa ter continuidade.
Oferecemos preço em  nossos pacotes de otimização onpage que  está dentro do orçamento de qualquer empresa ou pessoas empreendedoras.

Um site ou blog precisa ser amigável aos motores de buscas para se ter sucesso na classificação de suas palavras-chaves na serp.

Mas uma  exposição profissional dinâmica ira facilitar a gerencia de seus negócios. Por este motivo, e ciente desta importante tarefa, oferecemos uma grande variedade de pacotes de otimização onpage para nossos clientes .
  Basta verificar os detalhes de nossos diferentes pacotes  de Otimização de paginas, e escolher aquele que se adeque às suas necessidades, e no seu orçamento.

Gostaríamos de merecer o crédito de cuidar de seu site ou blog, caso nos prestigie basta nos comunicar em nossa pagina de contato que logo entraremos em contato para iniciarmos uma boa negociação.....

Mauricio Ferraz

CEO marster Rio de janeiro

Agencia status-seo/RJ
Continue Lendo==>>

conheça o editor de sites gratuito-MoreMotion Web Expres 3

0 comentários




MoreMotion Web Express 3-caixa





O MoreMotion Web Express 3 é mais um editor de sites (em Inglês) de modo visual WYSIWYG (o que você vê é o que você tem) que permite que você crie sites com aparência profissional sem muita dificuldade.
Seu funcionamento lembra muito o CariBoost onde basta incluir e arrastar os elementos dentro da página.
Ele também possui um cliente FTP embutido que permite publicar seu site através do próprio programa.
Contras
Sua interface possui opções demais, o que torna seu uso um pouco confuso. Isso pode dificultar o desenvolvimento para pessoas completamente leigas.
Ele utiliza uma estrutura diferente para os arquivos que impossibilita trabalhar com templates já prontos.
Está no idioma Inglês.Conclusões
Este é um ótimo programa com recursos que permitem criar sites profissionais, porém é necessário um bom treino para dominar as ferramentas que o programa oferece.
Se você já utiliza o CariBoost e está cansado das propagandas e das limitações em sua versão gratuita o MoreMotion Web Expres 3 seria uma boa troca.





baixe o MoreMotion Web Express 3 neste link:
http://www.moryazilim.com.tr/downloads/mmWebExpress_en_v3.3.zip
Continue Lendo==>>

GANHE DINHEIRO COM SEU SITE ou blog-egrana

0 comentários

GANHE DINHEIRO COM SEU SITE

Este programa poderia ser uma bela alternativa aos programas de adesense e outros, filie-se o quanto antes
logotipo do programa de afiliados
O Egrana é um sistema de publicidade que paga por exibições de anúncios nos sites afiliados. Deixe que o Egrana cuide da publicidade em seu site, e use seu tempo para produzir conteúdo e visitas, sem se preocupar com cliques ou vendas. No Egrana é só exibir e receber!
O Egrana.com.br existe desde 2003, monetizando blogs e sites segundo suas visitas.
Vantagens no Egrana:
  • Valor mínimo para receber pagamento de apenas R$ 50,00.
  • Relatórios em tempo real.
  • Pagamentos efetuados mensalmente, de forma rápida.
  • Suporte 24 horas e 7 dias da semana.

Para filiar-se acesse  o egrana e inicie sua campanha já!


Continue Lendo==>>

Mapa do site-como melhorar a indexação do blog ou site

8 comentários

Mapa do site-como melhorar a indexação do blog ou site
como indexar seu blog automaticamente



O mapa do site é uma fatia muito importante de um bolo que chamamos de SEO, ele auxilia na indexação das páginas do seu blog pelo fato de conter todos os links agrupados por categorias, como se fosse uma blibioteca de links ou podemos chamar de linkoteca.
Vejo muitas pessoas reclamando por utilizarem a plataforma Blogger para a criação dos seus blogs e terem que fazer um mapa do site manualmente, elas têm toda a razão, pois é muito chato ficar colocando link por link a cada artigo escrito, a maioria, vamos dizer a maioria da maioria desistem e acabam perdendo os benefícios em termos de SEO.
Seus problemas acabaram!!!

Mapa do site ou blog


Para ter um mapa do site automaticamente no blogger é só:

 Copiar o código abaixo colocando a url do seu blog no local indicado.


<script style="text/javascript"src="http://yourjavascript.com/01565213111/mapadoblogtudoseo.js">
</script> <script src="http://seublog.blogspot.com/feeds/posts/default?max-results=
1000&alt=json-in-script&callback=loadtoc"></script>

Atenção, substitua a parte em vermelho por pela url de seu blog

* Entre na sua conta do blogger, no painel vá em “nova postagem”.


Painel do blog nova postagen



* Clique no modo “html”. Atenção! Em hipótese alguma clique no modo “visual” nem antes e nem depois de colar o código.


editar postagem html


* Cole o código e coloque a sua url do seu blog.
* Coloque a data bem longe de agora, para que o post do mapa do site não apareça como primeiro.



colocando data no mapa do blog


* Clique em “publicar postagem”
Agora pronto! Todo o artigo que você publicar será adicionado automaticamente ao mapa do site.
Não tem agora por que reclamar.
Você pode conferir um exemplo de como irá ficar o seu mapa do site conferindo o “Mapa do Site no meu tudoseo.com“.

Continue Lendo==>>

Saiba como redirecionar pagina de erro 404 para Homepage

4 comentários

Agora pressione "Salvar Alterações"

paginas de erro 404

Saiba como redirecionar pagina de erro 404 para Homepage

 

Blogger introduziu algumas ferramentas de preferências de busca, acerca de um ano atrás. E página de erro 404 foi uma delas. Se você é  usuário da blogger, você deve ter notado esse novo recurso painel de  configuração do blog. O erro 404 significa que a url dos sites ou blogs visitados não existem.
o 404 ou mensagem de erro é um código de resposta HTTP padrão, indicando que o cliente foi capaz de se comunicar com o servidor, mas o servidor não pôde encontrar o que o cliente solicitou.
Technorati Marcas:
imagem de pagina de erro 404

Erro 404

Ao  chegar ao seu site e, inesperadamente, o leitor percebe que não existe conteúdo disponível na pagina visitada, ele é comunicado deste erro com  o padrão do blogger com uma mensagem básica de  página de erro 404- "Desculpe, a página que você estava procurando neste blog não existe." . Aumentando muito as chances de se perder o leitor do blog. Desta forma, talvez você, gostaria de ter uma forma de tentar manter seu leitor em seu blog, evitando sua perda. Então sua solução esta aqui neste texto que estou lhe disponibilizando, na intenção de ajuda-lo a resolver este assunto definitivamente, onde através destes scripts, o seu leitor será redirecionado para uma determinada  pagina ou até mesmo para sua home Page.
Primeiro passo: Como redirecionar o seu leitor para sua home ou outra página qualquer..
Com este simples Java Script podemos fazer isso de uma forma muito fácil.
Vá para o Painel do Blogger e selecione o blog que quer incluir este script Navegue Configurações »preferências de pesquisa» página personalizada não encontrada  .
Clique em Editar e Colar o código fornecido abaixo:


Painel do blogger para configurar o erro 404




<img src="http://imageshack.us/scaled/thumb/12/f3wj.jpg">Desculpe, O URL solicitado não foi encontrado neste server,você será redirecionado para a página inicial em breve.<script type="text/javascript"> / / Blogger 404 Redirect v1.0 por Sam BSPNF_redirect = setTimeout (function () { location.pathname = "/" }, 5000); </ Script>

Redirecionar página de erro 404 para a sua homepage no Blogger
Para redirecionar para outra página, usar este código


<img src="http://imageshack.us/scaled/thumb/12/f3wj.jpg">
Desculpe, O URL solicitado não foi encontrado neste servidor.Você será redirecionado para a página inicial em breve.<script type="text/javascript"> / / Blogger 404 Redirect v1.0 por Sam BSPNF_redirect = setTimeout (function () { location.href = " SEU URL " }, 5000); </ Script>

Substitua SEU URL com qualquer endereço específico.

Método Alternativo 2: página de erro 404 para a página inicial do blogger
Caso não queira  usar Javascript por achar que isto possa atrasar um pouco o carregamento de seu blog, Então prefira usar uma meta-tag no cabeçalho de seu blog. Então siga os passos abaixo e logo resolveremos isto juntos:
Vá para o Painel do Blogger e Selecione o blog a ser implantado o redirecionamento:
Selecione "Modelo" e clique em Editar HTML
Agora, procure por </ head> e cole o código abaixo antes dela: mas atenção troque o B no fechamento por b minúsculos e retire o espaço entre a barra e o B....


<b:if cond='data:blog.pageType == "error_page"'> Desculpe, O URL solicitado não foi encontrado neste servidor.
Você será redirecionado para a página inicial em breve.
 <Meta content = '5; URL = http://www.tudoseo.com/ "http-equiv =" refresh "/> </ B: if>

Substitua http://www.tudoseo.com pelo endereço do seu blog.
Caso tenho alguma dúvida pergunte, estaremos sempre a disposição para esclarecer suas dúvidas.. e sucesso sempre para seu blog..











Continue Lendo==>>

Como colocar o titulo do post a frente do nome do blog para SEO

20 comentários




Primeiramente vale relembrar que SEO - Search Engine Optimization é a estratégia utilizada para que o seu blog / site fique melhor localizado nos sites de busca como Google e Yahoo.

Uma das dificuldades para quem tem blog utilizando a plataforma blogger é a dificuldade em otimizar, já que em outras plataformas - como wordpress - existem plugins que realizam essa tarefa de forma fácil.

titulo do post na frente do titulo do blog na serp 
Uma das coisas que sempre me incomodou aqui no blogger é o fato de nos resultados das buscas aparecer sempre o nome do blog primeiro ao invés do título do post.
Por ex: se alguém busca no google por: Atualização de Pagerank e você tem um post com esse mesmo nome seria muito mais fácil você aparecer entre os primeiros se o nome do seu post viesse primeiro e não o nome do seu blog.
Resumidamente o que queremos fazer é o seguinte:

TÍTULO DO POST | TÍTULO DO BLOG
ao invés de
TÍTULO DO BLOG | TÍTULO DO POST

Para realizar isso basta seguir os seguintes passos:
1 - Faça o login em sua conta do Blogger
2 - Entre na guia Layout
3 - Vá em editar Html
4 - Procure pelo seguinte código:
     <title><data:blog.pageTitle/></title>
5 - Retire o código e coloque esse no lugar:
<!-- Start www.bloggerplugins.org: Changing the Blogger Title Tag --> <b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.pageTitle/></title> <b:else/> <title><data:blog.pageName/> ~ <data:blog.title/></title> </b:if><!-- End www.bloggerplugins.org: Changing the Blogger Title Tag -->
Basta visualizar e ver se não houve nenhum erro e se estiver tudo certo é só salvar!
Lembre-se de antes de qualquer modificação no seu template salve o modelo completo, se algo der errado é só utilizar o backup.
mas dicas sobre otimização de post você encontra neste artigo
Como otimizar o título de seu post no Blogger
Essa dica eu encontrei AQUI.
Continue Lendo==>>

Algoritmo beija-flor ou colibri (Hummingbird)do google traz mudanças importantes

0 comentários
beija-flor do google
beija-flor algoritmo do google
A aproximadamente um mês, o google promoveu mais uma atualização em seu algoritmo, e o que antes assustava a grande maioria, através dos famosos (Panda e Pinguim), agora apavora,e com muita propriedade a muitos webmasters  através do beija-flor ou colibri ou ainda também,   em sua língua nativa o (Hummingbird).Pois  o que se pode perceber, é  que  nesta ultima atualização o google promove uma verdadeira mudança em questões de como o usuário terá acesso as palavras-chaves (keyboards) para ter sua consulta.  pude perceber que  durante este longo mês, é que agora estas mudança   alteram   radicalmente a forma como o usuário terá o retorno a suas buscas, ou seja, agora será priorizada as questões semânticas da palavra, onde os motores de buscas estarão prestigiando o conteúdo com maior relevância em relação ao assunto abordado,e   isto  fará com que muitos sites e blogs que não se adaptarem a esta nova era, será automaticamente alixado da blogosfera. Outro fator não menos importante, em relação a estas mudanças, será que agora, as redes sociais serão de suma importância para o sucesso de um projeto de SEO. Além destes fatore observados, enfatizo também o fato de que todo o acervo de um blog ou site terá que ter informações bem didáticas e elucidativas, que levem ao leitor uma experiência rica e proveitosa, para que os motores de buscas do google o façam destacados  nas buscas com  melhor rankeamento, e isto se fará através  das  indicações  das redes sociais também.
Qual a importância das redes sociais na visão do colibri ou beija-flor?
redes sociais no algoritmo beija-flor
Bem, é evidente que um texto que recebeu muitos likes e indicações no facebook ou através do tweeter, serão melhor ranqueados que os que não tiveram esta mesma aceitação do público, ou melhor entendendo, o texto deve ter qualidade para ser ranqueado, pois todo este novo atributo dos algoritmos visam tão somente a melhorar a experiência dos usuários na rede. 
Qual a importância das palavras-chaves junto ao beija-flor ou colibri (Hummingbird)?
palavras-chave
Talvez alguns ficaram relutantes em aceitarem estas mudanças, as palavras-chaves continuarão a ter sua importância, mas agora o que muda é que nela deve estar contida uma relevância maior em termos de qualidade. todos podem perceber que nas mudanças anteriores a questão geo-localização passou a ter uma relevância maior, pois quem buscava um produto, teria grande chance de acha-lo bem próximo a sua casa, e com uma qualidade aprovada pelas outras pessoas que a testaram e aprovaram através das indicações em redes sociais, ou caso contrario não tenha sido reprovada nestas mesmas redes, não seria encontrada nas buscas ou seu ranqueamento seria pequeno. mas voltando a falar das keywords, que já tiveram seu alge, hoje passaram a ter uma condição de meras coadjuvantes no contexto geral de um projeto de seo, ou melhor, agora em uma tentativa de resumir um pouco este entendimento, destaco o fato de que em um texto não se deve mais repetir aleatoriamente um palavra-chave, na tentativa de te-la bem ranqueada nas buscas, aliais já faz algum tempo que isto ocorre, e isto é facilmente perceptível, pelo fato que não se basta ter quantidade, mas sim qualidade da informação… portanto, cuidado nos pesos de suas palavras, elas valem muito!
O que podemos esperar desta e muitas outras mudanças que estão por vir?
Em tese, daqui para frente, todo projeto de seo, deve priorizar a qualidade sempre, e orientar o cliente para se dedicar mais nas redes sociais, ou o que elas dizem a respeito de seu negócio, pois ai esta a verdadeira essência de uma campanha bem sucedida, nada do que se faça em termos de SEO pode ser eficiente se o que o cliente oferece não for de igual valor ao que se procura..
Como conseguir sucesso através da taxa de conversão depois da mudança do novo algoritmo Beija Flor?
aumentar taxa de conversão
A semântica das palavras deve ser priorizadas, ou melhor, elas devem representar em toda sua relevância ao que realmente representa no contexto geral. Se um texto informa que esta falando sobre um determinado assunto ou produto, que esteja falando de verdade, com muita propriedade e profundidade, pois se houver uma rejeição alta a este contexto, tudo estará perdido, pois conforme pude observar, as palavras ganham força em suas reais importâncias, não somente em sua quantidade no contexto, e por favor observem o que os números lhes falam através do analítics, pois conforme disse em outro texto aqui,sobre o google analytics que não estará mais informando a maioria delas em suas analises. portanto que seja sempre priorizada as palavras dentro do contexto e rezar para que o beija-flor a considere de grande relevância.
Este pequeno resumo, que fiz aqui, será para alertar aos meus companheiros de profissão para interagirem com seus clientes, e participarem mais do dia a dia do seu projeto, pois que conforme disse, a profissão de analista em seo não acabara, apenas será mais rebuscada e exigida.
Torço por todos aqueles que se reciclarem e prestarem uma boa acessoria a seus clientes.
Continue Lendo==>>

Google analytics sem palavras-chave, será o fim do SEO

0 comentários

 Google analytics sem palavras-chave, será o fim do SEO


 Google analytics sem palavras-chave, será o fim do SEO

Semana passada o Google realizou alguns ajustes finos em seus bancos de dados nos seus protocolos de usuários, no que diz respeito a maneira pela qual estes dados serão relatados no analytics, ou melhor, não será mais informado nesta ferramenta as palavras-chave pelas quais o usuário fez suas buscas orgânicas. Os dados destas pesquisas serão cripto grafados e operados em servidores seguros e não mais farão parte do relatório do google analytics. Então, será esta mudança responsável pelo fim da indústria do SEO ? Será o inicio do fim na profissão de seo?
Evidente que não. É claro que deveremos nos reforçarmos em nossos truques para suprirmos esta ausência, embora saibamos que isto irá depreender um pouco mais de trabalho, afinal, seo não é feito apenas de palavras-chave, podemos não saber a correspondência exata de uma determinada palavra-chave, mas sabemos que o conjunto delas deve ser considerada sempre, portanto nada deve mudar, apenas será exigido um pouco mais de sutileza.ainda assim, você poderá fazer uso da ferramenta do google webmaster tools, onde poderá verificar palavras-chave que geram regularmente impressões de primeira página do seu site no relatório de consultas de pesquisa.
 Então poderemos concluir que o google esta, tão somente, complicando a vida de seus concorrentes, que se faziam valer destas ferramentas para competir com o próprio gigante. então, isto reforça a tese de que as palavras-chaves de uma campanha de seo, quando expostas, também servem para alimentar nossos concorrentes.. então, olho vivo daqui adiante, para talvez mais novidades que estão por vir.
Continue Lendo==>>

lançada nova interface do painel do blogger

0 comentários

nova interface do painel do blogger


fiquei muito feliz ao receber esta nova interface do painel do blogger,minha alegria seria porque estou percebendo que mesmo tardiamente o Google esta investindo dedicação nesta plataforma,
que não tenho dúvidas ,será a melhor para se blogar muito em breve. sinto que todas estas modificações tendem a superar sua maior concorrente (wordpress) que, durante anos tem superado em muito a nossa qualidade, mas agora, para alguém,como eu, que sempre gostou da blogger, fico feliz que não precise migrar para nenhuma outra para se ter a mesma qualidade.. fique atentos que novidades boas estão por vir.. vejam nesta scream que agora você tem como acessar seu widgets direto do painel e fazer modificação que precise, tambem, se pode visualizar o blog dentro do próprio painel, o que facilita muito, e cuidado, na parte esquerda, tem a opçao de formatar o modelo, e reverter modificação. como também reverter para modelo de widgets padrão... bom, agora é só se acostumar com esta nova interface e mandar ver nas suas idéias..

estas modificações serão implantadas aos poucos, caso não tenha ainda, fique calmo que logo chegará até você.
gostaria de conhecer a opinião de meus leitores sobre estas novidades, então me dê um feedback...
Continue Lendo==>>

Saiba com fazer uma análise perfeita da palavra-chave para o seu site

0 comentários
analisando as keyword do blog

palavra-chave -saiba com fazer uma análise perfeita para o seu site ou blog
Todo mundo que esta construindo um site pode ter ouvido falar sobre SEO, o misterioso Search Engine Optimization. Este é um processo interminável, que consiste em várias etapas e há sempre melhoramentos que pode ser feito para melhorar a visibilidade do website nos motores de busca.

Se você já ouviu falar sobre o SEO que você pode ter também ouvi dizer que um dos princípios básicos de SEO bem sucedido é a análise de palavras-chave e que é exatamente o que vou falar hoje.
Busca de produtos e serviços no google

Vamos começar desde o início. As palavras-chave são as palavras que os internautas utilizam nos motores de busca para procurar o produto / serviço / informação necessária. Este é o "guia para iniciantes WordPress" que você digita quando você está olhando para a informação como e onde começar com o WordPress e "estúdio de design website" quando você está procurando uma empresa para criar um site para você.

1. 1. Definir as palavras-chave que as pessoas usam para encontrar o seu negócio.


Esta etapa é muito importante e provavelmente a mais fácil e você pode terminá-lo em três passos simples, sem qualquer software adicional ou programas pagos oferecidos no mercado.

* 1. Peça aos seus amigos e parentes que palavras e frases que associam a sua empresa e colocá-los na lista.

* 2. Vá ao Google e digitar as palavras-chave e frases-chave para o browser do Google e também irá mostrar-lhe as pesquisas relacionadas realizadas por outros people.To tornar as coisas ainda mais fáceis, você pode alternar entre o Modo de exibição padrão para exibir pesquisas relacionadas. Basta digitar a palavra-chave para a barra de busca do Google e à esquerda dos resultados da pesquisa página, clique no painel "Mostrar ferramentas de pesquisa" e vá até o final, até vê-lo, e aqui é como parece.
fazendo uma busca por palavras chave


    *  3. Use o Google Wonder Wheel
que é uma ferramenta adorável que eu amo tanto. A Wonder Wheel é uma outra variação das pesquisas relacionadas, mas de uma forma mais conveniente e está localizado logo abaixo Pesquisas relacionadas vista no painel da esquerda. A roda maravilha mostra todas as pesquisas relacionadas e sua popularidade. Você também pode clicar no círculo de pesquisa relacionados e ir ainda mais fundo em busca das palavras-chave. Colocar tantas palavras-chave relacionadas na lista, mas como você pode ter certeza que estão realmente relacionadas ao seu negócio, serviço ou produto.
Use o Google Wonder Wheel


2. 2.  Saiba quantas pessoas estão realmente usando as palavras-chave que você selecionou.
O instrumento legal que você pode usar aqui o Google Palavras-chave sugestão ferramenta. É uma parte do Google Adwords (e é usado para localizar palavras-chave para o seu bom ands google), mas você pode usá-lo separadamente, para identificar a popularidade das palavras-chave e frases-chave escolhida. Tome um minuto para registrar com o Google Adwords e você está pronto para usar a ferramenta.
Digite a sua frase-chave e Keywords Google Too
Digite a sua frase-chave e Keywords Google Too l vai mostrar a lista de buscas relacionadas (compará-lo com a sua lista e veja se está faltando alguma coisa) eo número de buscas mensais por palavra-chave de acordo.

 Nesta fase você pode fazer uma tabela excel com

as palavras-chave na primeira coluna e do número de buscas mensais no segundo. Agora classificar as palavras-chave colocando os mais populares no topo e as menos populares mais ao fundo.

Exclua as palavras-chave que têm menos de 1.000 pesquisas por mês, exceto se você oferecer algo realmente único e que é o número alto de visitantes motores de busca procurando por ele.

3. 3. Defina a sua concorrência e certifique-se as palavras-chave escolhidas são relevantes.
Torne-se um copo de café ou chá como estamos começando em uma coisa bem chata. Agora que você tem todas as possíveis palavras-chave na sua lista, nós temos que descobrir a sua relevância e da concorrência.
Deixe-me explicar o que quero dizer para o termo "relevância". Digamos que você produzir um software que permite aos fotógrafos criar cool fotografia websites facilmente.Uma das grandes palavras-chave que você pode pensar é um site de fotos ", porém, não é.Se você vai ao Google e digite "website" foto no campo de pesquisa, você verá que a pesquisa devolveu-lhe uma lista de sites que oferecem fotografias e, portanto, esta não é a palavra-chave que devem basear a sua estratégia de otimização de site em.
Buscando as melhores palavras chave no google

Agora, de volta à competição. Isto não é realmente o número de empresas que oferecem os mesmos serviços que você faz, mas sim o número de páginas indexadas no Google com a palavra-chave e que você realmente tem que bater. Assim, tipo a palavra-chave na barra de pesquisa Google, certifique-se que é relevante e que o número de páginas indexadas para a palavra-chave de acordo com a tabela ao lado o número de buscas mensais.

4. 4. Encontrar as melhores palavras-chave
Até agora você deve ter uma lista de cerca de 50 palavras-chave e frases palavras-chave em ordem decrescente com o número adequado de consultas mensais e da concorrência. Se você tem um site com o número de mais de 20 páginas você pode usar todos eles, mas você tem um website simples páginas 50-10 você tem que escolher melhor as palavras-chave.

A palavra-chave bestestness "é definida pela razão entre relevância, popularidade e da concorrência. A palavra-chave que está mais perto de seu negócio, tem o maior número de pesquisas ea menor concorrência é o melhor.

Há uns lotes dos coeficientes oferecidos por diferentes especialistas, mas se você não está fazendo a análise de palavras-chave a cada dois dias você é mais provável que se esqueça de como calculá-lo.. Assim, para manter as coisas simples, você pode dividir o número de pesquisas mensais com o número de páginas indexadas para essa palavra-chave e multiplicar por 1000, por exemplo. Você receberá figuras como 0,1-0,3, inferior a 0,1 e muito menos do que 0,01. Pequenas figuras significa que não seja um número pequeno de pesquisas para as palavras-chave dada da competição é muito alto.
Excluindo as palavras chaves sem relevancias




Você pode excluir essas palavras-chave, porém não verificar cada uma delas individualmente. Se você tiver o melhor produto em alguma área, você pode facilmente superar toda a competição e mostrar-se nos resultados da pesquisa de motores para a palavra-chave.

No final e ter feito a análise da relação que você deve ter em torno de 10 palavras-chave muito legal, apenas 10 palavras-chave fresco e agradável em torno de 50-10 palavras-chave, que também pode ser útil.
Quebrando as palavras-chave em páginas
5. 5. Quebrando as palavras-chave em páginas.

Agora vamos ao ponto mais complexo.. Você não pode usar todas as suas palavras-chave em apenas uma página. Cada página tem de ser aperfeiçoado para não mais de 2-3 palavras-chave / frases chave e, naturalmente, devem ser 100% relevante para o conteúdo da página.

Escolha os 3 melhores palavras-chave para a home page e espalhar o resto nas outras páginas. Agora adicione algumas palavras-chave agradável para cada página. Escolha palavras-chave de um ou dois que você pode usar em todas as páginas do texto organicamente.

Coloque tudo em uma planilha. Agora você tem a lista de palavras-chave para uso em todas as páginas do seu site para garantir a melhor visibilidade para essas palavras-chave nos resultados do mecanismo de busca. Desculpem a tela borrada, mas eu tenho que manter os meus resultados de pesquisa própria chave privada.
Escolha os 3 melhores palavras-chave para a home page
planilha Excel
A próxima etapa é na verdade, criando a palavra-chave otimizados conteúdo das páginas de site. Esta é a ciência separada e vou falar sobre isso no meu próximo post. Fique atento, fazer a análise de palavras-chave e volte com a gente em breve!
Continue Lendo==>>

Usabilidade em sites e blogs e sua importância

3 comentários
 Usabilidade em sites e blogs e sua importância
Conforme tenho dito aqui, não basta apenas ter um blog ou site com uma interface bonita e estar otimizado para SEO se sua usabilidade for de baixa qualidade. Este dois mini cursos que disponibilizo abaixo.servira para se ter uma noção mais precisa do que venha ser uma usabilidade correta, pois dela dependera seu sucesso. porque um blog ou site de boa acessibilidade tem grande chance de obter o tão sonhado sucesso,.Então, usem este curso para ter acesso a algumas técnicas que considero primordial para um blogueiro profissional...bom estudo!


Introdução a usabilidade, boas práticas e princípios para uma boa experiência.

Minicurso de Usabilidade e Prototipação Rápida em papel ministrado no I Simposio Interinstitucional de Computação do Vale do São Francisco.

Continue Lendo==>>

Titulo animado no blogger facil de aplicar

8 comentários
totalgifs.com pernalonga gif gif 12.gif


 Titulo animado no blogspot..

totalgifs.com pernalonga gif gif 01.gif

 Alguns de meus leitores vez por outra, me questionam sobre como colocar titulo  animado do blog na barra de endereço. Então resolvi disponibilizar esta técnica simples de ser implementada...

 primeiro, localize no seu  template o seguninte </head> e logo após cole o script abaixo, sendo que a parte em vermelho deve constar o titulo de seu blog e a parte em azul o tempo que passam as letras...

<script language="JavaScript"> var txt = "SEU TEXTO AQUI"; var expected = 100; refreshment var = null; rotulo_title function () {document.title = txt; txt.substring txt = (1, txt.length) txt.charAt + (0); refreshment = setTimeout ("rotulo_title ()", wait);} rotulo_title () </ script>


Caso nao funcione, voce pode colocar no corpo da pagina, pra isso você terá que ir em EDITAR HTML, ache a linha </head> e cole o script mudando apenas o que esta em vermelho.

Agora, creio que tal script deve prejudicar a indexação de seu blog...apenas disponibilizei por atender a pedidos, mas não posso garantir, pois em se tratando do google, nenhuma verdade será absoluta...
Continue Lendo==>>

Como aplicar corretamente a (tag alt e tag title)

0 comentários
como aplicar corretamente a tag alt+title

 Como aplicar corretamente a (tag alt e tag title)

A TAG ALT e TAG TITLE :

TAG ALT: elas servem para,caso a imagem por algum motivo não for carregada, mostrar uma descrição da imagem,e também recomendamos para navegadores que não reconhecem as imagens com tag title: ela serve para quando o mouse for repousado sobre a imagem, ou o link, aparacer uma descrição a qual foi definida pelo autor do artigo onde consta a imagem .para ter uma ideia, pouse o mouse sobre a imagem deste post, e vera o que é uma tag title...
Muitos acham que, a tag alt para imagens  assume a função de Tooltip. Na verdade esse método foi adotado a muito tempo atrás, quanto  o Netscape, utilizava a tag alt para indicar um tooltip, e ai, logo Internet Explorer foi lá e seguiu esta mesma tatica, tornando esta função mais conhecida e utilizada,porem simplesmente como um indicativo para os motores de buscas, que não reconhecem as imagens, portanto devemos lhes indicar com texto alguma descrição da imagem.

Abaixo descrevemos a maneira não indicada para descrever um tooltip:

<img src="http://sua_imagem.gif" alt="Maneira errada" />

Agora já abaixo, indicamos a maneira correta de descrever um tooltip:

<img src="http://sua_imagem.gif" alt="Texto alternativo caso a imagem não seja visualisada" title="Essa é a maneira correta de indicar um tooltip em uma imagem" /> em resumo: alt='coloque aqui, a descriçao alternativa ' title='coloque aqui, o texto que deseja ser visto na imagem '/%postname%/

Aproveitando, que estamos falando sobre tags, talvez precise ler também sobre Meta tag Descrição,
Continue Lendo==>>

Lista de 50 diretórios de feed RSS para enviar seu Blog

9 comentários

Lista de 50 diretórios de feed RSS para enviar seu Blog

Submeter o feed RSS de seu blog é muito importante, pois isso vai aumentar o tráfego para seu blog. Por que isto é importante para seu blog? Porque diretórios de feed RSS são lugares onde as pessoas vão procurar por conteúdo e desta forma você ira receber muitos visitantes no seu blog ou website.
A maioria dos diretórios feed RSS é grátis , mas alguns diretórios de feed RSS cobram. Porem, se você é novo em blogs, você pode tentar diretórios grátis em primeiro lugar, que embora sejam grátis, prestam o mesmo serviço que os pagos…

lista de 50 diretorios de feed rss


Diretórios RSS

Lista de 50 diretórios de feed RSS, para enviar seu Blog



1. RSS Locator

2. Syndic8

3. Postami

4. 2RSS

5. CompleteRSS

6. Genecast

7. Memigo

8. PubSub

9. Bulkfeeds

10. FeedSee

11. newsXS

12. FeedsFarm

13. RSSfeeds

14. DeskFeeds

15. 4GuysFromRolla

16. Feed-directory

17. FeedBeagle

18. FyberSearch

19. Feeds4All

20. Plazoo

21. NewzFire

22. Feed24

23. Shas3

24. FeedCat

25. FeedMiner

26. Feeds2Read
.
27. JordoMedia
28. RSS Mad

29. NFeeds

30. Wordum

Blogs feed rss
Blogswirl
Bloggernow
Bloglisting
Bloghints
Bloggernity
Blogflux
Blogdirectory
Blogdir
Blogdirectorysubmission
Blogs-collection
Alltop
Fuelmyblog
Ezilon
Dmoz
Crayon
Conseillemoi
Buzzerhut
Blogville
Blogtopsites
Blogtoplist
BlogsearchGoogle
Blogsrater
Blogrollcenter
Blogratedirectory
WordPressblogdirectory
Wilsdomain
Websandiego
Weblogs
Topsiteswebdirectory
Topblogging
Theseoking
Sportsblogs
Regator
Blogrific
Ontoplist
Lsblogs
Loadedweb
Info-listings
Hottestblogs
Gozoof
Sites de pings
Icerocket
Feedshark
Bulkping
Googleping
Pingomatic
Rss
Wingee
Topix
Swoogle
Rssmicro
Redtram
R-bloggers
Postami
Plazoo
Ngoid
Feedsee
Feedlisting
Rssfeeds
Feedcat
Feedbucket
Feedage
Crayon
Feedfury
Feedsearch – Brasileiro

Continue Lendo==>>

Dica interessante para responder comentários no proprio blogger

15 comentários


Respondendo comentários no próprio blog



Dica interessante para responder comentários no próprio blogger idêntico ao do Wordpress...
totalmente diferente dos que já vi por ai... e fica muito profissional.


Esta dica irá colocar em seu blog a opção de responder comentários no próprio blog.... esta dica é um quebra galho, visto que o blogger não tem ainda esta opção.. espero que isto sirva ainda mais para interagir com seus leitores..

Inserindo o Script ao Blogger


1. Vá para o Blogger> Design> Editar HTML
2. faça Backup de seu modelo
3. Clique no botão " Expandir Modelos Widgets "Caixa
4, Pesquisar por ]]></b:skin>
5. e cole o código abaixo, logo acima dele,






. TSB-replycomments {background: # ECEAEA ;
cursor: pointer; color: # fff; margin: 5px sans-serif; } TSB-replycomments: hover {. background: # E7E7E7 ; }ponteiro ;

Faça essas alterações:
Para mudar o cenário o link ativo modo de edição # ECEAEA
Para alterar a cor de fundo o link foco do mouse edição # E7E7E7

6. Agora, procure por,

     <dd class='comment-footer'>

ou apenas este,

      class='comment-footer'


e logo acima dele cole o "Resposta Link" código abaixo,




<div class='TSB-replycomments'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=*******************&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=650,height=650&quot;); return false;'>Responder..</a></div>

Você pode substituir o texto .. "Responder" com qualquer frase que você queira.
Substituir com seu ID BLOG. Se você está logado em sua conta do Blogger em seguida olhar para a sua barra de endereço do navegador. Você pode ver claramente um código 18-19 dígitos. Basta copiá-lo e colá-lo no lugar do*******************









7. Salve o seu modelo e veja os comentários do seu blog idênticos ao do WordPress
Continue Lendo==>>

Saiba como colocar Artigos Relacionados no Roda-pé com Imagens

0 comentários
 Artigos Relacionados com imagens no rodapé


Artigos Relacionados com imagens no rodapé



Agora tem mais uma excelente opção e o melhor é que não é preciso usar sites de terceiros para a aplicação, vamos instalar no passo-a-passo, verá que é muito fácil , vamos lá!

Primeiramente que este hack foi tirado e traduzido do Blog Blogger Plugins, veja o original aqui.

Entre em Layout&gt;Editar Html, e clique em expandir modelos widgets.

Procure por


</head>

Depois de encontrar substitua pelo código abaixo


<!--Posts relacionados com imagens início-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Posts relacionados com imagens Fim-->
</head>

Agora encontre


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

Pode ser que está parte citada apareça de maneira diferente em seu blog, não achando como acima, tente achar como está abaixo


<p class='post-footer-line post-footer-line-1'>

Agora imediatamente após uma destas partes citadas, cole o código abaixo


<!-- Related Posts with Thumbnails Code Start-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='related-posts'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != &quot;true&quot;'>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>

<script type='text/javascript'>

var currentposturl=&quot;<data:post.url/>&quot;;

var maxresults=5;

var relatedpoststitle="Related Posts";

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script>

</div><div style='clear:both'/>

</b:if>

<!-- Related Posts with Thumbnails Code End-->

Feito isso está quase pronto, mas tem duas sessões que podemos fazer modificações, na parte em vermelho
é o número de posts que aparecerá na relação, neste blog consegui colocar 6, mas ajuste conforme seu template, e na parte em laranja é o que aparecerá na chamada do widget, escreva a frase que achar melhor.
Agora você já pode visualizar para ver se não tem erros, se tudo estiver correto salve, e pronto, você já tem posts relacionados com imagens.
Continue Lendo==>>

Artigos relacionados em seu blog com miniaturas e estilo

7 comentários

posts relacionados com miniaturas e estilo 350x218





Este script que estou disponibilizando agora, serve para colocar no rodapé de seus posts, uma miniaturas de posts relacionados, que se parecem com os muitos disponibilizados na rede,
porem este não dependera de nenhum site, apenas do seu.

1. No código fonte procure pela linha “</head>” e, imediatamente ANTES dela, insira o código abaixo sem modificar nada:

<!--Artigos Relacionados Estilo e Script Inicio -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type="text/javascript" src="http://yourjavascript.com/21047131131/javascriptpostrelacionadotudoseo.txt.js"></script>
</b:if>
<!--Artigos Relacionados Estilo e Script Final-->
2.Localize no seu html o script abaixo:
<div class='post-footer-line post-footer-line-1'>
3.Caso não localize este acima, tente o script abaixo:

<p class='post-footer-line post-footer-line-1'>
          4.Logo ANTES de um desses scripts que você encontrou em seu código html, coloque as linhas abaixo, modificando apenas a quantidade de posts a aparecerem no script (siga as orientações):
<!--Codigo Artigos Relacionados Inicio-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Artigos Relacionados";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!--Codigo Artigos Relacionados Final-->
5.Indicado de vermelho está o número “5″ que é a quantidade de elementos que aparecerá. Aqui no  tudoseo.com, cabem até 7 elementos, Então salve o modelo e veja o resultado em seu blog.
Lembrando que só funcionará se você estiver usando Marcadores em seu blog. Então sei que existe muitos sites que oferecem este serviço, mas creio, conforme disse, que é sempre bom não depender de outros em se tratando de hospedagem de script.. pode falhar..
e seu blog é sempre o lugar mais confiavél para se ter estes gadgets...
Continue Lendo==>>
setaretornoaotopo