Ícones de compartilhamento lilás

Para ter estes ícones em seu blog (google buzz, twitter, facebook,feed), copie o código abaixo,e troque os locais indicados pelos seus repectivos endereços:

»»Leia mais

Como saber o ranking mundial de seu blog em Alexa

Alexa Internet Inc. é um serviço de Internet pertencente à Amazon que mede quantos usuários de Internet visitam um sítio da web. Em Alexa.com, você pode entrar em um endereço de site da web e Alexa mostrará a você o quão bem visitado o site da web é. Importante assinalar que os dados são obtidos por amostragem e aproximação, não podendo ser considerados fonte 100% principalmente nos casos de sites menores ou locais.

Além de trazer em seu site a colocação (ranking) mundial de visitas a um determinado site, o Alexa.com traz também a possibilidade de ver a classificação nacional, o do Brasil, de visitas de seus usuários. É uma fonte para se ter uma ideia do que se faz na internet. Fonte: wikipédia.

Para saber a posição nacional e mundial de seu blog ou de outros segundo o Alexa, acesse o website Alexa.com ,  digite seu endereço (URL) e clique em Search.

»»Leia mais

Novas visualizações para Blogger

A novidade são cinco novos modelos disponibilizados para visualizações no Blogger, que estarão disponíveis para você personalizar e usar no seu blog.

Segundo a Camila Fitz, funcionária do Google:

Estas novas visualizações usam o que há de mais recente em tecnologia na web, incluindo AJAX, HTML5 e CSS3, para disponibilizar uma série de benefícios para você e seus leitores, como:

Rolagem infinita: leia mais postagens sem ter que recarregar ou clicar em uma segunda página;

Novos layouts: diferentes opções que adaptam-se a diferentes tipos de blogs;

Velocidade: download de imagens a medida que você os vê;

Interatividade: mais maneiras para experimentar e interagir com o conteúdo do blog.

Para experimentar essas novas maneiras de visualizações em seu blog, basta adicionar "/view" no final do URL do blog, como por exemplo http://buzz.blogspot.com/view . Estas novas visualizações estão disponíveis em todos os blogs do Blogger que são públicos e com os feeds plenamente habilitados.

»»Leia mais

Como fazer para que o Google Analytics não conte o IP do proprio dono do blog

   

Há a possibilidade de tirar propria visita do GA?

  Sim. Para isso basta adicionarmos um intervalo de IPs no filtro do Google Analytics. 

 

1º - Precisaremos encontrar nosso IP:

 

Antes de criar um filtro para IP no Google analytics é necessário descobrir o número do IP (Internet Prótocolo) de sua conexão, a maioria das conexões de internet utilizam IP dinâmico, ou seja, a cada nova conexão o endereço IP muda o número.

 Portanto é necessário inserir um intervalo de IP’s, desta forma todas as conexões realizadas através do seu computador não serão contadas no relatório. Se a sua conecção é via rádio é provavel que o endereço IP seja fixo, neste caso não é necessário gerar um intervalo de endereços IP. Para descobrir o número do endereço IP acesse: http://www.omeuip.com/

Adicionar filtro para IP no Google analytics

Com o endereço IP em mãos acesse esta página: Ajuda Google Analytics, e na primeira caixa digite o endereço IP que você localizou, não se esquecendo de colocar exatamente igual está, inclusive com os pontos entre os números. Em seguida clique em Generate RegEx, e irá aparecer um número de um intervalo de IP, caso a última sequencia tenha apenas um ou dois números adicione um asterisco* após o último número. Copie o número gerado.

1. Abra o Google analytics, faça login em sua conta;

2. Clique em Gerenciador de filtro na página Configurações do Analytics;

3. Na próxima página acesse Adicionar Filtro.

 

4. Digite um nome para o novo filtro, na próxima caixa selecione excluir todo o tráfego de um endereço IP, na caixa endereço de IP cole aquele intervalo de IP que foi gerado na página de ajuda do Google. Cuidado para não excluir o trafego do endereço de seu site.

Adicione o site que será filtrado:

Acesse salvar alterações. Agora os acessos efetuados á partir do seu computador não vão ser contabilizados pelo Google analytics gerando estatísticas mais exatas.

 

»»Leia mais

Como colocar artigos relacionados com imagens no blog

Existem duas formas de se colocar artigos relacionados, uma delas é mais fácil e a outra um pouco mais difícil. Vou ensinar as duas formas, a escolha fica a seu critério.

A primeira delas é utilizando-se o site Linkwithin. Para você, que está começando a usar blogs, este widget é recomendável, ele escolhe aleatoriamente os seus posts, fazendo com que os seus posts antigos não fiquem esquecidos. Lembrando que você precisa fazer uso de imagens nos posts para que ele funcione corretamente.

Siga as instruções abaixo:

1)Acesse o site LinkWithin.

2) Coloque seu e-mail:

3)O endereço do seu blog.

4) Qual plataforma utiliza.

5)Quantas caixinhas deseja.

