Mostrando postagens com marcador Dicas Blogger. Mostrar todas as postagens
Mostrando postagens com marcador Dicas Blogger. Mostrar todas as postagens

Descrição e Palavras Chave - Meta Tags

Atualmente se fala muito em SEO (Search Engine Optimization) ou em português otimização de sites, isso é um nome bonito para algo até relativamente simples de fazer e que gera bons resultados, ou seja gerar mais visitas para seu blog. Vamos falar hoje sobre como colocar meta tags de descrição e palavras chave no blog. Existem alguns geradores de códigos mas não é preciso para fazer pois o código é bem simples, veja:

<b:if cond='data:blog.pageType == "index"'>
<meta content='descricao do blog' name='description'/>
<meta content='dicas,template' name='keywords'/>
<meta content='seu nome' name='author'/>
</b:if>

Como você pode notar só precisa escrever a descrição do seu blog, seu nome e colocar as palavras que você tem alguma relação com seu conteúdo. Nas keywords separe os itens com vírgulas. Para colocar no blog entre na página editar html, clique para expandir modelos de widgets e coloque o código entre <b:include data='blog' name='all-head-content'/> e <title><data:blog.pageTitle/></title>. Fica desse jeito:

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<meta content='descricao do blog' name='description'/>
<meta content='dicas,template' name='keywords'/>
<meta content='seu nome' name='author'/>
</b:if>
<title><data:blog.title/></title>

Agora vamos entender o que é meta tag isso na verdade é o modo que os sites de busca vêem seu blog, no caso das palavras chave (keywords) elas são usadas quando alguém pesquisa algo então se colocar a palavra musica é possível que seu blog apareça na busca por musica. Não estamos dizendo que somente por colocar certas palavras você aparecerá nos primeiros lugares da pesquisa Google ou Yahoo, afinal milhares de sites usam as mesmas palavras.
Quanto a descrição são aquelas linhas de texto que aparecem embaixo do link quando você pesquisa algo no Google ou Yahoo, mas é possível que esses e outros mecanismos de busca usem o inicio do seu texto para mostrar nos resultados das pesquisas, por exemplo, que quando o link aponta para uma postagem especifica e não para a página inicial do blog.

O que usar as palavras chave e descrição pode fazer é melhorar o modo que os sites de busca lidam com seu blog. Repetimos mais uma vez isso não é garantia de aparecer nos primeiros lugares das pesquisas. E além dessa existem muitas outras coisas para fazer para otimizar um site ou blog. Seria impossível falar sobre SEO em uma única postagem, pois existem sites inteiros somente sobre esse assunto.

Personalizar título do blog

Talvez você já notou que alguns blogs inclusive esse quando entra nas paginas individuais das postagens o titulo da postagem aparece antes do nome do blog. Fazer essa alteração ajuda os mecanismos de busca localizar suas postagens e com isso aumentar o numero de visitas.


Normalmente na barra do navegador aparece assim: nome do blog – nome da postagem, depois que inserir esse código aparecerá nome da postagem – nome do blog. Agora vamos começar, entre na pagina editar html e procure por:

<title><data:blog.pageTitle/></title>

Apague essa linha e coloque isso no lugar:

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/><title><data:blog.pageTitle/></title>
</b:if>

Salve e visualize seu blog, depois clique para ver somente uma postagem e notará que o nome da postagem trocou de lugar com o nome do blog. Em pouco tempo essa alteração também aparecerá também quando seu blog aparecer entre os resultados das pesquisas do Google.

Fonte: Blogging Tutorial, Free Templates and Sites Info

Como ocultar a NavBar do Blogger

Para esconder a barra de navegação do Blogger, também conhecida como NavBar, entre no modo de edição do HTML e marque a opção 'Expandir modelos de widgets'. Cole logo abaixo da tag <head> o código abaixo:

<!-- Hide Navbar -->
<style type='text/css'>

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}

</style>
<!-- Hide Navbar -->

Remover atom feed do rodapé do Blogger

Para remover o link automático para o Atom Feed no rodapé do novo blogger, entre no modo de edição do HTML e marque a opção 'Expandir modelos de widgets'.

Localize e remova a linha em vermelho, conforme exemplo abaixo:
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>

