Pesquisar

Categories


Mostrando postagens com marcador blogger. Mostrar todas as postagens
Mostrando postagens com marcador blogger. 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                                                                                    








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










Gadget?... O que é ?

Gadget?... O que é ?





Pictures of Jessica Biel 

Pets 

Gadget = Widget


"Web Widget"


Origem: Wikipédia, a enciclopédia livre
Em computação , um widget web é um widget de software para a web. 
É um pequeno aplicativo que pode ser instalado e executado dentro de uma página web por um usuário final. Elas são derivadas da idéia de reutilização de código . Outros termos utilizados para descrever widgets da Web incluem: carece de fontes? ] portlet ,web parte , gadget, badge, módulo, webjit, cápsula, snippet, mini e flake. 
Widgets são tipicamente criados em DHTML , JavaScript ou Flash da Adobe .
Widgets geralmente tomam a forma de na tela do dispositivo (relógios, contagens regressivas de eventos, leilões de cotações, cotações do mercado de ações, informação chegada do vôo, previsão do tempo diária, etc.)

Um widget é uma aplicação stand-alone que pode ser incorporado em sites de terceiros por qualquer usuário em uma página onde eles têm direitos de autor (por exemplo, uma página web, blog ou perfil em um site de mídia social). Widgets permitem aos usuários transformar conteúdo pessoal em aplicações web dinâmicas que podem ser compartilhadas em sites onde o código pode ser instalado. Por exemplo, um "Widget Weather Report" poderia informar o tempo de hoje, acessando dados do Weather Channel, que poderia até mesmo ser patrocinado pelo Weather Channel. Se você quiser colocar esse widget em seu perfil no Facebook própria, você poderia fazer isso copiando e colando o código embed para seu perfil no Facebook.





Widget

Embutidos pedaços de código que já existiam desde o início do desenvolvimento da World Wide Web. Os desenvolvedores da Web têm buscado e usado pedaços de código de terceiros em suas páginas. 
Web widgets primeiros desde funções como contadores de links e banners publicitários .
Widgets pode ser encarado como o download de aplicativos que se parecem e agem como aplicações tradicionais, mas são implementados usando tecnologias web, incluindo JavaScript , o Flash , HTML e CSS . Widgets usam e dependem do web APIs expostas tanto pelo navegador ou por um motor de Widget, como Akamai ,Clearspring , KickApps , MassPublisher , NewsGator , Plusmo , Widgetbox , Widsets , WebWag , FormLoop e muitos outros.
Sites como MassPublisher , SnackTools , FormLoop e Widgetbox , permitirá aos usuários facilmente criar widgets a partir de seus próprios conteúdos sem qualquer conhecimento de codificação necessária.

[  ]Principais tipos de widgets

Widgets vêm em muitos formas e tamanhos, mas dois dos tipos mais importantes hoje são widgets da Web e widgets de desktop . 


Web Widgets são destinados ao uso em incorporar (em) páginas e tem grandes implicações em áreas como o desempenho do site, SEO e até mesmo campanhas backlink. Widgets de desktop são incorporados em computadores locais, e não impactar o desempenho SEO ou página web.

Como exemplo, Widgetbox gerar Web Widgets que podem ser usados ​​em praticamente qualquer site. Widgets Apple Desktop só podem ser adicionados ao desktop do seu computador (Apple) local.
Uma utilização mais recente de Widgets é para pagamentos, alguns dos quais podem ser usados ​​para receber pagamentos de conteúdo ou serviços de um sítio. Por exemplo, usando JunglePay para configurar e ativar os micro-pagamentos de conteúdo específico em um site, blog ou social. Permitindo web masters e donos de sites com pouco ou nenhum conhecimento de programação para permitir a aceitação de pagamento para seu site.

[  ]Uso em mídias sociais

O uso de widgets tem provado cada vez mais popular, onde os usuários de mídias sociais é capaz de adicionar aplicações stand-alone para blogs, perfis e páginas da comunidade. Widgets adicionar a utilidade da mesma maneira que uma aplicação iPhone faz. Os desenvolvedores desses widgets são muitas vezes oferecendo-lhes como uma forma de conteúdo patrocinado, o que pode pagar o custo do desenvolvimento quando os mapas do widget de utilidade para as necessidades do usuário de forma que ambas as partes ganham. (Por exemplo, uma marca de notícias esportivas pode ganhar a consciência e aumento da quota de audiência em troca da utilidade dos escores de jogos atuais que estão sendo instantaneamente e dinamicamente disponível - o blog que publicou o widget pontuação Esportes pode ganhar em ter um rígidas site).Os usuários finais usam principalmente widgets para melhorar as suas experiências pessoais na web, ou as experiências Web de visitantes para seus sites pessoais.

[  ]Elemento de controle

Um fator importante com Widgets é que o host não controla o conteúdo. O conteúdo ou a funcionalidade que proporciona não pode ser modificada pelo hospedeiro. O conteúdo é pré-publicado pelo provedor editor / autor / serviço eo anfitrião pode aceitar que o conteúdo ou não usar o widget. O anfitrião tem, no entanto controlar o posicionamento do Widget. Como o anfitrião pode sempre tomar o Widget para baixo, ele assegura um elevado grau de benefício mútuo e satisfação com o desempenho e conteúdo.

[ ]Segurança considerações

Como qualquer código de programa, os widgets podem ser usados ​​para fins maliciosos. Um exemplo é o Facebook "Secret Crush" widget, informou no início de 2008 pela Fortinet como atrair os usuários a instalar Zango adware . [ 1 ]

[  ]Considerações sobre SEO

Uma consideração importante no uso de web widgets é como eles vão afetar o SEO (Search Engine Optimization) do seu site. Do lado do cliente widgets de incluir praticamente qualquer coisa prestados em JavaScript ou Flash, e são de longe os mais comuns tipos de widgets que você vai ver hoje. O conteúdo desses elementos não é visível aos motores de busca, e não, portanto, ser visto como parte do conteúdo do seu site. Server-side conteúdo do widget é visível para os motores de busca, mas estes são um pouco mais difícil para incorporar. Em ambos os casos, robôs de busca podem ver o código embed para o widget em si, de modo algum a preocupação de SEO podem ser aliviados dessa maneira, mas SEO deve ser parte de sua consideração na utilização de qualquer widget em seu site.

[]Widget gerenciamento de sistemas

Sistemas de gestão Widget oferecer um método de gerenciamento de widgets que trabalham em qualquer página web, como um blog ou página inicial da rede social.Muitos sistemas de blog vem com built-in sistemas de gestão de widgets como plug-ins. Os usuários podem obter widgets e outras ferramentas de gestão de empresas widgets widgets diferentes.

]Mobile Web Widget

Um widget Web Móvel é um widget web que é feito ou projetado para o acesso no dispositivo móvel .

 ]Padrões


O W3C está criando um conjunto de padrões para web widgets e existem vários padrões proprietários.

]Referências

  1. "Widget inflige malware - Facebook ignora comunicado?" . blog.anta.net . 2008-01-05. ISSN  1797-1993 . Retirado 2008/01/05 .


[ ]Ligações externas






fonte:
wikipedia