Pesquisar

Categories


Mostrando postagens com marcador dicas. Mostrar todas as postagens
Mostrando postagens com marcador dicas. Mostrar todas as postagens

Saiba como eliminar a navbar do Blogger , ou barra de navegação a partir do lay-out do blogger?

Saiba como eliminar a 

navbar do Blogger 

ou 

barra de navegação, 

a partir do lay-out do blogger ?


Para que se removesse  a navbar ou barra de navegação superior do Blogger templates ,colocados todos os padrões,
          fazia-se  necessário
colocar um código html no modelo do blog.

Agora, 
Blogger ,
querendo  tornar esta tarefa mais fácil,
dispôs de mais uma opção, 
de tal forma 
que podemos fazer isto,
acessando o "lay-out" do nosso blog.

Então, 

basta estar logado 
no painel blogger,
clicar em 
configurações,
depois
clicar em 
"design",
e,
estando na página do lay-out do blogger:

"Adicionar e organizar elementos da página",




...clicar em "Navbar....Editar"


daí abrirá uma janela como esta:

 




" Para desativá-la e não aparecer em seu blog, entre em "Lay-out" e clique em "Editar" item "Barra de Navegação". "

Você verá uma janela pop na imagem ao lado. 

No final da tabela aparece para marcar o "Desativado", caso você queira que a navbar não apareça no seu template blogger, marque bem,para que seja  removida a barra de navegação.

Pode-se  ativar ou desativá-lo sempre que você queira!

Obs.: 
Esta opção só vai funcionar, caso você tenha  um blog instalado em um modelo padrão para  o Blogger.





Saiba o que é e "Como colocar breadcrumbs no blogger?"



Breadcrumb - Uma ferramenta de Usabilidade




Breadcrumb é um recurso que mostra o caminho das páginas visitadas no blog
Em inglês significa migalhas.

É também considerado uma ferramenta de Usabilidade para o blog/site.

Porque indica ao leitor onde ele está e facilita que volte à página inicial ou aos marcadores do post que ele se interessou.


Usabilidade é a facilidade de navegação de um site. 

É uma importante ferramenta para o sucesso do seu site, uma vez que o usuário terá facilidade de encontrar o que deseja em seu site e navegar nele.
("Vi este hack pela primeira vez no Blogger'SPhera da Rô e achei muito legal, me interessei e instalei aqui no TPV.")

"Veja este hack aplicado aqui acima enquanto está lendo este post:"
"Você está em: Home » TUTORIAIS » USABILIDADE »Breadcrumb - Uma ferramenta de Usabilidade"




A Áurea diz assim:



"Navegando na internet encontrei este hack que vou ensinar agora.        Fiz algumas modificações para ficar mais explicativo quando aplicado    no blog com frases como: "Você está em:" e alterei as frases em inglês para o português."                                                                                                  

..."hack que irá facilitar a navegação em seu site."
"Clique em Layout 
► Editar HTML 
► Clique em Expandir modelos de widgets."
1º Passo
Encontre a linha de código:


<b:includable id='main' var='top'>


Selecione-a e Substitua por:


<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- Sem breadcrumb na página inicial -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb para a página do post -->
<p class='breadcrumbs'>
Você está em: <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>&#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast == &quot;true&quot;'/>
</b:loop>
<b:else/>
&#187;Sem Marcador
</b:if>
&#187;<span><data:post.title/></span>
</b:loop>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb para o arquivo e página de buscas.. -->
<p class='breadcrumbs'>
Você está em: <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Arquivos de <data:blog.pageName/>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs'>
Você está em: <b:if cond='data:blog.pageName == &quot;&quot;'>
<a expr:href='data:blog.homepageUrl'>Home</a> &#187; Todos os Posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> &#187; Posts da Categoria <a expr:href='data:label.url' rel='tag'><data:blog.pageName/></a>
</b:if>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
2º Passo
Encontre a linha:


<b:include data='top' name='status-message'/>


Selecione-a e Substitua esta linha por:


<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>

♦ Clique em VISUALIZARVISUALIZAR para se certificar que está indo tudo certo.
♦ Clique em SALVAR ALTERAÇÕES SALVAR ALTERAÇÕES.