Download Ebook Blogger SEO



eBook Blogger SEO
 Feito Por IceBreaker


Com o e-book Blogger SEO, você aprenderá a otimizar o seu blog para que ele tenha melhor desempenho nos mecanismos de busca, atraindo mais visitantes e leitores. O processo envolve a otimização do template, URLs, títulos, Meta Tags, links, imagens, postagens, e pode ser feito por qualquer pessoa, pois tem conteúdo fácil e objetivo, além de exemplos, imagens ilustrativas e muito mais.
Você pode fazer o download gratuito da sua cópia a partir de 2 servidores:
Download (Google) – Download (Windows Live)

Adicionar aos favoritos

Esse é mais código para adicionar aos favoritos, mas este você pode usar imagens nele e funciona no Internet Explorer e Firefox. Copie o código abaixo e coloque pela pagina layout, adicionar gadget, html/javascript. Você pode alterar as imagens para qualquer outra que goste mais ou um banner de seu blog. Não esqueça de modificar a url e nome do blog pois o código abaixo está feito para adicionar esse blog aos favoritos.

<script language="JavaScript">
function addFav(){
var url="http://dicasparablogs.blogspot.com";
var title="Dicas para Blogs";
if (window.sidebar) window.sidebar.addPanel(title, url,"");
else if(window.opera && window.print){
var mbm = document.createElement('a');
mbm.setAttribute('rel','sidebar');
mbm.setAttribute('href',url);
mbm.setAttribute('title',title);
mbm.click();
}
else if(document.all){window.external.AddFavorite(url, title);}
}
</script>
<a href="javascript:addFav()"><img alt="Adicione aos Favoritos"
src="http://img152.imageshack.us/img152/1145/firefoxim7.jpg"border="0"
/></a>
<a href="http://dicasparablogs.blogspot.com/#" onclick="window.external.AddFavorite('http://dicasparablogs.blogspot.com','Dicas
para Blogs');">
<img alt="Adicione aos Favoritos" src="http://img152.imageshack.us/img152/5140/internetexplorerel3.jpg"
border="0"/> </a>

Tradução

Um tradutor simples e eficiente para colocar no seu blog. Testei do português para o espanhol e ficou perfeito.Basta copiar este código e inserir através da página layout nos elementos de página>html/javascript. Não esqueçam na parte final do código de substituir http://SEUBLOG.blogspot.com pelo endereço do seu blog.


<div align="center"><img src="http://img176.imageshack.us/img176/6091/84056383at1.png"/>
<br /> <form id="translateForm" action="http://www.worldlingo.com/S1790.5/translation"
target="_blank">
<input value="PT" name="wl_srclang" type="hidden"/>
<select style="font-size: 70%; width: 160px;" name="wl_trglang">
<option value="EN"/>Português - Inglês
<option value="FR"/>Português -Francês
<option value="DE"/>Português -Alemão
<option value="IT"/>Português - Italiano
<option value="PT"/>Português -Português
<option value="RU"/>Português - Russo
<option value="ES"/>Português - Espanhol
</select>
<input value="http://SEUBLOG.blogspot.com/" name="wl_url"
type="hidden"/>
<input name="submit" type="submit" style="font-size:
70%; width: 50px;" value="Traduza"/>
</form>
</div>

Adicionar aos Favoritos

Alguns códigos para adicionar aos favoritos funcionam apenas no Internet Explorer, mas esse aqui funciona também no Firefox, para usar copie o código abaixo e altere o nome e endereço da sua página.Esse código deve ser colocado pela página layout >> adicionar elemento de página >> html/javascript.

<script language="JavaScript">
function addFav(){
var url="http://dicasparablogs.blogspot.com";
var title="Dicas para Blogs";
if (window.sidebar) window.sidebar.addPanel(title, url,"");
else if(window.opera && window.print){
var mbm = document.createElement('a');
mbm.setAttribute('rel','sidebar');
mbm.setAttribute('href',url);
mbm.setAttribute('title',title);
mbm.click();
}
else if(document.all){window.external.AddFavorite(url, title);}
}
</script>
<a href="javascript:addFav()">Adicionar aos Favoritos</a>



