quinta-feira, 5 de abril de 2012

Nova opção no blogger: botão Google+1 e Selo do Google+

0

O Blogger hoje acrescentou duas novas opções para a galeria de gadgets, a Galeria de Gadgets é uma coleção de gadgets que você pode adicionar ao seu blog através da opção "Adicionar um Gadget" na pagina ​​layout.

As duas novas opções são para o novo Google +, o primeiro, um botão Google+ para os leitores recomendar o seu blog, e o segundo um emblema do Google+ para os leitores acompanhar suas atualizações no Google+.


Google+, botão goole+, selo google+


Como dito acima, você pode adicionar estes novos gadgets na barra lateral do seu blog, rodapé ou em qualquer lugar que aceita gadget. Simplesmente vá até a página layout do blog, clique em Adicionar um gadget e escolha o gadget que deseja.

Para o botão + 1 você tem opções para o estilo, enquanto para adicionar o Google Plus badge, você vai precisar do seu perfil ou página de ID (Um link com as instruções são fornecidas).

Read more

Personalizar blockquote no blogger

0

Como personalizar as citações em destaque das postagens de um blog no blogger? O chamado: Blockquote? É algo muito simples. Vamos apenas adicionar algumas linhas CSS e dar estilo ao blockquote.
 

Para personalizar o blockquote no seu blog, siga os passos a seguir.


Passo 1: Entre no painel do blogger clique no link design e em seguida editar HTML
Passo 2: Procure (CTRL+F) por qualquer trecho no CSS com o nome blockquote
Passo 3: Delete o código encontrado e substitua pelo código abaixo:
 
blockquote {
background: #A9F5D0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzCquftuKKUKKGGVwzLmqWsa_gxr86MzemQ4EG9bhme9UQLbooQ48EB4Pb3MndJ6CUwrZZnnZxDcaMZwFrNZLle3EbxaGGYP2V1-TURmz4MkPGBG5TT03s0vdlh2gJpuvKWcvDy7sxNNA/s200/blockquote.png) top left no-repeat;
margin: 10px 15px 3px 3px;
padding: 5px 15px 10px 32px;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
font-style: italic;
}
 
O resultado será este:
 
blockquote1

Se preferir você pode dar um aspecto mais moderno como este:


blockquote2

Para o segundo modelo use este código:

blockquote {
margin: 10px 15px 3px 3px;
padding: 5px 15px 10px 15px;
border-left: 5px solid #FF8000;
font-style: italic;
}
 
Alguns layouts não tem o código: blockquote {
Em outras o código começa um pouco diferente: .post blockquote {
Depois de inserir o código clique em Visualizar se estiver tudo certo clique em Salvar modelo. Pronto você já tem o blockquote personalizado no seu blog.
Até a próxima!

Read more

Como colocar o botão de subir e descer no blog

1

Colocar o botão de Subir e Descer no seu blog facilita o aceso ao conteúdo da página, principalmente quando na página principal há muitas postagens ou quando um tem muitos comentários.
Vamos ver como colocar o botão de Subir e Descer em seu blog. É bem fácil porque é colocado através de um Gadget.
Passo 1. Acesse o seu blog:
Passo 2.  vá até 'design' → Layout
Passo 3.  Clique em 'Adicionar gadget'→ Escolha tipo 'HTML/Javascript'.
Passo 4. Cole o código abaixo de sua preferencia:
 
sdas

Estilo #3:
<div id="navigation_up_down_76082"><script type="text/javascript" src="http://services.webestools.com/navigation_up_down/3-76082-right.js"></script></div>
Estilo #4:
<div id="navigation_up_down_35349"><script type="text/javascript" src="http://services.webestools.com/navigation_up_down/4-35349-right.js"></script></div>
Estilo #5:
<div id="navigation_up_down_48221"><script type="text/javascript" src="http://services.webestools.com/navigation_up_down/5-48221-right.js"></script></div>
Estilo #6:
<div id="navigation_up_down_73148"><script type="text/javascript" src="http://services.webestools.com/navigation_up_down/6-73148-right.js"></script></div>
Estilo #7:
<div id="navigation_up_down_65694"><script type="text/javascript" src="http://services.webestools.com/navigation_up_down/7-65694-right.js"></script></div>
Estilo #8:
<div id="navigation_up_down_18067"><script type="text/javascript" src="http://services.webestools.com/navigation_up_down/8-18067-right.js"></script></div>
Estilo #9:
<div id="navigation_up_down_42270"><script type="text/javascript" src="http://services.webestools.com/navigation_up_down/9-42270-right.js"></script></div>
Estilo #10:
<div id="navigation_up_down_15387"><script type="text/javascript" src="http://services.webestools.com/navigation_up_down/10-15387-right.js"></script></div>

Você pode ver o botão em funcionamento aqui mesmo no Dicas Blogger, a direita.
Boa sorte!

Read more

O que significa erro 503 no blogger?

0

Constantemente tenho encontrado com essa mensagem:


erro 503


O problema aumentou depois das alterações que foram feitas pelo Google.


Por que isso ocorre?


Sem saber o significado desse erro 503, fiz algumas pesquisas na web e encontrei a seguinte definição:

O servidor Web (que faz o website funcionar) não consegue no momento lidar com o pedido de HTTP devido a uma sobrecarga temporária ou manutenção do servidor. A implicação é que esta é uma condição temporária que será resolvida depois de algum atraso. Alguns servidores nesta condição também podem simplesmente recusar conexão de soquete, e neste caso um erro diferente pode ser gerado por que a criação do soquete devido ao tempo esgotado de criação de soquete.
Fonte: CheckupDown

Continuo sem entender. Acredito que esse problema está relacionado com as mudanças realizadas no Blogger recentemente.

Como resolver?

Por enquanto a única alternativa é atualizar a página, clicando em “atualizar (refresh)” no navegador ou apertando a tecla F5 do teclado.

Vamos aguardar, porque tá osso.

Read more

Dez exemplos de texto com sombra – Shadow

0

O CSS nível 3 tem uma propriedade chamada 'texto com sombras' para adicionar uma sombra a cada letra do texto.
Apresento a seguir 10 exemplos com a finalidade de mostrar as definições básicas para este processo. As possibilidades são ilimitadas, bastando um pouco de criatividade para se obter efeitos bastante interessantes e decorativos.
 

Exemplo 1:

Sombra1
CSS:
#shadow1 {
color: #DA1B62;
font-family: 'Leckerli One',cursive;
font-size: 95px;
font-weight: bold;
text-transform: uppercase;
text-shadow: 4px 4px 0 rgba(255, 255, 255, 0.8), 10px 10px 0 rgba(187, 187, 187, 0.5);
}
 

Exemplo 2:

Sombra2
CSS:
#shadow2 {
color: #FE6602;
font-family: 'Aclonica',serif;
font-size: 95px;
font-weight: bold;
text-transform: uppercase;
text-shadow: 0 1px 0 #000000, 0 2px 0 #888888, 0 3px 0 #777777, 0 4px 0 #FFFFFF, 0 5px 0 #555555, 0 6px 0 #444444, 0 7px 0 #333333, 0 8px 7px #001135;
letter-spacing: 1px;
}
 

Exemplo 3:

Sombra 3
CSS:
#shadow3 {
color: white;
font-size: 105px;
font-weight: bold;
text-transform: uppercase;
text-shadow: 0.1em 0.1em 0.2em black;
}
 

Exemplo 4:

Sombra4
CSS:
#shadow4 {
color: #44CCF6;
font-size: 105px;
font-weight: bold;
text-transform: uppercase;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
 

Exemplo 5:

Sombra5
 
CSS:
#shadow5 {
color: rgba(0, 174, 239, 0.2);
font-size: 95px;
font-weight: bold;
text-transform: uppercase;
text-shadow: 0 5px 2px rgba(0, 0, 30, 0.08);
}

Exemplo 6:


Sombra6
CSS:
#shadow6 {
color: #FFFFFF;
font-size: 105px;
font-weight: bold;
font-family: "League-Gothic",Courier;
text-transform: uppercase;
text-shadow: 0 0 20px #FEFCC9, 10px -10px 30px #FEEC85, -20px -20px 40px #FFAE34, 20px -40px 50px #EC760C, -20px -10px 60px #CD4606, 0 -10px 70px #973716, 10px -20px 80px #451B0E;
}
 

Exemplo 7:


Sombra7
CSS:
#shadow7 {
color: #006666;
font-size: 105px;
font-weight: bold;
text-transform: uppercase;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5);
}
 

Exemplo 8:


Sombra8
CSS:
#shadow8 {
color: #fff;
font-size: 105px;
font-weight: bold;
text-transform: uppercase;
text-shadow: 0 1px 0 #CCCCCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBBBBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAAAAA, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}
 

Exemplo 9:

Sombra9
CSS:
#shadow9 {
color: #F9BAD4;
font-size: 105px;
font-weight: bold;
text-transform: uppercase;
text-shadow: 0 2px 0 #F48CB7, 0 4px 0 #FBDAE8, 0 6px 0 #F48CB7, 0 8px 0 #F48CB7, 3px 8px 15px #FBDAE8, 3px 8px 5px #F48CB7;
}
 

Exemplo 10:

Sombra10
CSS:
#shadow10 {
color: #C10230;
font-size: 100px;
font-weight: bold;
text-transform: uppercase;
text-shadow: 10px 21px 11px #000000;
}

Read more

Criar página de erro 404 no Blogger

0

Todos já sabem que o Blogger incluiu novas opções na nova interface do Blogger. Uma destas opções é a possibilidade de criar uma mensagem personalizada nas páginas de erro. Quer dizer, nas páginas que não existem, de modo que si um usuário clica em uma postagem eliminada ou uma url mal escrita do nosso blog, aparecerá uma mensagem personalizada.
Mas, podemos ir um pouco mais além e eliminar as sidebar e outros elementos nessas páginas de erro para que apareça a mensagem personalizada, algo como este exemplo abaixo:
Pagina de erro 404
 
Ou uma demonstração:  Clicando aqui

Como inserir a pagina de erro personalizada no blogger?

Entrar em Configuração | Preferencias de pesquisa (disponível somente na nova interface do Blogger), e onde diz "Página não encontrada personalizada” dê um clique em Editar.

Erro 404
 

Na área em branco cole este código abaixo:

 
<div class='MBT-404-box'>
  <p style='line-height: 30px'><strong>
<font color='#ff0000' size='5'>
Oops!
</font> <font color='#666666'>
Parece que houve um erro com a página que você estava procurando. É bem provável que tenha sido eliminada ou o endereço não existe:
</font></strong></p>
  <ol style='line-height: 25px'>
    <li><a href='javascript:history.go(-1)'>&#171; Voltar</a> </li>
    <li>Comunicar o Problema <a href='DIGITE AQUI A URL DO SEU BLOG’ >Clicando Aqui</a>&#160;&#160;&#160; (<em>Vai nos ajudar a resolver o problema e servi-lo melhor</em>) </li>
    <li>Ir para a pagina inicial <a href='DIGITE AQUI A URL DO SEU BLOG >Clicando Aqui</a>
      <br/></li>
  </ol>
  <p>
    <br/>
    <br/>
    <br/></p>
  <p align='center'><font color='#0080ff' style='font-size: 150px'><strong>404</strong></font></p>
  <p>&#160;</p>
  <p align='center'/>
  <p align='center'><font size='5'>Pagina não encontrada!</font></p>
</div>

Clique em Salvar alterações
Esse e um código de exemplo, na realidade você pode colocar o que você quiser e com os estilos desejados.

Agora antes de </head> cole o código abaixo:



<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
.status-msg-wrap {
    font-size: 100%;
    margin: none;
    position: static;
    width: 100%;
}
.status-msg-border {
    display:none
}
.status-msg-body {
    padding: none;
    position: static;
    text-align: inherit;
    width: 100%;
    z-index: auto;
}
.status-msg-wrap a {
    padding: none;
    text-decoration: inherit;
}
.MBT-404-box {
  background:#FFFFFF;
  width:98%;
  margin:10px 0px;
  padding:20px 10px;
  border:1px solid #ddd;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  box-shadow: 5px 5px 5px #CCCCCC;
}
</style>
</b:if>

Clique em Salvar modelo
Com isso você já tem a mensagem de erro personalizada como a imagem de exemplo. Agora vamos a eliminar a sidebar e outros elementos, para isso é necessário que conheças os IDs ou classes de todos esses elementos que desejas ocultar, aqui veremos os básicos.
 

Antes de </head> cole este código abaixo:


<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
.column-right-outer, .column-left-outer, .footer-outer, .feed-links, #blog-pager, #sidebar-wrapper, #footer-wrapper, .header-outer, .tabs-outer {
display: none;
}
.fauxcolumn-right-outer .fauxcolumn-inner, .fauxcolumn-left-outer .fauxcolumn-inner {
border-left: 0px;
border-right: 0px;
}
#main, #main-wrapper {
width: 960px; /* Aquí va el ancho total del blog */
margin-left: -25px;
}
</style>
</b:if>
 
Clique em salvar modelo
Prontinho. Está feito!
Como você pode ver em questão de códigos é pouco, quase tudo será a criatividade de cada um para que a página de erro seja tão simples ou tão complexa como cada um queira.

Read more

Resumo de postagem automático com imagem sem javascript

1

Acredito que você já observou que a maioria dos blogs mostram somente um resumo da postagem na página inicial, e no final aparece escrito "Leia Mais", ou "Continue Lendo", e quando clicamos em “Leia mais” ou “Continue lendo” aparece a postagem completa.
Veja o exemplo abaixo:
Hack Leia Mais
Eu particularmente acho que dá uma estética melhor á pagina inicial, evitando que a pagina inicial fique extensa demais, o que causa, muitas vezes, um certo desconforto na busca dos conteúdos em certas páginas.

Características do Hack "Leia Mais"

- Sem javascript
- Carregamento rápido
- Amigável para motor de busca
- Bom para SEO
- Funciona em todos browser, incluindo Internet Explorer 6

Com estes recurso suas postagens serão resumidas automaticamente na sua página inicial. A cada postagem, irá aparecer um breve resumo do conteúdo da postagem.
Passo 1. Aplicar estilos CSS:
Entre no modo → 'editar html' do seu template (não precisa clicar em 'expandir modelo de widget') e procure pela tag:
]]></b:skin>
Passo 2. Cole esse código abaixo ANTES dessa tag:
.post-thumbnail{float:left;margin-right:20px} // Para imagem a esquerda
ou
.post-thumbnail{float:right;margin-left:20px} // Para imagem a direita

Passo 3. Clique em 'expandir modelos de widgets' e procure por:
<data:post.body/>
Passo 4. Substitua o código acima pelo código abaixo

1. Resumo de Postagem Automático com imagens na Página Inicial


<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>


2. Resumo de Postagem Automático com imagens na Página Inicial para posts sem imagem


<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
<b:else/>
<img class='post-thumbnail' alt='no image' src='http://lh4.ggpht.com/_u7a1IFxc4WI/TTjruHJjcfI/AAAAAAAAAk0/i11Oj6i_bHY/no-image.png' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

Qualquer duvida, deixe seu comentário.
Boa sorte!

Read more

A melhor dica de SEO é escrever um bom conteúdo

0

“O Google irá ver o seu blog e se o seu conteúdo é muito emocionante". Eu não disse isso, o Google disse isso. "O conteúdo é o rei".
 

Com o que você precisa se preocupar quando for escrever um post?


seo


1. Fácil leitura e compreensão

Seu conteúdo deve ser de fácil leitura e compreensão, por isso você deve:
• Usar palavras simples, frases simples, verificar seu post muitas vezes antes de publicá-lo.
• Mais texto, mais SEO. A imagem é boa para ilustrar o texto, mas o texto é melhor para SEO.

2. Dividir o seu post

Faça seu post ficar mais bonito, ela deve ter cabeçalho, corpo e rodapé. Então, você precisa:
• Dividir os longos parágrafos e frases.
• Usar título para dividir seu post em muitas seções.

3. Criação de conteúdo exclusivo

Você deve escrever seus posts. É mágico, você precisa fazer:
• Não perca tempo copiando e colando, isso é uma ação estúpida. Escreva você mesmo.
• Faça o conteúdo do seu post diferente com todos os posts em seu blog.

4. Escreva para o leitor

Precisa de tempo para pesquisar qual o seu leitor favorito. Você precisa de:
• Não usar spam palavras-chave no seu post.
• Não tente enganar o Google bot, com conteúdo camuflado.
• Leia o post outra vez e veja o que você sente.

Tenha um ótimo post!

Read more

Descubra o ranking do seu blog

0

Navegando na internet encontrei uma excelente ferramenta que se chama Analiza.me; cujo objetivo e mostrar o ranking das paginas analisadas
ranking-web
Os dados apresentados por esta pagina vão desde o Pagerank do seu blog ou site até as paginas indexadas pelo Google, Bing, Yahoo e outros.
É serviço excelente de verdade muito recomendado para os blogueiros que querem medir o ranking e a popularidade de seus blogs e sites.