Clique em Visualizar blog 
e Clique em um post ou num marcador para verificar se seu breadcrumb está aparecendo corretamente.
3º Passo
"Você pode configurar a linha do seu breadcrumb usando o código CSS"

Copie o código abaixo:


/*-----Breadcrumbs-----*/
.breadcrumbs {
font-size: 14px;
padding:5px;
font-weight: bold;
border-bottom:3px double #BEBEBE;
line-height: 1.4em;
}
.breadcrumbs a {
font-weight: bold;
color:red;
}


Cole este código acima da linha:


]]></b:skin>



"Configure da forma que quiser"

"Sugestão"
"Para chamar a atenção para seu breacrumb você pode tirar a mensagem de status do blogger."
Mas o que é esta mensagem de status?Esta mensagem é aquele quadradinho que aparece toda vez que você acessa os posts de um marcador no seu blog.
Já vem configurada pelo blogger. 
Não deixa de ser uma ferramenta de usabilidade, mas deixa a desejar por não aparecer todos os marcadores do post.
Para isso você deve apagar a linha:


<b:include data='top' name='status-message'/>


Para complementar o conteúdo leia estes textos sobre USABLILIDADE:

Usabilidade: O que é Usabilidade?
♦ Google Analytics: Ajudando na Usabilidade, Acessibilidade e SEO de um Website
Usabilidade no seu dia-a-dia.
♦ Princípios gerais de usabilidade em web sites




fonte e créditos:templatesparavoce                                                                                    








"Gerador de mensagens com glitter"..."Texto Animado em Glitter"

Texto Animado em Glitter          




1. Digite seu texto na caixa branca.

2.  Personalize seu texto, escolha o tipo de fonte que você deseja usar no seu texto.

3.  Inove, escolha logo ao lado uma das animações que vão dar vida ao seu texto.

4.  Deixando ainda mais especial seu recado, adicione efeitos... São um total de 6, escolha o que mais lhe agradar.

5.  Caso deseje ajuste os pequenos controles deslizantes ou escolhas outras cores para sombras e linhas do texto.

6.  Se preferir mude o tamanho e espaçamento entre letras em "Font Size" e "Letter Space".

7. Seu recado está prontíssimo, clique no botão amarelo para copiar o código e cole no Orkut.






















fonte:
geradormensagensmagicas














    ... Intensedebate ... Mensagens / Recados / Comentarios...            

indicar...!...


adicionar ...- |+Google URL| ...




comente aqui



rel = "nofollow" ...sabe o que é, seus efeitos e como usar?


rel = "nofollow"                                       



"Nofollow" fornece uma maneira 


para os 


webmasters 


de informar 


os motores de busca


"Não siga links desta página
ou 
"Não siga este link específico".


Originalmente, o nofollow 
atributo apareceu na tag meta em 
nível de página, e 
instruiu os motores de busca não seguir 
(ou seja, rastrear) todos os links de saída na 
página. 


Por exemplo:
 <meta name="robots" content="nofollow" />

Antes nofollow foi usado em 
links individuais, impedindo robôs siga os links
 individuais em uma página necessária 
uma grande dose de esforço 
(por exemplo, redirecionando o link para 
um URL bloqueado em robots.txt). 
É por isso quenofollow 
valor do atributo do rel atributo foi criado. 
Isto dá webmasters um controle 
mais granular: em vez de dizer os
 motores de busca e bots não seguir 
os links na página, ele permite que você 
facilmente instruir os robôs não rastrear
 um link específico. 


Por exemplo:
 <a href="signin.php" rel="nofollow"> sinal </ a>

Como o Google gerencia 

as ligações nofollowed?  

Em geral, não segui-los. 


Isto significa que o Google não transfere PageRank 
ou texto âncora através destes links. 


Essencialmente, usando nofollow nos faz 
cair os links alvo do nosso gráfico geral da web. 


No entanto, as páginas de destino ainda pode 
aparecer no nosso índice se outros sites ligar 
para eles sem o uso de nofollow , ou se as 
URLs são submetidos a Google em um Sitemap. 


Além disso, é importante notar que os outros 
motores de busca pode lidar 
com nofollow em maneiras 
ligeiramente diferentes.

Quais são as políticas do Google 