Outra coisa que pode ser alterada neste código é a frase "Adicionar aos Favoritos", por que você pode escrever o que desejar ou também colocar uma imagem no lugar da frase. Para usar uma imagem apague onde está escrito adicionar aos favoritos e coloque o código da imagem que você quiser. Então o código ficará assim:
<a href="javascript:addFav()" title="Adicionar aos Favoritos"><img src="URL DA IMAGEM" border="0"></a>

Inserindo um campo de busca do Google

CAMPO DE BUSCA DO BLOG SEARCH
Para quem não é cadastrado no AdSense, basta copiar o código abaixo e colar em qualquer local da sidebar.
<div class="module-search module">
<h3>Buscar No Blog</h3>
<div class="module-content">
<form action="http://blogsearch.google.com/blogsearch" method="get">
<input value=http://SEUBLOG.blogspot.com/ name="bl_url" type="hidden"/>
<label for="search" accesskey="4"></label><br/>
<input id="search" name="as_q" size="20" type="text"/>
<input value="Buscar" name="submit" type="submit"/></form></div></div>
Lembrando de trocar a url acima pela do seu blog.

Texto Deslizante

Para colocar um texto deslizante no seu Blog basta copiar o código abaixo:


<marquee behavior="alternate" width="400" height="50"
scrolldelay="2" scrollamount="2" direction="left"
onmouseover="this.stop()" onmouseout="this.start()">Coloque aqui
seu texto! ! !</marquee>



RESULTADO

Busca

Para inserir um campo de busca no Blog:

Lembrando de trocar seublog.blogspot.com pelo seu link do Blog que você vai utilizar.

<div class="module-search module">

<div class="module-content">

<form action="http://blogsearch.google.com/blogsearch"
method="get">

<input value="seublog.blogspot.com" name="bl_url"
type="hidden"/>

<label for="search"
accesskey="4"></label><br/>

<input id="search" name="as_q" size="20" type="text"/>

<input value="Buscar" name="submit"
type="submit"/></form></div></div>

Código para Posts Relacionados

É um tutorial para inserir os Posts Relacionados no Blogger.
Colocando este código no layout do nosso blog, ao final de cada post, aparecerão links de posts com assuntos semelhantes, baseados nos "marcadores",o que facilitará a navegação dos nossos leitores.





Vamos lá?

1º - Faça login no blogger , clique em "Layout" -> "Modelo" -> "Editar HTMl".
Antes de tudo clique em "Baixar modelo completo", para caso tenha algum erro você tem o layout salvo.
2º - Procure (Ctrl + F) a tag </head>. Cole o seguinte código logo antes dela:
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] +
'</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>


3º - Salve
4º - Clique em “Expandir modelos de widgets”
5º - Procure o seguinte código:
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

6º - Cole este código antes do </b:loop> :
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name +
"?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"'
type='text/javascript'/>
</b:if>

7º - Salve o template!

8º - Procure esse código:
<p class='post-footer-line post-footer-line-3'/>
9º - Adicione este código logo depois:
<b:if cond='data:blog.url != data:blog.homepageUrl'>Posts Relacionados</b:if>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>

Curso de SEO AjaxME

Curso de SEO - AjaxMECursos:

Curso SEO - Introdução
Como otimizar o titulo - Curso de SEO
Como obter uma boa URL Curso de SEO
Palavras chave - uso correto
Palavras chave - uso correto
Tags-h1-h2-h3-h4-h5-h6-strong uso correto
Importancia dos atributos em img e link de alt title
Cadastrar seu site no google de forma rápida
URL amigavel php modo URL rewriter Parte 1
URL amigavel php modo URL rewriter Parte 2
URL amigavel php modo URL rewriter Parte 3
URL amigavel php trocar caracteres Parte 4
URL amigavel php verificando modulos habilitados Parte 5
URL amigavel php expressão regular htaccess Parte 6

Estilo: Vídeo-Aula
Tamanho: 290.04 mb
Formato: Rar
Idioma: Português
Hospedagem: Uploading / Storage

Uploading: Download | Storage: Download

eBook Download: Curso Blogger Rápido