logo

Para analisar seu blog ou site é simples.
Entre no site: http://www.analiza.me ,digite a URL do seu blog ou site e logo clique em Revisar, espera uns segundos e logo você terá todas as informações sobre o seu blog.

Read more

Remover os ícones de edição rápida no Blogger/Blogspot

0

image_thumb[43]Outro dia alguém perguntou: Como remover os ícones de edição rápida no blogger? Provavelmente você já viu um ícone de um lápis e umas chaves de fendas no Blogger.
Esses ícones aparecem quando estamos logados no Blogger.
Os quick edit icons ou ícones de edição rápida do Blogger podem ser úteis, mas também pode trazer problemas sérios.
Como fazer para esconder esses ícones? Muito simples!
Passo 1. Entre no Blogger > Design > Editar HTML.
Passo 2. Procure por:
]]></b:skin>
Passo 3. Antes dele adicione o seguinte código:
.quickedit {display:none;}
Passo 4. Clique em Pré-Visualizar/Visualizar. Se estiver tudo no seu devido lugar, clique em Guardar/Salvar Modelo.
Viu como é simples? Se futuramente quiser mostra-los novamente é só apagar o código e pronto. 

Read more

Título otimizado no Blogger

0

titleAlguns ainda não sabem como otimizar o titulo da postagem para que na barra de navegação apareça o titulo da postagem antes do titulo do blog, como acontece com a maioria dos blogs.
Esta façanha se consegue através de uma pequena modificação no título do seu blog, a partir da "edição html".
Esta alteração permite mostrar o nome na barra do navegador, de uma postagem concreta sem que apareça o nome do blog na primeira posição, mas sim o titulo de cada postagem, com o qual se obtém um melhor posicionamento nos buscadores.
Passo 1. Entre no painel do blogger, escolha a opção “Modelo” e logo clique na opção “Editar HTML"
Passo 2. Logo no inicio do código do layout, Encontre o seguinte código:
<title><data:blog.pageTitle/></title>
Passo 3. Substitua o código acima por este outro:
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> : <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
Passo 4. Clique na opção: “Salvar modelo”.
Pronto! o titulo das postagem está otimizado para um melhor posicionamento nos buscadores

Read more

Título do post amigável com Google SEO

0

seo-otimizacaoEscrever um título amigável é muito importante para o SEO, não só com o Google.
Este é o conteúdo que o Google bot indexa primeiro e também é o que os internautas clicam primeiro quando eles procuram algo.

1. Quantos caracteres são permitidos?
Se tiver mais de 60 caracteres, o título vai se tornar confuso porque o Google irá mostrar o seu título com apenas 60 caracteres, os outros caracteres vão aparecer assim: "...".
Menor é melhor
2. Fácil de entender
Escreva para o leitor, não para o Google bot. Seu título será fácil de ser clicado pelos internautas quando eles puderem compreender o seu significado por ler apenas 1 (uma) vez.
Use palavras simples, frases claras e não use símbolos especiais.
3. Título relacionado com o conteúdo
Não escreva o título do post com palavras quentes (nu, sexo ...) se elas não estão relacionadas com conteúdo do post.
Os internautas poderão clicar no título quente, mas eles vão deixar o seu blog imediatamente quando ler o corpo da postagem que não está relacionada com o título.
Não perca tempo para spam com títulos estúpidos.
4. Em forma de pergunta é melhor
Se você puder escrever o título do seu post como uma pergunta, faça-o. Por quê? Porque quando os internautas vêm para o Google, eles sempre têm algumas perguntas em mente e, claro, o percentual que irá introduzir suas palavras-chave como uma pergunta é muito alto.
E se o seu título é semelhante com suas palavras-chave, uma pergunta, eles vão gostar de clicar nele.

Read more

Comentários recentes com avatar

0

c9d96d8f2ae13f0db46d0613b90a8e7dUm widget de comentários recentes pode ser algo interessante para um blog, e ele não pesa muito e nem ocupa muito espaço na sidebar, algo que não prejudica a navegabilidade de seu blog.
Neste tutorial, lhes mostrarei como adicionar um widget que mostra os comentários mais recentes mostrando automaticamente o avatar quando alguém deixa um comentário no seu blog
 
 

Como adicionar widget comentários recentes com avatar?


Passo 1: adicione este código CSS antes de:
 
]]></b:skin>
 
#recent-comments-avatar .rc-avatar{margin:1px 10px 0 0;border-radius:15px 15px 0 15px;width:30px;height:30px}
 
Passo 2: adicionar HTML / Javascript widget onde você quer exibir os comentários recentes, e cole o código abaixo:
 