e alguns exemplos 

específicos do uso 

nofollow?

..." alguns casos em que 
você pode querer considerar o uso de 
nofollow :
  • Conteúdo não confiável : Se você não puder 
  • ou não quiser responsabilizar pelo conteúdo 
  • de páginas que ligam a partir do seu site 
  • - por exemplo, comentários de usuários 
  • não confiáveis ​​ou entradas no livro de visitas 
  • - você deve nofollow nesses links. Isso pode 
  • desestimular spammers de segmentação do 
  • seu site, e vai ajudar a manter seu 
  • site inadvertidamente passar PageRank
  •  para os bairros ruins na web. 
  • Em particular, os spammers de comentários 
  • podem decidir não para atingir um sistema 
  • específico de gestão de conteúdo ou serviço 
  • de blog se pode ver que os links não 
  • confiáveis ​​em que o serviço 
  • são nofollowed. 
  • Se você quer reconhecer e premiar 
  • colaboradores de confiança, você 
  • pode decidir automaticamente ou 
  • manualmente remover o nofollow atributo 
  • em links postados por membros ou usuários
  •  que têm consistentemente de 
  • alta qualidade feitas contribuições 
  • ao longo do tempo.

  • Links pagos : O ranking de um site nos 
  • resultados de busca do Google é 
  • parcialmente baseado na análise 
  • dos sites que apontam para ele. 
  • Para evitar que links pagos influenciem
  •  os resultados da pesquisa e impactando
  •  negativamente os usuários, pedimos 
  • webmasters usar nofollow em tais ligações. 
  • Motor de busca orientações exigem legível
  •  por máquina divulgação de links pagos 
  • da mesma forma que os consumidores 
  • online e offline satisfeito com a divulgação 
  • dos relacionamentos pagos (por exemplo, 
  • um anúncio de jornal de página inteira pode 
  • ser dirigido pela palavra "Publicidade"). 
  • Mais informações sobre 
  • o Google postura em links pagos.

  • Crawl priorização : Motor de busca robôs 
  • não podem entrar ou registrar-se como um
  • membro em seu forum, por isso não há razão
  •  para convidar o Googlebot de seguir 
  • "registrar aqui" ou "entrar em" links. 
  • Usando nofollow nesses links 
  • permite que o Googlebot para rastrear 
  • outras páginas você preferir ver no índice
  •  do Google. No entanto, uma arquitetura 
  • de informação sólida - navegação 
  • intuitiva, fácil de utilizar e URLs 
  • motor de busca amigável, e assim 
  • por diante - é provável que seja um
  •  uso muito mais produtivo dos recursos
  •  de se concentrar sobre a priorização de 
  • rastreamento através de links nofollowed.

Como funciona o nofollow 

com o 

Social Graph API 

(rel = "nofollow me")?

Se você hospeda perfis de usuários e permitir 
aos usuários ligar para outros perfis na web, 
nós encorajamos você a marcar as ligações 
com o rel = "me" microformato para 
que possam ser disponibilizados através 
da API do Social Graph. 


Por exemplo:


<a href="http://blog.example.com" rel="me"> Meu blog </ a>


No entanto, porque esses links são user-gerados e 
podem às vezes apontar para páginas não confiáveis, 
recomendamos que esses links ser marcado
 com nofollow. Por exemplo:

<a href="http://blog.example.com" rel="me nofollow"> Meu blog </ a>

Com rel = "nofollow me" , o 
Google continuará a tratar o
 rel = "nofollow" como esperado para 
fins de pesquisa, como a não transferência de 
PageRank. 


No entanto, para o Social Graph API,
 vamos contar o rel = "me" 
ligação mesmo quando incluído 
com um nofollow .


Se você é capaz de verificar a propriedade de 
um link usando uma tecnologia de identidade, 
como OpenIDou OAuth , no entanto, você 
pode optar por remover o nofollow link.


Para evitar o rastreamento de 
um rel = "nofollow-me" URL, 
você pode usar robots.txt . 


Regras de exclusão robots.txt padrão 
são respeitados por ambos 
Googlebot e da API Social Graph.


Duas perguntas sobre nofollow



Assista a uma visão geral em vídeo:


atualizada 2012/03/14

fonte: google