Com o apoio do blog UsuárioCompulsivo, o iceBreaker disponibiliza hoje seu primeiro eBook (livro digital) da série Blogger, o Blogger Rápido, que vai ajudar você a otimizar seu blog, tornando-o mais leve e rápido e assim potencializando a volta de seus leitores. O download é gratuito, é só você clicar e baixar.
Estilo: eBook
Tamanho: 466 KB
Formato: Rar / PDF
Download

Mostrar comentários recentes

Colocar uma lista dos últimos comentários recebidos no blog é muito simples, é igual adicionar qualquer feed. Entre na página layout, clique para adicionar um gadget e na pagina surgir escolha a opção feed.



Na tela que aparece coloque esse endereço, mas colocando o nome do seu blog nele:
http://NOMEDOSEUBLOG.blogspot.com/feeds/comments/default

Depois clique em continuar e escolha as opções que vai mostrar junto com o link dos últimos comentários (numero de itens, autores do item, datas do item), agora é só apertar o botão salvar e já está pronto. Visualize seu blog e aparecerá a lista dos últimos comentários recebidos pelo seu blog.

Cadastrar o seu blog em 33 motores de busca (grátis)

Este resumo não está disponível. Clique aqui para ver a postagem.

Submeter seu site ou blog gratuitamente a 20 sítios de busca



Quando se cria um novo site ou blog, deve-se submete-lo aos principais motores de busca, como o Google, Yahoo, MSN, mas existem outros.
Indexando o seu site a vários motores de pesquisa ou busca você irá aumentar as visitas ao seu sítio da internet.

Pode submeter-se a um "search engine" de cada vez, mas é muito mais rápido usar um site como este que aqui menciono , ele permite submeter o seu site a 20 motores de busca diferentes ao mesmo tempo.

O motores de busca são: o Abacho, Acoon, Alexa, Amfibi, Burf, Cipinet, EntireWeb, ExactSeek, Google, Homerweb, Info Tiger, JDGO, Myahint, ScrubTheWeb, SearchSight, SonicRun, TowerSearch, Walhello, WhatUSeek, and Opn.

Para usar digite o URL do site , e um endereço de e-mail para verificação ( será enviado uma mensagem para o email indicado onde deverá clickar sobre o link lá apresentado para o validar). A partir daí o processo dura só mais alguns segundos.
grátis, gratuito, free, gratuit, no cost, opensource, free charges, no payments, de graça,

Pode usar este widget para submeter o url do seu site:

Link do site :
Link

Como Ocultar a NavBar do Blogger



Esse código é para que você oculte a NavBar do Blogger, aquela barra que fica exposta no topo de seu blog.

Vá no layout de seu blog, clique em editar html e depois marque a opção expandir modelos de widgets.
Agora procure pelo trecho:
#outer-wrapper {
E cole o seguinte código antes:
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
Depois visualize se estiver tudo ok é só clicar em salvar e pronto.
Espero que tenham gostado desta dica, é velha mas nem todo mundo conhece

Enviar seu blog para 256 buscadores

As vezes não é fácil encontrar todos os buscadores que existem na internet e só é mesmo relevante o Google todo poderoso. Mas existem muitas pessoas que fazem buscas por outros mecanismos e é importante estar ao menos nos principais ou nos brasileiros. Ser encontrado é muito importante.



Essa é a dica mais prática e rápida que já coloquei nesse blog de ferramentas para Blogger.

Descobri um site que cadastra automaticamente seu endereço em 256 buscadores (GRATUITAMENTE – isso é o mais importante). É bem simples: vc cadastra o seu URL e coloca alguns dados (o site está em português) e depois envia para os buscadores que estiverem selecionados ao lado.

Entre neste endereço e, mãos à obra ~> http://www.datahosting.com.br/divulgador/


Só vale lembrar: coloque um e-mail real na hora de cadastrar, pois alguns buscadores enviam um pedido de confirmação.

Númerar Paginas Do Blogger

Vá em Layout > Editar HTML > Expandir modelos de widgets e add o código abaixo antes da tag

]]>b:skin>


.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}




Agora antes da tag

body>


Add o código abaixo



<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;

var upPageWord ='Previous';
var downPageWord ='Next';
script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>

b:if>
<!--Page Navigation Ends-—>




Agora salve e visualize o template
Ficara assim
blogger page navigation