<div id='recent-comments-avatar'>
<script type='text/javascript'>
var copyright_by_duypham_dot_info='Recent Comments free version 2.0 by http://duypham.info'; // Do not modify this
nc=5;
length_name=30;
length_content=150;
no_avatar='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYbTBy2O8-jEC1NgDzclqFLax_LldobYjVIh38bd0YiPxNCeciVsywqNRT8v9PWXup8p0jvq628Y8JpIZQEjobtJ1CEQQgA2dpRna60zD-IpV_c39Jt4ta-5sKuntdWLzD5JLCetHm9lA/s44/no-avatar.png';
on='on';
profile='View the profile of';
admin_style='<span style="background:#F00;color:#FFF">Admin</span>';
home_page='';
admin_uri='';
admin_avatar='';
avatar_show='yes';
var dp=["\x79\x3D\x30\x3B\x75\x3D\x30\x3B\x6C\x3D\x5B\x5D\x3B\x64\x3D\x5B\x5D\x3B\x70\x3D\x5B\x5D\x3B\x45\x3D\x5B\x5D\x3B\x78\x3D\x5B\x5D\x3B\x50\x3D\x5B\x5D\x3B\x74\x3D\x5B\x5D\x3B\x61\x3D\x5B\x5D\x3B\x6E\x3D\x5B\x5D\x3B\x6B\x3D\x5B\x5D\x3B\x77\x3D\x5B\x5D\x3B\x4D\x3D\x5B\x5D\x3B\x4B\x3D\x5B\x5D\x3B\x7A\x3D\x5B\x5D\x3B\x31\x32\x3D\x27\x31\x41\x27\x3B\x5A\x3D\x27\x59\x3A\x2F\x2F\x27\x3B\x54\x3D\x27\x2E\x27\x3B\x31\x6F\x3D\x27\x31\x79\x27\x3B\x48\x20\x31\x34\x28\x73\x29\x7B\x34\x20\x6F\x3D\x73\x2E\x36\x2E\x43\x2E\x24\x74\x3B\x74\x5B\x75\x5D\x3D\x6F\x3B\x53\x3D\x73\x2E\x36\x2E\x31\x69\x24\x31\x61\x2E\x24\x74\x3B\x69\x3D\x31\x52\x28\x28\x53\x2D\x31\x29\x2F\x31\x4A\x29\x2B\x31\x3B\x45\x5B\x75\x5D\x3D\x69\x3B\x75\x2B\x2B\x7D\x3B\x48\x20\x31\x39\x28\x71\x29\x7B\x79\x3D\x71\x2E\x36\x2E\x31\x69\x24\x31\x61\x2E\x24\x74\x3B\x50\x3D\x71\x2E\x36\x2E\x43\x2E\x24\x74\x3B\x33\x28\x27\x44\x27\x66\x20\x71\x2E\x36\x2E\x62\x5B\x30\x5D\x29\x7B\x4D\x3D\x71\x2E\x36\x2E\x62\x5B\x30\x5D\x2E\x44\x2E\x24\x74\x7D\x3B\x4B\x3D\x71\x2E\x36\x2E\x62\x5B\x30\x5D\x2E\x4C\x24\x47\x2E\x6D\x3B\x31\x63\x28\x34\x20\x67\x3D\x30\x3B\x28\x67\x3C\x49\x29\x26\x26\x28\x67\x3C\x79\x29\x3B\x67\x2B\x2B\x29\x7B\x63\x3D\x71\x2E\x36\x2E\x31\x72\x5B\x67\x5D\x3B\x33\x28\x67\x3D\x3D\x71\x2E\x36\x2E\x31\x72\x2E\x4A\x29\x7B\x31\x44\x7D\x3B\x6C\x3D\x63\x2E\x31\x49\x5B\x30\x5D\x2E\x46\x3B\x6C\x3D\x6C\x2E\x31\x5A\x28\x27\x2F\x27\x29\x3B\x55\x3D\x6C\x5B\x35\x5D\x3B\x56\x3D\x6C\x5B\x38\x5D\x3B\x34\x20\x57\x3D\x63\x5B\x27\x31\x45\x24\x66\x2D\x31\x46\x2D\x31\x48\x27\x5D\x2E\x46\x3B\x64\x5B\x67\x5D\x3D\x57\x3B\x70\x5B\x67\x5D\x3D\x56\x3B\x33\x28\x27\x58\x27\x66\x20\x63\x29\x7B\x34\x20\x6A\x3D\x63\x2E\x58\x2E\x24\x74\x7D\x65\x7B\x33\x28\x27\x31\x30\x27\x66\x20\x63\x29\x7B\x34\x20\x6A\x3D\x63\x2E\x31\x30\x2E\x24\x74\x7D\x65\x7B\x34\x20\x6A\x3D\x27\x26\x23\x31\x7A\x3B\x27\x7D\x7D\x3B\x6A\x3D\x6A\x2E\x42\x28\x2F\x3C\x31\x42\x20\x5C\x2F\x3E\x2F\x67\x2C\x27\x20\x27\x29\x3B\x6A\x3D\x6A\x2E\x42\x28\x2F\x40\x3C\x61\x2E\x2A\x3F\x61\x3E\x2F\x67\x2C\x27\x27\x29\x3B\x6A\x3D\x6A\x2E\x42\x28\x2F\x3C\x5B\x5E\x3E\x5D\x2A\x3E\x2F\x67\x2C\x27\x27\x29\x3B\x33\x28\x6A\x2E\x4A\x3C\x31\x31\x29\x7B\x78\x5B\x67\x5D\x3D\x6A\x7D\x65\x7B\x6A\x3D\x6A\x2E\x41\x28\x30\x2C\x31\x31\x29\x3B\x34\x20\x68\x3D\x6A\x2E\x31\x33\x28\x27\x20\x27\x29\x3B\x6A\x3D\x6A\x2E\x41\x28\x30\x2C\x68\x29\x3B\x78\x5B\x67\x5D\x3D\x6A\x2B\x27\x26\x23\x52\x3B\x27\x7D\x3B\x37\x3D\x63\x2E\x62\x5B\x30\x5D\x2E\x31\x47\x2E\x24\x74\x3B\x33\x28\x37\x2E\x4A\x3C\x31\x35\x29\x7B\x61\x5B\x67\x5D\x3D\x37\x7D\x65\x7B\x37\x3D\x37\x2E\x41\x28\x30\x2C\x31\x35\x29\x3B\x34\x20\x68\x3D\x37\x2E\x31\x33\x28\x27\x27\x29\x3B\x37\x3D\x37\x2E\x41\x28\x30\x2C\x68\x29\x3B\x61\x5B\x67\x5D\x3D\x37\x2B\x27\x26\x23\x52\x3B\x27\x7D\x33\x28\x27\x44\x27\x66\x20\x63\x2E\x62\x5B\x30\x5D\x29\x7B\x77\x5B\x67\x5D\x3D\x63\x2E\x62\x5B\x30\x5D\x2E\x44\x2E\x24\x74\x3B\x7A\x5B\x67\x5D\x3D\x27\x3C\x61\x20\x46\x3D\x22\x27\x2B\x77\x5B\x67\x5D\x2B\x27\x22\x20\x31\x36\x3D\x22\x31\x37\x22\x20\x31\x4D\x3D\x22\x32\x38\x22\x20\x43\x3D\x22\x27\x2B\x31\x53\x2B\x27\x20\x27\x2B\x61\x5B\x67\x5D\x2B\x27\x22\x3E\x27\x2B\x61\x5B\x67\x5D\x2B\x27\x3C\x2F\x61\x3E\x27\x7D\x65\x7B\x7A\x5B\x67\x5D\x3D\x61\x5B\x67\x5D\x7D\x3B\x33\x28\x63\x2E\x62\x5B\x30\x5D\x2E\x4C\x24\x47\x2E\x6D\x3D\x3D\x27\x59\x3A\x2F\x2F\x31\x54\x2E\x31\x55\x2E\x31\x57\x2F\x31\x38\x2F\x32\x34\x2E\x31\x76\x27\x29\x7B\x6E\x5B\x67\x5D\x3D\x31\x77\x3B\x6B\x5B\x67\x5D\x3D\x27\x31\x78\x20\x4E\x27\x7D\x65\x7B\x6E\x5B\x67\x5D\x3D\x63\x2E\x62\x5B\x30\x5D\x2E\x4C\x24\x47\x2E\x6D\x3B\x6B\x5B\x67\x5D\x3D\x61\x5B\x67\x5D\x7D\x3B\x4F\x2E\x31\x62\x28\x27\x3C\x72\x20\x31\x64\x3D\x5C\x22\x31\x65\x2F\x31\x66\x5C\x22\x20\x6D\x3D\x5C\x22\x27\x2B\x31\x67\x2B\x27\x2F\x31\x68\x2F\x27\x2B\x55\x2B\x27\x2F\x51\x2F\x31\x6A\x3F\x6B\x3D\x73\x2D\x66\x2D\x72\x26\x31\x6B\x2D\x31\x6C\x3D\x30\x26\x31\x6D\x3D\x31\x34\x5C\x22\x3E\x3C\x5C\x2F\x72\x3E\x27\x29\x7D\x7D\x3B\x33\x28\x31\x4B\x3D\x3D\x27\x31\x4C\x20\x31\x6E\x20\x31\x4E\x20\x31\x4F\x20\x32\x2E\x30\x20\x31\x50\x20\x27\x2B\x5A\x2B\x31\x32\x2B\x54\x2B\x31\x6F\x29\x7B\x4F\x2E\x31\x62\x28\x27\x3C\x72\x20\x31\x64\x3D\x5C\x22\x31\x65\x2F\x31\x66\x5C\x22\x20\x6D\x3D\x5C\x22\x27\x2B\x31\x67\x2B\x27\x2F\x31\x68\x2F\x51\x2F\x31\x6A\x3F\x6B\x3D\x73\x2D\x66\x2D\x72\x26\x31\x6B\x2D\x31\x6C\x3D\x27\x2B\x49\x2B\x27\x26\x31\x6D\x3D\x31\x39\x5C\x22\x3E\x3C\x5C\x2F\x72\x3E\x27\x29\x7D\x3B\x48\x20\x31\x51\x28\x29\x7B\x34\x20\x39\x3D\x27\x27\x3B\x39\x2B\x3D\x27\x3C\x31\x70\x3E\x27\x3B\x31\x63\x28\x34\x20\x67\x3D\x30\x3B\x28\x67\x3C\x49\x29\x26\x26\x28\x67\x3C\x79\x29\x3B\x67\x2B\x2B\x29\x7B\x74\x5B\x67\x5D\x3D\x74\x5B\x67\x5D\x2E\x42\x28\x27\x31\x6E\x20\x31\x71\x20\x27\x2B\x50\x2B\x27\x3A\x20\x27\x2C\x27\x27\x29\x3B\x34\x20\x76\x3D\x27\x27\x3B\x33\x28\x45\x5B\x67\x5D\x3D\x3D\x31\x29\x7B\x76\x3D\x27\x23\x63\x27\x7D\x65\x7B\x76\x3D\x27\x3F\x31\x56\x3D\x27\x2B\x45\x5B\x67\x5D\x2B\x27\x23\x63\x27\x7D\x3B\x39\x2B\x3D\x27\x3C\x31\x73\x3E\x27\x3B\x33\x28\x31\x58\x3D\x3D\x27\x31\x59\x27\x29\x7B\x39\x2B\x3D\x27\x3C\x31\x38\x20\x6B\x3D\x22\x27\x2B\x6B\x5B\x67\x5D\x2B\x27\x22\x20\x31\x74\x3D\x22\x32\x30\x2D\x4E\x22\x20\x6D\x3D\x22\x27\x2B\x6E\x5B\x67\x5D\x2B\x27\x22\x2F\x3E\x27\x7D\x3B\x39\x2B\x3D\x7A\x5B\x67\x5D\x3B\x33\x28\x28\x28\x77\x5B\x67\x5D\x3D\x3D\x4D\x29\x26\x26\x28\x6E\x5B\x67\x5D\x3D\x3D\x4B\x29\x29\x7C\x7C\x28\x28\x77\x5B\x67\x5D\x3D\x3D\x32\x31\x29\x26\x26\x28\x6E\x5B\x67\x5D\x3D\x3D\x32\x32\x29\x29\x29\x7B\x39\x2B\x3D\x27\x20\x27\x2B\x32\x33\x7D\x3B\x39\x2B\x3D\x27\x20\x27\x2B\x31\x71\x2B\x27\x20\x3C\x61\x20\x46\x3D\x22\x27\x2B\x64\x5B\x67\x5D\x2B\x76\x2B\x70\x5B\x67\x5D\x2B\x27\x22\x20\x31\x36\x3D\x22\x31\x37\x22\x20\x43\x3D\x22\x27\x2B\x78\x5B\x67\x5D\x2B\x27\x22\x3E\x27\x2B\x74\x5B\x67\x5D\x2B\x27\x3C\x2F\x61\x3E\x3C\x31\x75\x20\x31\x74\x3D\x22\x32\x35\x22\x3E\x3C\x2F\x31\x75\x3E\x3C\x2F\x31\x73\x3E\x27\x7D\x3B\x39\x2B\x3D\x27\x3C\x2F\x31\x70\x3E\x27\x3B\x4F\x2E\x32\x36\x28\x27\x32\x37\x2D\x51\x2D\x4E\x27\x29\x2E\x31\x43\x3D\x39\x7D\x3B","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x7C\x69\x66\x7C\x76\x61\x72\x7C\x7C\x66\x65\x65\x64\x7C\x61\x32\x7C\x7C\x64\x77\x7C\x7C\x61\x75\x74\x68\x6F\x72\x7C\x7C\x7C\x65\x6C\x73\x65\x7C\x69\x6E\x7C\x7C\x7C\x7C\x7C\x61\x6C\x74\x7C\x6C\x6B\x7C\x73\x72\x63\x7C\x69\x6D\x7C\x7C\x7C\x7C\x73\x63\x72\x69\x70\x74\x7C\x6A\x73\x6F\x6E\x7C\x7C\x7C\x7C\x75\x72\x7C\x6A\x32\x7C\x74\x74\x7C\x70\x72\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x74\x69\x74\x6C\x65\x7C\x75\x72\x69\x7C\x70\x6E\x7C\x68\x72\x65\x66\x7C\x69\x6D\x61\x67\x65\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x6E\x63\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x69\x6D\x61\x7C\x67\x64\x7C\x75\x72\x61\x7C\x61\x76\x61\x74\x61\x72\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x74\x62\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x7C\x31\x33\x33\x7C\x6E\x75\x6D\x7C\x64\x6F\x74\x7C\x70\x69\x64\x7C\x63\x69\x64\x7C\x64\x32\x7C\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x68\x74\x74\x70\x7C\x6C\x6F\x63\x7C\x73\x75\x6D\x6D\x61\x72\x79\x7C\x6C\x65\x6E\x67\x74\x68\x5F\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x61\x64\x7C\x6C\x61\x73\x74\x49\x6E\x64\x65\x78\x4F\x66\x7C\x72\x63\x5F\x61\x76\x61\x74\x61\x72\x32\x7C\x6C\x65\x6E\x67\x74\x68\x5F\x6E\x61\x6D\x65\x7C\x72\x65\x6C\x7C\x6E\x6F\x66\x6F\x6C\x6C\x6F\x77\x7C\x69\x6D\x67\x7C\x72\x63\x5F\x61\x76\x61\x74\x61\x72\x31\x7C\x74\x6F\x74\x61\x6C\x52\x65\x73\x75\x6C\x74\x73\x7C\x77\x72\x69\x74\x65\x7C\x66\x6F\x72\x7C\x74\x79\x70\x65\x7C\x74\x65\x78\x74\x7C\x6A\x61\x76\x61\x73\x63\x72\x69\x70\x74\x7C\x68\x6F\x6D\x65\x5F\x70\x61\x67\x65\x7C\x66\x65\x65\x64\x73\x7C\x6F\x70\x65\x6E\x53\x65\x61\x72\x63\x68\x7C\x64\x65\x66\x61\x75\x6C\x74\x7C\x6D\x61\x78\x7C\x72\x65\x73\x75\x6C\x74\x73\x7C\x63\x61\x6C\x6C\x62\x61\x63\x6B\x7C\x43\x6F\x6D\x6D\x65\x6E\x74\x73\x7C\x69\x6E\x66\x7C\x75\x6C\x7C\x6F\x6E\x7C\x65\x6E\x74\x72\x79\x7C\x6C\x69\x7C\x63\x6C\x61\x73\x73\x7C\x64\x69\x76\x7C\x67\x69\x66\x7C\x6E\x6F\x5F\x61\x76\x61\x74\x61\x72\x7C\x6E\x6F\x7C\x69\x6E\x66\x6F\x7C\x38\x35\x39\x32\x7C\x64\x75\x79\x70\x68\x61\x6D\x7C\x62\x72\x7C\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C\x7C\x62\x72\x65\x61\x6B\x7C\x74\x68\x72\x7C\x72\x65\x70\x6C\x79\x7C\x6E\x61\x6D\x65\x7C\x74\x6F\x7C\x6C\x69\x6E\x6B\x7C\x32\x30\x30\x7C\x63\x6F\x70\x79\x72\x69\x67\x68\x74\x5F\x62\x79\x5F\x64\x75\x79\x70\x68\x61\x6D\x5F\x64\x6F\x74\x5F\x69\x6E\x66\x6F\x7C\x52\x65\x63\x65\x6E\x74\x7C\x74\x61\x72\x67\x65\x74\x7C\x66\x72\x65\x65\x7C\x76\x65\x72\x73\x69\x6F\x6E\x7C\x62\x79\x7C\x72\x63\x5F\x61\x76\x61\x74\x61\x72\x7C\x70\x61\x72\x73\x65\x49\x6E\x74\x7C\x70\x72\x6F\x66\x69\x6C\x65\x7C\x69\x6D\x67\x31\x7C\x62\x6C\x6F\x67\x62\x6C\x6F\x67\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x50\x61\x67\x65\x7C\x63\x6F\x6D\x7C\x61\x76\x61\x74\x61\x72\x5F\x73\x68\x6F\x77\x7C\x79\x65\x73\x7C\x73\x70\x6C\x69\x74\x7C\x72\x63\x7C\x61\x64\x6D\x69\x6E\x5F\x75\x72\x69\x7C\x61\x64\x6D\x69\x6E\x5F\x61\x76\x61\x74\x61\x72\x7C\x61\x64\x6D\x69\x6E\x5F\x73\x74\x79\x6C\x65\x7C\x62\x6C\x61\x6E\x6B\x7C\x63\x6C\x65\x61\x72\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x72\x65\x63\x65\x6E\x74\x7C\x5F\x62\x6C\x61\x6E\x6B","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_a,_b,_c,_d,_e,_f){_e=function (_c){return (_c<_b?dp[4]:_e(parseInt(_c/_b)))+((_c=_c%_b)>35?String[dp[5]](_c+29):_c.toString(36));};if(!dp[4][dp[6]](/^/,String)){while(_c--){_f[_e(_c)]=_d[_c]||_e(_c);};_d=[function (_e){return _f[_e];}];_e=function (){return dp[7];};_c=1;};while(_c--){if(_d[_c]){_a=_a[dp[6]](new RegExp(dp[8]+_e(_c)+dp[8],dp[9]),_d[_c]);};};return _a;}(dp[0],62,133,dp[3][dp[2]](dp[1]),0,{}));
</script>
<script type='text/javascript'>rc_avatar();</script>
</div>

Substituir 5 pelo número de comentários que você deseja mostrar.

30 é o número máximo de caracteres nos nomes dos comentadores.

150 é o número máximo de caracteres de comentários.

Se você quiser mostrar o avatar deixe a opção “YES”. senão quiser mostrar o avatar: onde está escrito “YES” apague e coloque “NO”

Read more

O que é SEO?

0

seo1O SEO visa a melhorar o posicionamento do seu site através de palavras-chaves juntamente com um bom conteúdo, assim levando seu site a um bom posicionamento nos mecanismos de busca.
O SEO pode melhorar muitas coisas no seu site ou blog, uma das coisas primordiais em um blog ou site é as visitas, com SEO é possível você aumentar estas visitas, e visitas de qualidade, onde você conseguirá fazer mostrar ao visitante o que ele realmente procura.
O SEO é uma prática sem garantias, ou seja, nenhuma empresa ou pessoa pode garantir que seu site fique em primeiro em uma busca, pois o único capaz disto seria o próprio site de busca como o Google ou o Yahoo.

Então? o que é SEO?

A palavra SEO (Search Engine Optimization), ou seja, Otimização para mecanismos de Busca, esses mecanismos de buscas sãos os buscadores usados para encontrar conteúdo na internet como por exemplo, Google, Yahoo, Bing, Ask.
Quando um usuário digita no mecanismo de busca uma palavra-chave, o objetivo do SEO é fazer com que uma (ou várias) das páginas do seu website, apareça entre os primeiros resultados da busca orgânica.

Read more

Como colocar botão like do facebook no blog?

0

facebook-likeA rede social inovadora do facebook disponibiliza aos internautas a possibilidade de colocarem nos seus sites e blogs o seu famoso botão “like” (Gostar – Curtir).
Este botão funciona sob a forma de um link que após clicado por um utilizador ou visitante do site ou blog irá postar no seu perfil do facebook que gostou daquilo que visitou ficando no seu perfil um link para o blog visitado.
O botão “like” permite também a contagem das pessoas que gostaram do que leram ou viram no seu site ou blog, fornecendo assim valores estatísticos para o webmaster proprietário do blog site.
Para colocar um botão like no seu blog acesse a pagina oficial:
http://developers.facebook.com/docs/reference/plugins/like
 

Para os utilizadores do google blogger:

Devem editar o tema html e procurar por <data:post.body/>.
Logo abaixo desse código devem colocar:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true'
expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; +
data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;
width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;'
frameborder='0' scrolling='no' style='border:none; overflow:hidden;
width:450px; height:40px;'/>
</b:if>

 

Para os utilizadores do wordpress


que querem um botão dinâmico para todas as suas entradas – artigos devem colocar o seguinte código no ficheiro de tema single.php:

<iframe src=”http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light” scrolling=”no” frameborder=”0″ allowTransparency=”true” style=”border:none; overflow:hidden; width:450px; height:60px”></iframe>

Se quiser mostrar as imagens das pessoas deve alterar “show_faces=false” to “show_faces=true

Read more

Como ativar o blog para dispositivos móveis?

0

iphone-google2Dispositivos móveis são: celulares, tablets, iPhone, iPod touch, Palm entre outros;  é o setor que mais cresce no mundo  com a relação a tecnologia  de informação.
Preparar seu blog ou site para ser lido, visto em dispositivo móvel é fundamental para sua sobrevivência. No futuro bem próximo as pessoas vão usar apenas dispositivos móveis para navegar na internet.

A verdade é que a navegação através de um dispositivo móvel pode resultar incomoda devido a resolução da tela e o tamanho da mesma. Por isto minha recomendação é ativar o Template para dispositivos móveis. Esta funcionalidade foi adiantada no Draft Blogger.

Como ativar o Template para dispositivos móveis?


A continuação os passos que você precisa seguir.


Passo 1.- Acesse o Blogger pela versão Draft.Blogger.com
Passo 2.- Clique em modelo; Em modelo você terá duas opções, "Agora no blog" e "Celular"; em baixo de "Celular" clique na engrenagem que representa as opções do seu blog no celular.
Passo 3.- Clique em personalizar modelo para celular
Passo 4.- escolha a opção: Sim, mostrar modelo para celular em aparelhos celulares.
Passo 5. - Escolha o modelo para celular que você deseja e pronto. Clique em Salvar e pronto o seu blog já está disponível nos celulares.
Muito fácil, não? Mas sem duvida de grande alcance e utilidade.

Read more

Como colocar um chat no blog?

0

plugooUm chat no blog... e para que? Imagine que você tenha uma loja de brinquedos e tem um blog onde publicas postagens sobre as características de cada artigo da sua loja. Possivelmente você vai receber mensagens do tipo: os bichinhos de pelúcia falam? Imagina agora que você pode bater papo com a pessoa que está vendo seu blog...

Existem muitos gadgets, widgets ou plug-ins... Mas pessoalmente, lembro-me de um que usei, e que funcionou perfeitamente. Chama-se Plugoo, tem uma versão gratuita e você pode bater papo desde MSN Messenger, Google Talk (o chat do Gmail) e outros.
Esta postagem é um pouco extensa... Está preparado?
Devemos ter claro que existem duas seções, a primeira de chat embutido na web ou no Blog e a segunda o serviço que usaremos para responder as perguntas. Neste exercício usaremos o Chat do Gmail.

Seção 1. Incorporar o chat no blog:

Passo 1. Acesse o Plugoo
Passo 2. Clique no botão verde: Registrar-se no Plugoo
Passo 3. Selecione a opção Talk (ou o que você quer criar)
Passo 4. Indique o nome de usuário IM a conta do Gmail que associarás a este serviço(seu e-mail no Gmail)
Passo 5. Conclua o registro
Passo 6. Uma vez dentro do serviço, veja a opção "Meus widgets" e personalize o objeto chat
Passo 7. Copie o código HTML
Passo 8. Entre na opção layout no Blogger e clique em Adicionar um Gadget. Escolha adicionar HTML/JavaScript e cole o código HTML que você copiou no Plugoo.
Pronto! Desta forma o chat sempre estará visível.
Observe que você pode personalizar a aparência, largura e altura, textos, cores, etc. Além disso, se sua conta do Gmail que serve o chat estiver conectado, exibe um ícone verde, caso contrario; vermelho. Neste caso você pode configura-lo para atuar como um formulário de contato, maravilhoso!

Seção 2. Responder usando a conta do Gmail

Para bater papo, você precisa estar conectado ao Gmail, entre com sua conta como sempre e ativa o chat (link de bate papo é ativado na parte inferior das mensagens recebidas). À esquerda, você tem as pessoas online para bater papo... E verás um novo amigo chamado MyPlugoo.

Read more

Ferramentas para webmaster do Bing

0

bing_logoAssim como o Google, a Microsoft também tem suas próprias ferramentas específicas para webmaster.
A verdade é que quase um mês depois de haver publicado o primeiro post do: Dicas blogger, a indexação do mesmo no Bing (o buscador da Microsoft) é sumamente pobre, assim que provarei as ferramentas que a Microsoft propõe...
... A primeira coisa que podemos fazer é conhecer a comparativa do nosso blog nos dois buscadores, para isso utilizaremos esta ferramenta bingle.nu que nos devolve o resultado da busca no Bing e no buscador do Google simultaneamente. Veja o exemplo com o Dicas blogger.
Existe duas formas de enviar o blog ao Bing. A primeira forma é utilizar este formulário simples, onde você introduz a url correspondente e pronto.
O segundo método e mais recomendado é utilizando as Ferramentas para Webmaster da Microsoft

Siga estes passos

Passo 1.- Acesse as ferramentas para Microsoft
Passo 2.- Clique no botão "Webmaster Tools Sign In" (identificação)
Passo 3.- Deverás usar uma conta de Windows Live Id (Hotmail)
Passo 4.- Uma vez dentro, adicione o blog, clicando em (Add site)
Passo 5.- Deverás verifica-lo, através de um código HTML; cole o código fornecido depois da tag: <head> (É o meio ideal para o blog).
Agora é só esperar e fazer o acompanhamento dentro de uma semana.
Neste post eu expliquei o procedimento para o caso do Bing. Em sucessivas entradas, iremos aprofundando algo mais. O certo é que os critérios de indexação de ambos buscadores não são os mesmos, se bem que o Google parece "premiar" os blogs, não acontece o mesmo com o Bing. Por outro lado vemos que o Google indexa cada página, enquanto que o Bing somente a página principal. Veremos o que acontece.

Read more

Como criar anotações de acompanhamento das estatísticas?

0

Muitas vezes acontece, principalmente na fase de otimização de um site ou blog que, fazemos alterações no HTML com o proposito de buscar mais visitas. Mas como saber se determinadas alterações tem efeito positivo ou negativo nas estatísticas...

... A única maneira prática que encontrei é usar as Notas no Google Analytics. Projetadas para explicar determinados picos, por exemplo, "Dia de palestra no congresso...", em meu caso é perfeito para fazer anotações cronológicas sobre as alterações no blog.

Siga estes passos:

1. Acesse o Google Analytics
2. Acesse as informações do blog ou site
3. Clique no gráfico, exatamente no ponto concreto onde você quer especificar uma nota
4. Clique em "Criar nova anotação" e escreva sua nota
Veja a ilustração abaixo:
Analytics
Observe que você pode recorrer todas as anotações no painel situado na parte inferior do gráfico.

Read more

Como criar um mecanismo de subscrição ao blog por e-mail?

0

seguir por emailA chave para implantar um sistema de subscrição por e-mail é utilizar outro serviço do Google chamado Feedburner (Adquirido por 100 milhões de dólares em maio de 2007).
O Feedburner é um gestor de Feed (atom.xml) do nosso blog; com ele podemos...
...por exemplo, integrar as postagens geradas pelo blog em uma seção de noticias de uma web (BuzzBoost), poderemos, como é o nosso caso criar um mecanismo de subscrição ao blog de forma que cada postagem publicada chegará aos assinantes como um boletim de noticias por e-mail. Ainda mais podemos conhecer estatísticas e inclusive inserir publicidade do Adsense...
O objetivo é fazer com um código HTML que colocaremos em nosso blog
Siga estes passos:

Passo 1: Entrar no FeedBurner
Passo 2: Podemos utilizar a interface em português, para isso mude logo acima onde está escrito "Languages"
Passo 3: Indicar na caixa de texto o feed do blog, em meu caso http://dicasblogger.org/atom.xml
Passo 4: Clique no botão "Next" ou “Próximo” e colocar um título
Passo 5: Em vez de seguir o assistente dê um clique em "ir diretamente a gestão do feed"
Passo 6: Agora você vai ver varias opções, as mais importantes "Optimizar" e "Publicar"
Passo 7: Clique na opção "Publicar" e escolha a opção "Email Subscriptions" ativar o serviço
Passo 8: Ao ativa-lo você verá as opções:
. Subscription Management, de onde obteremos o código necessário para inserir no blog
. Communication Preferences, de onde configuraremos a confirmação da subscrição
. Email Branding, de onde configuraremos o estilo de nosso boletim de noticias
. Delivery options, de onde configuraremos o horário do envio do boletim
Uma vez copiado o código, devemos colá-lo em um gadgets do tipo HTML/Javascript, na janela "Layout-->elementos da página" da administração do blog.
Uma vez feito isto, faça o teste...realmente é uma maravilha, e continue observando o resto das opções do Feedburner. Outra recomendação é ativar o serviço "BrowserFriendly" da opção "Optimizar" com o qual você pode fazer isso.
Você pode vê-lo funcionando neste mesmo blog.
Nota.  Em 23 de Março de 2011, Google anuncia um novo Gadget para "Seguir por e-mail" Na realidade funciona com a mesma tecnologia (Feed Burner) descrita neste post, mas sem duvida este "Atalho" é muito atrativo também. Mais informação em Buzz Blogger (canal oficial do Google)

Read more

Facebook toolbar

0

Barra de ferramentas do Facebook

A barra de ferramentas do Facebook permite que você compartilhe com seus amigos enquanto navega em qualquer lugar na web - ser notificado, compartilhar conteúdo, envio de fotos e atualizar seu status, não importa onde você está!
Excelentes recursos:
Facebook tollbar

1. Seja notificado:


Os ícones da barra de ferramentas mostram quantos novos pokes, pedidos de amizade, mensagens e convites que você tem.
Ativa uma notificação pop-up quando seus amigos atualizam seus status e perfis, enviam novas fotos, escrevem novas notas, ou interagem com você no Facebook.

2. Compartilhe links e fotos:


O botão Share permite que você compartilhe a página que você está navegando, enviando-a para amigos ou publicándo-a no seu perfil.
Um uploader de fotos útil permite que você envie fotos para o Facebook diretamente de seu desktop usando a barra de ferramentas.
São algumas das vantagens da barra de ferramentas do Facebook
Você pode experimentar baixando aqui:  http://www.facebook.com/toolbar?v=app_4949752878
Qualquer duvida deixe um comentário.

Read more

Recuperar conta do Facebook

0

Esqueceu o password da sua conta do Facebook? Não se preocupe, nós lhe explicaremos como recuperar o seu password com segurança.
 

Recuperar password do Facebook

1. Vá a facebook.com
2. Clique em “Esqueceu sua senha?”, como mostrado na figura abaixo..
facebook
3. O Facebook disponibiliza duas maneiras para recuperar o password, através da sua conta de Email ou através do celular. Iremos utilizar a recuperação do password por email. Para isso preenchemos o campo respetivo com a conta de email.
4. Confirme na janela seguinte.
5. Abra a sua conta de e-mail. Procure pelo código de reposição que foi enviado para você pelo facebook .
6. Volte ao facebook e introduza o código de reinicio confirmado.
7. Redefina o seu password.
8. E pronto! Recuperou a sua conta no Facebook.
Simples não?
Qualquer duvida, deixe seu comentário; teremos o prazer de responder.   

Read more

Contagem de índice pendente ao enviar o sitemap

0

google-webmastersFaz exatamente uma semana que enviamos o sitemap do blog ao Google através das "ferramentas para Webmaster", mas vemos na "URL no índice da web" um zero, por quê?...

Em vez disso vemos o texto "contagem de índice pendente" o que da que pensar que desde que enviamos nosso sitemap até que nossa web esteja no índice do Google passa um tempo.
Portanto paciência e aqui estão meus dados... 1 semana até que eu tenha uma contagem das páginas no índice.
Se o envio do teu sitemap (/atom.xml) apresenta erro é porque possivelmente, talvez você tenha um gestor de subscrição ao feed como pode ser o FeedBurner, nesse caso faça o teste com este sitemap que conta com um parâmetro de redirect=false, precisamente para evitar erro.
 
       /atom.xml?redirect=false&amp;start-index=1&amp;max-results=100

Para ver as páginas no índice do Google, escreva no buscador: site:TeuSiteouBlog, exemplo site:bquestion.blogspot.com

Read more

Como criar um formulário de contato para o blog

0

Em nosso blog temos criado varias postagens, também já o linkamos com o Google Analytics e enviamos o Sitemap com as Ferramentas para WebMaster. Agora vamos adicionar um novo elemento sumamente importante, um formulário de contato...
Para realizar este novo objetivo, vamos utilizar outro serviço do Google, que se chama Google Docs. Este serviço permite criar e compartilhar através da Internet documentos de texto, planilhas de cálculo, apresentações de slides, desenhos e também Formulários.
O designer de formulário do Google Docs nos permitirá, portanto criar una serie de campos como, nome, e-mail, observações e finalmente nos fornecerá um código HTML que integraremos em uma nova página do blog.
 

Criar e inserir um formulário de contato no blog


Passo 1. Conecta com o Google Docs
Passo 2. Sa a interface de usuário aparecer em inglês siga estes passos:
  • Dê um clique acima a direita onde está o ícone de configuração
  • Dê um clique no menu: Documents Settings
  • Estabeleça o idioma português e a zona horaria. Pressione guardar.
Passo 3. Use a opção "criar novo" e indique que se trata de um formulário
Passo 4. Desenhe seu formulário com os campos padrão, você pode marcar inclusive os campos obrigatórios.
Passo 5. Cada campo que você criar você pode atribuir um tipo (texto, paragrafo, lista, campo de verificação, etc.)
Passo 6. Acima a direita, tem um botão "Mais ações", seleciona "Incorporar”
Passo 7. Copia o código, retorne ao blogger
Passo 8. Crie uma nova página (não postagens) com o título "Contato"
Passo 9. Em "Editar HTML" na edição cole o código copiado do formulário
Passo 10. Salve a página e verifique se está funcionando corretamente

Notas: Se você tem um menu de navegação de páginas, a nova página é adicionada automaticamente tal como está no blog. Em caso contrario, anota o link para a nova página e coloque o link em um lugar visível no blog.
Você pode continuar melhorando o design do formulário (novos campos, modelo...) e este é automaticamente atualizado em nossa página do blog.

Como ativar as notificações por e-mail


Para cada formulário enviado, o sistema criará um novo registro em uma folha de cálculo automaticamente. Siga estes passos para configurar o sistema de notificações e informa-lo mediante um e-mail que você tem um novo contato.
  1. Volte ao Google Docs e dê um clique sobre a folha de Excel associado ao formulário de contato
  2. Vá ao menu Ferramentas e dê um clique em Regras de Notificação...
  3. Marca as opções tal e como aparece no seguinte gráfico:
contato
Uma vez configurada as notificações, você só tem que realizar um teste... preenchendo você mesmo o formulário.
Se você tiver alguma duvida ou problema deixe um comentário nesta mesma postagem.

Read more

Google: Central do Webmaster

0

A Central do Google para Webmaster é uma lista de serviços onde você poderá obter informações completas sobre a forma como o Google efetua rastreios e indexações de Web sites.
Na Central do Google para Webmaster você pode saber como garantir que o seu site é facilmente rastreado e indexado, e como acessar as ferramentas que lhe permitirão diagnosticar problemas de rastreio, estatísticas de estudos sobre o comportamento do seu site no nosso índice, e dizer-nos como gostaria que o seu site fosse rastreado ou indexado.
Índice das ferramentas:  http://www.google.pt/webmasters/

webmaster_tools-42Descubra como o Google visualiza seu site

Proprietários verificados de sites podem visualizar informações sobre como o Google rastreia, indexa e avalia seu site
 
Analise dados de pesquisa
Veja quantas pessoas encontraram seu site nos resultados de pesquisa e quantas pessoas clicaram nele
 
Receba alertas na sua caixa de entrada
Você será avisado se detectarmos que seu site possui malware ou gera erros
 
Veja quem clica no link do seu site
Rastreamos links de toda a web e mostraremos a você quem adicionou um link para seu site
 
Informe o Google sobre seu site
Envie Sitemaps e veja quantas páginas adicionamos ao índice
 
Nessa lista de serviços estão incluídas as seguintes ferramentas:
  1. Assistente de estado do site
  2. Blog do Google para Webmasters (Inglês)
  3. Ferramentas para o Webmaster (incluindo sitemap)
  4. Discussão de grupo do Google para Webmasters
  5. Enviar conteúdo para o Google
  6. Centro de ajuda para webmasters
Sendo a ferramenta Assistente de estado de site uma ferramenta indispensável onde se pode adicionar o sites e gerir a indexação do site por parte do Google.

Read more

Purpura: Blogger template

0

purpura

Púrpura Blogger Template


Púrpura  blogger template é um template para blogger com design simples.

É um template para blogger de 2 colunas com barra lateral a direita, rodapé com 4 colunas, limpo, simples e minimalista design, resumo de postagens, e muito mais.

Este modelo é adequado para todo tipo de Blog do Google

Como instalar o template Purpura

Baixe o arquivo WinRar, clique com o botão direito do mouse e escolha a opção “abrir”. Dentro da pasta, você vai encontrar o arquivo em formato .xml.
  • No painel do Blogger, clique em design e depois em editar HTML
  • Clique no botão selecionar arquivo e procure pelo template
  • Após encontrá-lo, clique no botão fazer upload
  • Clique agora em manter widgets
  • Salve, e pronto!

Autor Template: Pr. Aldenir Araújo - http://templatedeluxo.blogspot.com/


Download                     Live Demo

Read more

Como fazer para o Google indexar meu Blog

0

20101001113359google cópiaJá se passaram alguns dias desde que você criou seu blog. Tentou busca-lo através do buscador e não aparece como resultado. Por quê?

Como acelerar o processo de indexação do Google?

É questão de tempo até que o rastreador do Google também chamado GoogleBot ou mais comumente chamado Spider (aranha) encontre nosso blog e isto pode levar mais de 7 dias.
Ao invés de esperar que nosso blog seja encontrado pelo rastreador vamos a acelera o processo, fazendo chegar ao Google a informação do nosso blog, acelerando desta forma o processo de indexação.
Como quase tudo no Google existem duas formas de fazê-lo:
A primeira forma utilizando este serviço para enviar a URL do Blog ao Google.
A segunda e a mais recomendada é utilizando as "Ferramentas para Webmaster do Google". Através destas Ferramentas vamos registra o nosso blog, teremos que verifica-lo, para comprovar que o blog pertence a você; temos várias opções para Verificar titularidade; e por último enviaremos o sitemap do nosso blog.
Passo 1. Acesse as Ferramentas para webmaster do Google
Passo 2. Adicione seu blog, simplesmente indicado a url ou endereço do mesmo
Passo 3. Será preciso Verificar titularidade. Existem varias formas. No caso do blogger o ideal é inserir o código de seguimento do Google Analytics, ou por uma metatag que deveremos colocar na seção head. Este será o método escolhido neste exemplo.
Passo 4. É preciso colar o código de verificação no HTML, como primeira linha da seção <head>
Passo 5. Aqui está a chave...enviar o sitemap do blog ao Google. Na página principal das Ferramentas para Webmaster localiza onde está "Sitemap" e pressiona "mais>>"...então dá um clique no botão "Enviar Sitemap" e coloca atom.xml. De maneira que o final fique assim www.endereçodoseublog /atom.xml
Nota: Uma vez realizado isto devemos esperar uns dias e teremos que voltar a estas ferramentas para comprovar se já temos estatísticas do nosso blog.
É fundamental que seu blog seja encontrado pelo Google e outras ferramentas de busca. Trata-se de uma fonte importante de visitas, que pode impulsionar a evolução do seu blog.
Estes passos são idênticos para o caso de um Website. Em outros post veremos como gerar um arquivo sitemap para o nosso blog.

Read more

Como aumentar o espaço de armazenamento no Picasa

0

picasa_logoA verdade é que depois de um tempo utilizando o Picasa pode ser que você fique sem espaço para armazenar mais fotos. Por padrão o Google define 1 GBytes para ao Picasa e 7Gbytes para o Gmail.
No caso do Gmail elimine todos os emails spam que seguramente você está armazenando.
No caso do Picasa esteja certo de que as fotos que você está publicando não sejam do tamanho original para não consumir rapidamente o espaço gratuito. Lembre que se você tem um blog e publica fotos nele, estas fotos também são armazenadas no Picasa.
 

Finalmente, para aumentar o espaço de armazenamento do Picasa você deve...

Comprar mais espaço, é a melhor coisa a fazer, como você pode ver, pelos preços (20 Gigabytes adicionais por 5 Dólares/Ano). Qualquer outra invenção é para complicar a sua vida.
Espero que lhe seja útil... Deixe seus comentários.

Read more

Como ocultar a barra de navegação do Blogger (navbar)

0

blogger-navbar_colorsPor defeito, em nosso blog, aparece uma barra de navegação que permite ao usuário avançar ou retroceder a outro blog, ir diretamente ao painel de controle e buscar nos blogs. Realmente, isto não acrescenta nada ao nosso blog, só ocupa espaço e neste artigo veremos como oculta-la.
Este elemento não pode ser configurado a partir das opções da interface do Blogger pelo que temos que editar o template HTML.
 

Passos para ocultar a barra de navegação do Blogger

Como sempre quando mexemos no código HTML lhe recomendo que faça uma copia de segurança do seu template. Siga estes passos simples:
  1. Vá em design e clique em Fazer backup/Restaurar
  2. Depois de criar uma copia de segurança do modelo, clique no botão Editar HTML
  3. Pressione as teclas Ctrl F ou Ctrl B (no Mac em Mac ⌘F ou ⌘B) e procure por
Body {
  1. Logo acima do código encontrado, cole o seguinte código:
#navbar {display: none !important;}
  1. Visualize seu blog e se tudo estive correto, clique em: Salvar modelo.

Ocultar esta barra não viola as condições de uso do blogger, nem afeta o posicionamento do mesmo, se pede em alguns foros ter a deferência de colocar o logo do Blogger (é um gadget e pode coloca-lo através da janela Layout -> Adicionar um Gadget -> Logotipo do Blogger)
Como sempre, te convido a utilizar os comentários para deixar sua opinião neste artigo. Se você gostou desta publicação e não quer perder nenhuma outra, síga-me através do Facebook, Twitter, subscrição por email, Google Friend , RSS agora também no Google +. Use os botões das redes sociais no rodapé da postagem para recomendar ao seus amigos.

Read more

Como conhecer as estatísticas de acesso ao blog

0

Google Analytics passa a mostrar estatísticas em tempo real 1Ainda que acabamos de começar com o blog e entendendo que praticamente estamos quase que em fase experimental é conveniente deixar claro a gestão das estatísticas. Ainda que o Google tenha incorporado recentemente (Julho de 2010) uma pagina de "Estatísticas" no blog, vamos usar o Google Analytics para conhecer com maior detalhes os dados de acesso ao mesmo...
Passo 1. Conecta no Google Analytics
Passo 2. Clique no botão "Acesse o Google analytics" (a direita)
Passo 3. Entre com seu usuário e senha da conta do Google. Se seu blog estiver no Blogger, entre com os dados da conta de seu blog.
Passo 4. Coloca a URL do blog e finalmente copiamos o código de seguimento (“Web Property ID”)
Passo 5. Vamos ao "Editor HTML" dentro da pagina "Modelo" do Blog
Passo 6. Buscamos pela tag "/head>" e colamos o código de seguimento antes de "/head>"
Passo 7. Salvamos o template

Se você quiser conferir que o código de seguimento está instalado corretamente siga estes passos.
Passo 1. Entre no Google Analytics e dá um clique em "Configurações do Google Analytics" (acima a esquerda)
Passo 2. Você vai ver um registro com a url do seu blog
Passo 3. Clique em "editar" a direita e acima tens  "comprovar estado"
Será preciso esperar passar pelo menos 24 horas para que você veja algum dado estatístico do blog.
Nas próximas postagens veremos como receber automaticamente um boletim semana/mensal em PDF com as estatísticas geradas.

Read more

 
Design by ThemeShift | Bloggerized by Lasantha - Free Blogger Templates | Best Web Hosting