6)Se o seu template é escuro marque a opção "My blog has light text on a dark background".

7)Clique em "Get Widget!".

8)Na página seguinte clique em "Install Widget".

9)Acesse sua conta Blogger.

10)Selecione o blog.

Em Design, clique e arraste o gadget para baixo das postagens no blog e Salve.


A segunda forma, um pouco mais difícil, porém mais personalizável:

1. Vá ao painel do Blogger e abra o menu “Layout” ~> “Editar HTML” e marque a opção “Expandir modelos de widgets”, para poder visualizar todo o código-fonte de seu template.

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

<!--Artigos Relacionados Estilo e Script Inicio -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Artigos Relacionados Estilo e Script Final-->

3. Agora procure por uma linha semelhante a:

<div class=’post-footer-line post-footer-line-1′>

ou, se não, procure por:

<p class=’post-footer-line post-footer-line-1′>

4. Imediatamente ANTES de uma dessas que você encontrar em seu código, cole os linhas a seguir:

<!--Codigo Artigos Relacionados Inicio-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Artigos Relacionados";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!--Codigo Artigos Relacionados Final-->

Indicado de vermelho está o número “5″ que é a quantidade de elementos que aparecerá. Veja qual a melhor quantidade para o seu blog. Em amarelo está o título que aparecerá em seu blog. Salve.

Obs: Você deve usar Marcadores em seu blog.

»»Leia mais

Como colocar artigos relacionados no blog - Títulos dos posts

Recebi alguns pedidos sobre este post, então primeiramente vamos aprender como colocar artigos relacionados com os Títulos dos posts ( sem imagem).

Para isso, copie o código abaixo e cole depois de ]]>< /b:skin>:

<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>
 
Agora salve. Clique em Expandir Modelo de Widget e procure por este trecho e acrescente o que está em verde:

<span class='post-labels'>
<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 != &quot;true&quot;'/>

&lt;b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>
</b:if>

</b:loop>
</b:if>
</span>

Agora procure por:
<div class='post-footer-line post-footer-line-3'>

e cole logo abaixo:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='related-posts'>
<h4>Posts Relacionados:</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</b:if>

Salve. Agora os posts serão relacionados automaticamente de acordo com os marcadores que forem usados.

»»Leia mais

Opção "Editar Postagens"

Para encontrar esta opção vá em Design > Elementos da página. Na seção postagens no blog, clique em Editar.

Aparecerá um pop-up com opções para mudar muitas das configurações padrão do Blogger:

Opções que podem ser mudadas entre aspas:


Opções da página inicial:

• Número de postagens na página principal: " 7 postagens"

• Texto do link da página de postagem (resumo de postagens expansíveis): "Leia mais"

Opções da página de postagem:

Marque as opções que você deseja adicionar ou remover:
[V] "Quinta-feira, 31 de março, 2011"
[V] "Postado por" Marcelo
[V] "Ás 09:33"
[V] 5 "comentários"
[   ] "Posts Relacionados"
[V] "Marcadores"
[V] Mostrar edição rapida
[   ] "Reações:" "engraçado , interessante , legal "- Editar
[   ] Mostrar links enviar esta postagem
[V] Mostrar botões de compartilhamento
[   ] Mostrar classificação de estrelas
[   ] Exibir anúncios entre postagens

»»Leia mais

Novidade no Blogger: Seguir por e-mail

Seguir por e-mail é um novo gadget que se pode utilizar clicando em adicionar um Gadget no Design. Se trata de um botão para receber feeds que funciona via feedburner.

Para trocar o idioma (do inglês para português) vamos em Editar HTML e expandir modelo de wigdets, Ctrl + F e buscaremos por:

<b:widget id='FollowByEmail1' locked='false' title='Follow by Email' 

type='FollowByEmail'>

E trocaremos esta linha:

 <input name='loc' type='hidden' value='en_EN'/> 

Por essa:

 <input name='loc' type='hidden' value='pt_BR'/>

Podemos mudar o texto do botão de envio:

 <input class='follow-by-email-submit' type='submit' value='SEGUIR'/>

E também o texto onde o leitor deve digitar o email, clique em expandir

modelos de widget e procure pela linha :

<input class='follow-by-email-address' name='email' placeholder='Email

 address...' type='text'/>

E substitua por:

<input class='follow-by-email-address'  name='email' value='Digite seu email...' type='text'/> 

 Podemos modificar o Gadget, seguindo estas regras de estilo:

Exemplo "Caixa verde":

 Colocamos acima de ]]><b:skin> :

/* Seguir por email*/
#FollowByEmail1{
border:4px dotted #2E8B57;   /* borda*/
padding:10px;
background:#3CB371; /* cor de fundo*/
}

Exemplo "Caixa rosa":

/* gadget seguir por email*/
#FollowByEmail1{
border:4px dotted #fff;   /* borda*/
padding:10px;
background:#FFC0CB; /* cor de fundo*/
}

Faça sua própria personalização usando a Tabela de Cores em HTML. 

»»Leia mais