Titulo animado no blogger facil de aplicar

8 comentários
totalgifs.com pernalonga gif gif 12.gif


 Titulo animado no blogspot..

totalgifs.com pernalonga gif gif 01.gif

 Alguns de meus leitores vez por outra, me questionam sobre como colocar titulo  animado do blog na barra de endereço. Então resolvi disponibilizar esta técnica simples de ser implementada...

 primeiro, localize no seu  template o seguninte </head> e logo após cole o script abaixo, sendo que a parte em vermelho deve constar o titulo de seu blog e a parte em azul o tempo que passam as letras...

<script language="JavaScript"> var txt = "SEU TEXTO AQUI"; var expected = 100; refreshment var = null; rotulo_title function () {document.title = txt; txt.substring txt = (1, txt.length) txt.charAt + (0); refreshment = setTimeout ("rotulo_title ()", wait);} rotulo_title () </ script>


Caso nao funcione, voce pode colocar no corpo da pagina, pra isso você terá que ir em EDITAR HTML, ache a linha </head> e cole o script mudando apenas o que esta em vermelho.

Agora, creio que tal script deve prejudicar a indexação de seu blog...apenas disponibilizei por atender a pedidos, mas não posso garantir, pois em se tratando do google, nenhuma verdade será absoluta...
Continue Lendo==>>

Como aplicar corretamente a (tag alt e tag title)

0 comentários
como aplicar corretamente a tag alt+title

 Como aplicar corretamente a (tag alt e tag title)

A TAG ALT e TAG TITLE :

TAG ALT: elas servem para,caso a imagem por algum motivo não for carregada, mostrar uma descrição da imagem,e também recomendamos para navegadores que não reconhecem as imagens com tag title: ela serve para quando o mouse for repousado sobre a imagem, ou o link, aparacer uma descrição a qual foi definida pelo autor do artigo onde consta a imagem .para ter uma ideia, pouse o mouse sobre a imagem deste post, e vera o que é uma tag title...
Muitos acham que, a tag alt para imagens  assume a função de Tooltip. Na verdade esse método foi adotado a muito tempo atrás, quanto  o Netscape, utilizava a tag alt para indicar um tooltip, e ai, logo Internet Explorer foi lá e seguiu esta mesma tatica, tornando esta função mais conhecida e utilizada,porem simplesmente como um indicativo para os motores de buscas, que não reconhecem as imagens, portanto devemos lhes indicar com texto alguma descrição da imagem.

Abaixo descrevemos a maneira não indicada para descrever um tooltip:

<img src="http://sua_imagem.gif" alt="Maneira errada" />

Agora já abaixo, indicamos a maneira correta de descrever um tooltip:

<img src="http://sua_imagem.gif" alt="Texto alternativo caso a imagem não seja visualisada" title="Essa é a maneira correta de indicar um tooltip em uma imagem" /> em resumo: alt='coloque aqui, a descriçao alternativa ' title='coloque aqui, o texto que deseja ser visto na imagem '/%postname%/

Aproveitando, que estamos falando sobre tags, talvez precise ler também sobre Meta tag Descrição,
Continue Lendo==>>

Lista de 50 diretórios de feed RSS para enviar seu Blog

9 comentários

Lista de 50 diretórios de feed RSS para enviar seu Blog

Submeter o feed RSS de seu blog é muito importante, pois isso vai aumentar o tráfego para seu blog. Por que isto é importante para seu blog? Porque diretórios de feed RSS são lugares onde as pessoas vão procurar por conteúdo e desta forma você ira receber muitos visitantes no seu blog ou website.
A maioria dos diretórios feed RSS é grátis , mas alguns diretórios de feed RSS cobram. Porem, se você é novo em blogs, você pode tentar diretórios grátis em primeiro lugar, que embora sejam grátis, prestam o mesmo serviço que os pagos…

lista de 50 diretorios de feed rss


Diretórios RSS

Lista de 50 diretórios de feed RSS, para enviar seu Blog



1. RSS Locator

2. Syndic8

3. Postami

4. 2RSS

5. CompleteRSS

6. Genecast

7. Memigo

8. PubSub

9. Bulkfeeds

10. FeedSee

11. newsXS

12. FeedsFarm

13. RSSfeeds

14. DeskFeeds

15. 4GuysFromRolla

16. Feed-directory

17. FeedBeagle

18. FyberSearch

19. Feeds4All

20. Plazoo

21. NewzFire

22. Feed24

23. Shas3

24. FeedCat

25. FeedMiner

26. Feeds2Read
.
27. JordoMedia
28. RSS Mad

29. NFeeds

30. Wordum

Blogs feed rss
Blogswirl
Bloggernow
Bloglisting
Bloghints
Bloggernity
Blogflux
Blogdirectory
Blogdir
Blogdirectorysubmission
Blogs-collection
Alltop
Fuelmyblog
Ezilon
Dmoz
Crayon
Conseillemoi
Buzzerhut
Blogville
Blogtopsites
Blogtoplist
BlogsearchGoogle
Blogsrater
Blogrollcenter
Blogratedirectory
WordPressblogdirectory
Wilsdomain
Websandiego
Weblogs
Topsiteswebdirectory
Topblogging
Theseoking
Sportsblogs
Regator
Blogrific
Ontoplist
Lsblogs
Loadedweb
Info-listings
Hottestblogs
Gozoof
Sites de pings
Icerocket
Feedshark
Bulkping
Googleping
Pingomatic
Rss
Wingee
Topix
Swoogle
Rssmicro
Redtram
R-bloggers
Postami
Plazoo
Ngoid
Feedsee
Feedlisting
Rssfeeds
Feedcat
Feedbucket
Feedage
Crayon
Feedfury
Feedsearch – Brasileiro

Continue Lendo==>>

Dica interessante para responder comentários no proprio blogger

15 comentários


Respondendo comentários no próprio blog



Dica interessante para responder comentários no próprio blogger idêntico ao do Wordpress...
totalmente diferente dos que já vi por ai... e fica muito profissional.


Esta dica irá colocar em seu blog a opção de responder comentários no próprio blog.... esta dica é um quebra galho, visto que o blogger não tem ainda esta opção.. espero que isto sirva ainda mais para interagir com seus leitores..

Inserindo o Script ao Blogger


1. Vá para o Blogger> Design> Editar HTML
2. faça Backup de seu modelo
3. Clique no botão " Expandir Modelos Widgets "Caixa
4, Pesquisar por ]]></b:skin>
5. e cole o código abaixo, logo acima dele,






. TSB-replycomments {background: # ECEAEA ;
cursor: pointer; color: # fff; margin: 5px sans-serif; } TSB-replycomments: hover {. background: # E7E7E7 ; }ponteiro ;

Faça essas alterações:
Para mudar o cenário o link ativo modo de edição # ECEAEA
Para alterar a cor de fundo o link foco do mouse edição # E7E7E7

6. Agora, procure por,

     <dd class='comment-footer'>

ou apenas este,

      class='comment-footer'


e logo acima dele cole o "Resposta Link" código abaixo,




<div class='TSB-replycomments'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=*******************&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=650,height=650&quot;); return false;'>Responder..</a></div>

Você pode substituir o texto .. "Responder" com qualquer frase que você queira.
Substituir com seu ID BLOG. Se você está logado em sua conta do Blogger em seguida olhar para a sua barra de endereço do navegador. Você pode ver claramente um código 18-19 dígitos. Basta copiá-lo e colá-lo no lugar do*******************









7. Salve o seu modelo e veja os comentários do seu blog idênticos ao do WordPress
Continue Lendo==>>

Saiba como colocar Artigos Relacionados no Roda-pé com Imagens

0 comentários
 Artigos Relacionados com imagens no rodapé


Artigos Relacionados com imagens no rodapé



Agora tem mais uma excelente opção e o melhor é que não é preciso usar sites de terceiros para a aplicação, vamos instalar no passo-a-passo, verá que é muito fácil , vamos lá!

Primeiramente que este hack foi tirado e traduzido do Blog Blogger Plugins, veja o original aqui.

Entre em Layout&gt;Editar Html, e clique em expandir modelos widgets.

Procure por


</head>

Depois de encontrar substitua pelo código abaixo


<!--Posts relacionados com imagens início-->
<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>
<!--Posts relacionados com imagens Fim-->
</head>

Agora encontre


<div class='post-footer-line post-footer-line-1'>

Pode ser que está parte citada apareça de maneira diferente em seu blog, não achando como acima, tente achar como está abaixo


<p class='post-footer-line post-footer-line-1'>

Agora imediatamente após uma destas partes citadas, cole o código abaixo


<!-- Related Posts with Thumbnails Code Start-->

<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="Related Posts";

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script>

</div><div style='clear:both'/>

</b:if>

<!-- Related Posts with Thumbnails Code End-->

Feito isso está quase pronto, mas tem duas sessões que podemos fazer modificações, na parte em vermelho
é o número de posts que aparecerá na relação, neste blog consegui colocar 6, mas ajuste conforme seu template, e na parte em laranja é o que aparecerá na chamada do widget, escreva a frase que achar melhor.
Agora você já pode visualizar para ver se não tem erros, se tudo estiver correto salve, e pronto, você já tem posts relacionados com imagens.
Continue Lendo==>>

Artigos relacionados em seu blog com miniaturas e estilo

7 comentários

posts relacionados com miniaturas e estilo 350x218





Este script que estou disponibilizando agora, serve para colocar no rodapé de seus posts, uma miniaturas de posts relacionados, que se parecem com os muitos disponibilizados na rede,
porem este não dependera de nenhum site, apenas do seu.

1. No código fonte 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 type="text/javascript" src="http://yourjavascript.com/21047131131/javascriptpostrelacionadotudoseo.txt.js"></script>
</b:if>
<!--Artigos Relacionados Estilo e Script Final-->
2.Localize no seu html o script abaixo:
<div class='post-footer-line post-footer-line-1'>
3.Caso não localize este acima, tente o script abaixo:

<p class='post-footer-line post-footer-line-1'>
          4.Logo ANTES de um desses scripts que você encontrou em seu código html, coloque as linhas abaixo, modificando apenas a quantidade de posts a aparecerem no script (siga as orientações):
<!--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-->
5.Indicado de vermelho está o número “5″ que é a quantidade de elementos que aparecerá. Aqui no  tudoseo.com, cabem até 7 elementos, Então salve o modelo e veja o resultado em seu blog.
Lembrando que só funcionará se você estiver usando Marcadores em seu blog. Então sei que existe muitos sites que oferecem este serviço, mas creio, conforme disse, que é sempre bom não depender de outros em se tratando de hospedagem de script.. pode falhar..
e seu blog é sempre o lugar mais confiavél para se ter estes gadgets...
Continue Lendo==>>

Dica para webmaster- veja como colocar botão retweet no blog

0 comentários
adcionando botão retweetwe no blog


Esta dica para webmaster é muito simples:
A tempos buscava uma forma de colocar o botão retweet no blog ou qualquer plataforma.. mas, no momento, aterei apenas minha atenção na plataforma blogger..
1º: entre no painel de seu blogue e marque editar html, depois marque expandir modelos de widgets... feito isto, copie todo o html de seu template, não deixe
nada de fora....agora va a este link http://tweetmeme.com/about/plugins/blogger_template,cole todo seu html onde se lê Existing Blogger Template
depois, escolha o tipo de botão que vc prefere, tipo tamanho e formato ( normal/compacto) este no meu blogue e o normal...abaixo coloque seu id no tweeter..,

painel do botão retweeter


em url shortner escolha o serviço opcional como digg ou outro que prefira, no meu caso uso o digg e ai coloque sua api kei do
serviço escolhido... depois, marque a opção da posição no template do botão.. no meu caso escolhi, head e left, então feito isto, click em generate ,pdofoed template,
clic duas vezes, para gerar o novo html com as modificações... então copie o novo html e cole em seu blog, substituindo o anterior e salve.. não tenha medo, pois caso
saia algo errado, seu html antigo esta logo acima sem nenhuma modificação.. onde você colou anteriormente... faça isto e tenha o botão estrategicamente localizado em seu
blog...
Continue Lendo==>>

Como colocar icones sociais flutuantes no blogger

6 comentários

  Como colocar icones sociais flutuantes no blogger

como adicionar ícones de Redes Sociais em uma coluna flutuantes no seu blog

Como colocar icones sociais flutuantes no blogger

Este e um tutorial sobre como adicionar ícones de Redes Sociais em uma coluna flutuantes no seu blog, sem mexer no código HTMl. Basta adicionar um gadget HTML/ JavaScript.

Estão incluídos os botões para Retweet, compartilhar no Facebook, Stumble, Google Buzz e Digg. Cada um deles vem com um contador de cliques. Você poderá adicionar outros botões de bookmarking compartilhamento futuramente, se desejar.
Adicionando os botões

1. Acessar o Painel do Blogger.
2. Ir para o Design >>> Elementos da página.
3. Clique em Adicionar um gadget.
4. Na janela que se abre, adicionar um Gadget HTML / Javascript .
5. Copie o código abaixo e cole-o dentro da caixa de conteúdo.

<!-- floating page sharer Start tudoseo.com-->
<style>
#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div title="Get this at tudoseo.com">
<div id='pageshare'>
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<div class='sbutton' id='digg'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<div class='sbutton' id='gb'>
<a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='post on google buzz'>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'></script>
</a></div>
</div>
</div>
<!-- floating page sharer End -->

6. Salve o gadget.
7. Arraste o gadget para reposicioná-lo acima do gadget de postagem do seu blog.
8. Clique no botão Salvar.
Personalizar
1. Alinhamento Vertical
   Altere o valor de bottom na linha 2 do código, para alinhar os botões em relação à parte inferior da janela do seu navegador. Para corrigir a distância , mesmo quando a janela é redimensionada, especificar o valor em px (pixels) em vez de% .

2. Alinhamento horizontal
      Altere o valor de margin-left tambem na linha 2 do código. Valor negativo posiciona a coluna de botões à esquerda da coluna principal, valor positivo posiciona a direita.
      Para a posição do botão em relação à borda esquerda ou direita da janela do navegador, substitua o mesmo margin-left com esquerda ( left: 10px ;) ou direita (troque por right: 10px;), respectivamente.
 
3. Adicionando mais botões
      Você pode adicionar qualquer outro botão de compartilhamento para a coluna. Basta colocar o código de cada botão dentro de uma div, como este abaixo e inseri-lo logo antes do último - segundo </ Div> que esta em AZUL.

    <div class='sbutton'>
    CODIGO DO BOTAO AQUI
    </div>

Obs.: Veja os modelos de testes onde instalei este widget. Eu penso que, se o seu blog for muito largo, a coluna de botões não ficará bem visivel e encubrira o conteúdo do post. Observe no Blogger Sentral, do autor deste tutorial.
1. Minima 3 Colunas
2. Minima sidebar Direita

Creditos: Greenlava (Blogger Sentral)

Agora, tem este outro gadget com icones em 3D, que desenvolvi e que basta:

 2. Ir para o Design >>> Elementos da página.
3. Clique em Adicionar um gadget.
4. Na janela que se abre, adicionar um Gadget HTML / Javascript .
5. Copie o código abaixo e cole-o dentro da caixa de conteúdo.

<div style="position:fixed; bottom:20%; margin-left:-98px; float:left;width:60px;background-color:#ffffdf;padding: 5px;border:1px solid #000;border-right:none"><center><div class="addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div></center></div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e2088636f7cce31"></script>
</div>
Caso o gadget fique sobre o seu texto, basta ir diminuindo a distância em(  margin-left:-98px) ou seja, diminuir, seria aumentar o numero, já que ele é um numero negativo....complicou, toma um cafezinho e depois retorna...

Tem também esta opção: no painel do blog, marqe a caixa expandir modelos de widgets e
 logo abaixo de  <b:includable id='post' var='post'>, mas atenção este gadgets não aparece na pagina principal, para que isto ocorra, deve-se retirar as duas primeiras linhas do código  que estão em vermelho.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<style>
#pageshare {position:fixed; bottom:15%; margin-left:-80px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fafafa;padding:0 0 2px 0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>

<div id='pageshare' title='Compartilhe com seus amigos'>
<div class='sbutton' id='gb'><script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/><fb:like font='' layout='box_count' show_faces='false'/></div>
<div class='sbutton' id='rt'><a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div>
<div class='sbutton' id='gplusone'><script src='https://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='tall'/></div></div>
</b:if></b:if>


Caso a largura de seu blog esteja interferindo com deste gadget, modifique a largura neste trecho( margin-left:-80px ) e salve, agora contineu no cafézinho e um abração no coração....


Continue Lendo==>>

Aumente seus assinantes de feeds com Gadget Greet Box

2 comentários






Gadget Greet Box No Blogger: Dê boas vindas a seus visitantes e possibilite a eles a opção de assinarem seus feeds.

O Greet Box permite a exibição de diferentes mensagens de boas vindas a seus visitantes em função de sua url de origem. Por exemplo, a imagem abaixo:



Um visitante que chega ao seu blog através do Ocioso, será exibida uma mensagem “Ola usuário do Ocioso! Seja bem vindo ao nosso blog, assine nosso feed e receba nossas novidades e atualizações”.


Outro exemplo, quando um visitante vem de uma rede social como o diHITT:



Vai aparecer para ele uma mensagem de boas vindas mostrando de onde ele veio e sugerindo a ele que assine os feed do blog.




Permite também que os visitantes fechem o aplicativo caso já estejam assinado ou não queiram assinar seus feeds.
Greet Box Blogger foi convertido do plugin "WP Greet Box V3" eu dei uma modificada adicionei novos icons mais elegantes em relação à algumas versões desse aplicativo e coloquei as mídias nacionais e outras que ainda não tinha no plugin original e diminui o tamanho da caxa que pode ser modficada para encaixar em seu blog.
Por exemplo:
Dihitt
Orkut
BlogBlogs
Bing
Ocioso
Link Log
Link Irado
Ueba
Nenhuma destas redes sociais e agregadores acima faziam parte do plugin original e nem em outras versões que apenas foram traduzidas para o blogger. Eu as adicionei, pois são as mais usadas por nós blogueiros brasileiros e também pelo fato de serem as redes que mais enviam visitas para os blogs brasileiros e portugues.Com o tempo vou adicionado outras redes e agregadore, e não necessitará trocar os códigos futuramente pois serão incluidas autamaticamente.

Alem destas todos os visitantes provenientes de qualquer um destes sites abaixo que ja tinha no plugin original aparecerar um mesnagem de boas vindas especifica para eles.

Google!
Yahoo!
Digg !
Delicious!
Facebook!
Flickr!
Friendfeed!
FriendSter!
Furl!
Lastf!
Linkedin!
Livejornal!
Magnolia!
Mixx!
MySpace!
Netvibes!
Newsvine!
Picasa!
Pownce!
Reddit!
Technorati!
Twittero!
Vimeo!
Webshots!
Wordpress!
Yelp!
Youtube!
Inserindo o Greet Box Blogger em seu blog:

Entre no Painel controle do seu blog >> Clique em Layout >> Clique em Adicionar um Gadget >> Html Javascript.

Copie o Código abaixo:

<script src="http://greetboxparablogger.googlecode.com/files/greetboxbyad.js"

type="text/javascript">

</script>

<div id="mainDisplayDiv" style="background:#F8F8FF;border:1px solid #B6AFA9;display:none">

<div style="float: right; margin-right: 5px; margin-top: 5px;">

<href a="#" onclick="closeGreetBox('7')"><img border="0" alt="x"

src="http://desmond.imageshack.us/Himg13/scaled.php?server=13&filename=rssfeeda.png&res=medium" />

</href></div>

<div id="dynamicContentDisplayed">

</div>

<script type="text/javascript">

// Nao mude nada somente a url do feed.

var feed"URL = "URL-DE-SEU-FEED";

var dynamicHTMLText = displayRequiredText(feedURL);

document.getElementById("dynamicContentDisplayed").innerHTML = dynamicHTMLText;

</script>

</div>

<script src="http://greetboxparablogger.googlecode.com/files/Hidegreetboxbyad.js"

type="text/javascript">

</script>

<script type="text/javascript">

showHideDiv();

</script>

Coloque onde esta em VERMELHO a URL do seu FEED e salve o gadget
Continue Lendo==>>

Search Engine Optimization -SEO-saiba o que significa

0 comentários


Search Engine Optimization -SEO-saiba o que significa

SEO, acrónimo de Search Engine Optimization é, o conjunto de boas práticas para a indexação de sites nos motores de busca.


Search engine optimization-seo-saiba o que significa

Search engine optimization ( optimização para motores de busca) visa melhorar a quantidade e a qualidade dos visitantes para um site através dos resultados naturais ( orgânicos.) SEO é parte do Search Marketing, que alem do SEO, se preocupa também em posicionar os sites nos resultados pagos. Pode-se por isso concluir o SEO como sendo a atividade do Search Marketing que atrai visitantes gratuitamente.
Existe uma correlação positiva entre posicionamento de um site nos resultados de busca e a quantidade de visitantes que chegam através dos resultados da mesma busca no Google, Sapo, Yahoo ou qualquer outro motor de pesquisa: quanto melhor o posicionamento, maior o número de visitantes.
Essa relação tende a não ser linear: estudos demonstram que os primeiros resultados recebem mais de metade dos visitantes que fazem uma determinada pesquisa.

SEO leva em conta o funcionamento dos Algoritmos que organizam os resultados de busca e a forma como os visitantes efetuam as suas pesquisas, bem como a forma como estes interagem com a página (se os visitantes clicam imediatamente no botão de “voltar” então alguma coisa esta errado em seu site)

O Algoritmo:

Os motores de busca, particularmente o Google, dedicam boa parte dos seus recursos ao desenvolvimento e aperfeiçoamento dos algoritmos que organizamos sites por suposta ordem de relevância. Esses Algoritmos são guardados a sete chaves, embora cada alteração seja imediatamente inspeccionada por centenas de sites como este, o conhecimento exato do seu funcionamento é do conhecimento de poucos. Seria esta constante busca da perfeição dos motores de busca ,que faz pulsar a indústria da otimização: A cada dia o conhecimento torna-se insuficiente para posicionar sites em ambientes competitivos.

QUANTIDADE COM QUALIDADE :
De que serve colocar o site no primeiro lugar do Google para uma palavra-chave(keywords) se ninguém faz esta pesquisa? Ou se os visitantes que atrai retornam frustrados à página de resultados por não encontrar a informação que buscam?

O estudo das keywords (palavras-chave) procura antecipar e solucionar este problemas: que termos são utilizados nos motores de busca? Quais as palavras chave relevantes para o site ? importante, quais os mais efetivos?Então,.mais do que conquistar muito tráfego, o objectivo do SEO é destacar o tráfego de qualidade.
A IMPORTÂNCIA DO SEO E COMO UTILIZA-LA:
Importante organizar as ações a serem adotadas desta forma:
Análise geral do site: público alvo, analise da concorrência, valorização da marca.
Análise de keyword: Estudo das palavras chave mais adequadas ao alcance dos objetivos do site (vendas, clicks, difusão de uma mensagem, subscrição, etc.)
Optimização do site: Alinhado com o algoritmo dos motores de busca é muitas vezes necessário modificar o código das páginas, a estrutura e até os conteúdos do mesmo.
Link Building: Submissão do site a diretórios e outros sites; desenvolver estratégias que visam captar a atenção de webmasters.
Acompanhamento do site: fazer a análise das estatísticas de acessos, acompanhar os progressos do site nas páginas dos resultados das buscas, rever o que poderá funcionar melhor, fazer testes comparativos e atualizar o site para acompanhar a constante evolução dos motores de busca.

quadro simbolizando seo+trabalho=posicionamento


É importante destacar o último ponto:SEO: search engine optimization é um processo continuo e demorado, cujos benefícios resultam de um trabalho cuidadoso e constante;
E por fim,acredito, que estas breves colocações possa esclarecer algumas nuancias que deixamos passar bem diante de nossos narizes...sem por em pratica no nosso dia/dia..
Caso tenha algo a acrescentar a este post, por favor comente e nos brinde com sua participação..afinal este blog é feito para você...
Continue Lendo==>>

Crie sua caixa de assinatura de feeds no blogger

0 comentários
caixa de assinatura de feeds do tudoseo.com

caixa flutuante de assinatura de feed do blog







Como é meu hábito, toda semana entro no Google analytics para fazer alguns ajustes em meus blogs. E segundo esta ferramenta, o item mais clicado foi minha caixa fixa de assinatura de feed que fica no rodape dos posts. Porém, percebi que os cliques eram para copiar minha caixa de solicitação, mas como não havia disponibilizado a mesma para cópias, creio que decepcionei muitos de meus leitores… mas, como não sou egoísta, segue abaixo o código para todos, só peço que não retirem meus creditos.Então faça como descrito abaixo, substiuindo apenas o item em vermelho( endereço de feed), Vá ao painel de seu blog e entre no modelo>Editar HTML... marque Expandir modelos de widgets

coloque logo abaixo de:<div class='post-footer-line post-footer-line-1'>
<div style='-moz-border-radius: 20px; -webkit-border-radius: 20px; background: #fff; border-radius: 20px; border: 1px solid #473C8B; margin: 1em 20px; padding: 7px;'>
<a href='COLOQUE AQUI SEU ENDEREÇO DE FEED'><img align='left' border='0' height='60' src='http://4.bp.blogspot.com/-COM5W5V8Jhg/TuHrBfFE3mI/AAAAAAAAEt4/eQEgm4LZZUs/s1600/icone+rss.png' style='background-image: none; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0; border-left-color: initial; border-left-style: initial; border-left-width: 0; border-right-color: initial; border-right-style: initial; border-right-width: 0; border-top-color: initial; border-top-style: initial; border-top-width: 0; display: inline; float: left; padding-left: 0; padding-right: 0; padding-top: 0;' width='60'/></a><span class='Apple-style-span;font:35' style='font-size: large;'>Leitor amigo! gostou de nosso conteúdo: indique e prestigie em seu twitter,facebook,orkut,msn,e no seu blog nos dando um link..</span><span class='Apple-style-span;font:35'/><span class='Apple-style-span' style='font-size: xx-small;padding-left: 5px; padding-top: 3px; '>Click e <a href='http://COLOQUE SEU ENDEREÇO DE FEED'>Assine nosso feed</a>.</span>
<span class='Apple-style-span' style='font-size: large;'/><span class='Apple-style-span' style='font-size: xx-small;'>Widget <b><a href='http://www.tudoseo.com/2011/12/crie-sua-caixa-de-assinatura-de-feeds.html'>tudoseo.com</a></b></span></div>




Atenção, você pode também se preferir, trocar a imagem de feed por outra de sua preferência…
Continue Lendo==>>

Saiba qual o papel das midias sociais enquanto marketing on-line

0 comentários

Saiba qual o papel das midias sociais enquanto marketing on-line





Saiba qual o papel das midias sociais

Marketing on-line :
Mídias Sociais é a nova forma de marketing on-line que possui grande retorno de investimento devido a geralmente possuir um baixo custo.

O termo midias sociais surgiu a pouco tempo, mas na verdade o conteúdo das delas ja existe há algum tempo, pois trata do conteúdo feito na internet pelos próprios usuários de forma independente, como por exemplo este meu blog. Além dos blogs podemos ainda destacar as comunidades on-line como wikipedia, wiki2buy, e alguns sites específicos onde os internautas escrevem sobre algum tema, por exemplo no wiki2buy qualquer consumidor pode escrever um guia de comprars sobre um determinado tipo de produto que ficará disponível a outros usuários. Existe também as comunidades de relacionamento como o orkut, facebook, etc...

O que acontece é que as grandes empresas já passaram a olhar as mídias sociais com outros olhos e até a iniciar investimentos nesse foco, não precisamos ir longe pois quantos blogs você conhece que ja possui propaganda de grandes empresas?.

Ainda existe uma certa discussão sobre o conteúdo gerado, alguns diz tratar-se de conteúdo não fundamentado elaborado de qualquer maneira, mas neste caso tenho que defender os blogueiros e seus derivados, pois em sua maioria produz conteúdo muito profissional as vezes até melhor do que as grandes mídias tradicionais manipuladas.

Vale também comentar a opinião de Roberto Cassano em sua matéria na revista W da editora Europa com o título de "A Explosão Social". Roberto menciona o fato de o conteúdo das mídias sociais sempre ter existido mas apenas não tinha esse nome e não existia um canal de divulgação para que as opiniões de todos fossem ouvidas e que com o avanço da internet tornou-se possível.

Eu concordo plenamente com o Roberto, todo mundo sempre teve suas opiniões formadas, mas nenhuma delas eram transmitidas para o público, agora com a web 2.0 avançado tecnologicamente a forma de produção de conteúdo dos usuários independentes e de certa forma esse tipo de conteúdo caindo no gosto da população que passa cada vez mais a busca-lo, principalmente porque se fizermos uma análise rápida de nossas dúvidas colocadas no google em forma de palavra chave, os sites que nos trazem respostas mais funcional e objetiva são justamente os de mídia social.

Voltamos a questão do marketing on-line para empresas:
As grandes marcas agora deve ter um cuidado especial, pois em mídia social as opiniões espalham rápido, quem aqui nunca consultou um review independente para adquirir um determinado produto? é eu já também.
Então é isso, fica aqui meu conselho as grandes marcas, que olhem para as mídias sociais como algumas ja vem fazendo, pois essas sim são os olhos do povo e passa cada dia mais a ter maior credibilidade.
quem ainda está na dúvida sobre o poder dos usuários acessem o site Reclame Aqui! que reúne uma base de reclamações de consumidores insatisfeitos, dando inclusive a oportunidade de a empresa responder.






Continue Lendo==>>

Panda 3.4 e o que isto significa para o SEO de seu site ou blog

0 comentários
panda 3.4 e o seo

Uma nova era se aproxima! ou melhor, acho até mesmo que ela já começou,e... para aqueles mas céticos, devo dizer que, sinais estão sendo dados a todo momento, fique esperto,pois só os de maior fé, consiguirão seguir suas jornadas rumo as estrelas!  Observador, como sou.. aliais, o que melhor faço é observar e analisar as coisas a minha volta, isto tenho desde criança; Característica que herdei de meu pai,que na sua sabedoria, dizia-me que:  Ao bom observador, sempre caberá o conhecimento pleno e que, observar e saber se aproveitar dos sinais que sua observação colhe a sua volta, é uma grande virtude.
 Alguém pode achar que estou tentando ré estilizar o sermão da montanha. Mas o que estou começando a expor aqui, são observaçoes feitas a respeito das grandes mudanças que os algoritmos novos do google panda estão provocando no comportamento dos profissionais de SEO.  Destruindo teses e artimanhas, que outrora, faziam a alegria de muitos espertises.
 As mudanças a que me refiro, são facilmente percebidas nas SERPS. Basta conforme disse, observar os recados subliminares que ali existem, e que foram ou estão sendo dados pelo ursinho panda 3.4.
Primeiro: Não terão lugar nas buscas do poderoso "Google" sites ou blogs sem relevância.
O que isto quer dizer?... que estas atualizações do google panda são destinadas a reduzir o
ranking de sites de baixa qualidade e outros que são clones de textos e conteúdos de outros, os quais apenas se preocupam em copiar o que existe na rede, sem nada acrescentar em questão de relevância e originalidade.
O objetivo central do google e mapear ao redor do mundo, sites e blogs com conteúdo de valor, para que, sempre que se busque algo,  se ache realmente o que existe de melhor na rede.
Com esta ultima atualização do Panda, notamos que certos sites e blogs perderam posições e ranking automaticamente, denotando que realmente existe uma faxina geral nas entranhas dos motores de buscas do GOOGLE.
Neste outro artigo: Panda 3.3 altera avaliação de links e ranks locais,eu preconizava ali, as mudanças que estava por vir. E não querendo fazer a vez do guru, eu digo que, não só estas mudanças foram por mim, amplamente festejadas, pelo fato de que estas se faziam necessárias, em função da dominação pura e simples das serps por tecnicas licitas, mas corporativistas e antidemocráticas..
Agora, cabe aquele ou aqueles que estão tentando um lugar ao sol, se mexerem enquanto é tempo.
Técnicas de seo obsoletas e inócua devem ser evitadas e substituídas por um conteúdo de valor.
Observem, com que frequência o google esta atualizando seus novos algoritmos, e creio que algo novo e bombástico esta por vir! eh.. Eu novamente dando uma de guru...
    Panda 3,3      27 fev. 2012

    Panda 3,2 15 de janeiro de 2012

    Panda 3,1 18 de novembro de 2011

    Panda 2.5.3 19 de outubro de 2011

    Panda 2.5.2 13 de outubro de 2011

    Panda 2.5.1 09 de outubro de 2011

    Panda 2,5 28 de setembro de 2011

    Panda 12 de agosto de 2011 2,4

    2,3 Panda 22 de julho 2011

    Panda 2,2 18 de junho de 2011

    Panda 09 de maio de 2011 2,1

    2,0 Panda 11 de abril de 2011

    Panda 1,0 24 de fevereiro de 2011
Tais mudanças trouxeram uma nova conduta, que antes era dada como definitiva, mas, agora percebe-se que  nem tudo é uma verdade plena, sobretudo em relação ao google,
que domina cerca de 70% das buscas e, pelo simples fato de ter sido o precursor desta ferramenta, e que sempre se vergou na busca da qualidade naquilo que entregava aos seus usuários..
Muitos figurões, que trocavam senhas de conduta, e formavam uma gleba acerca de suas relevâncias, estão agora, sem nenhum pudor, pedindo parcerias com alguns desafetos, que antes, eram por eles, sumariamente alijados de seus convívio social "blogosférico".

Claro, que não estou aqui, declarando sumariamente que,  as técnicas de SEO, não serão mais importante na otimização, muito pelo contrário, estas técnicas continuaram sendo vitais e  devem ser aplicadas sim. entretanto, sempre acompanhadas de um esclarecedor e bom conteúdo...

Muitos grandes caíram e muitos pequenos subiram... Isto, é no mínino  uma questão de justiça...

Parabéns aos nossos profissionais de seo, que tão logo perceberam esta nova Era que surgia enigmatica e sorrateira, logo, será desnudada e posta na mesa para ser servida em bandeja de prata aos que se puserem a observar e tirar para seus clientes o que há de melhor destes novos algoritmos.
Acho que isto é só um começo, você não acha? 

Continue Lendo==>>

seo on page (8 dicas de otimização on page)

4 comentários

  seo on page (8 dicas de otimização on page)


SEO on page , aqui começa o titulo do post

SEO ON PAGE , começa aqui, com o titulo do post:

O titulo da página ou post, devido a sua característica, assume o papel mais importante na otimização on page e esta importância deve-se ao fato de que um bom titulo quase sempre resume e destaca todo o resto do texto, e será nesta parte que você deve concentrar toda a atenção. Primeiro você deve escolher a palavra-chave correta e com boa relevância. Para pesquisar a relevância das palavras utilize-se das ferramentas para webmaster do Google. E após a escolha e aplicação da palavra-chave no titulo, preocupe-se em destaca-las no interior de seus posts. Cabe lembrar que é bom não exagerar na quantidade dela no conteúdo, caso tenha dúvida, leia este texto sobre a importância da palavra-chave.

Tags Heading
As tags Heading são muito importantes no contexto de seu blog ou site, e portanto devem ser utilizadas dentro das normas estabelecidas, e sobre as quais, destacaria sua utilização na marcação de pontos a serem realçados em seu site ou blog, o que ira auxiliar em muito,no ranking de seu projeto de otimização on page , e para que sua utilização esteja em conformidade com os algoritmos dos motores de buscas, deve-se seguir a ordem de hierarquia das mesmas, as quais são: h1,h2,h3,h4,h5 e h6, jamais viole esta ordem, sob risco de ter seu projeto totalmente prejudicado em sua indexação junto aos motores de buscas…

Keywords ou palavra-chave :
Bom, quase sempre em meus textos sobre técnicas de SEO e otimização on page, menciono a utilização desta meta tag, que embora digam que o Google não as utiliza mais, eu considero necessário sua colocação, pois outros motores ainda as utiliza. Sua aplicação é muito simples e intuitiva, pois devemos colocar individualmente uma a uma nas páginas, seguindo o contexto geral da mesma, ou seja, cada página deve ter uma meta tag própria com suas keywords em concordância com o teor da mesma. Tenha sempre em mente, que o que você escreve é para leitores humanos, portanto não caia na tentação de escrever palavras desconexas, onde apenas existe a preocupação de carregar palavras para os mecanismos de buscas, tornando seu texto algo incompreensível aos leitores. Tente, se possível posicionar suas palavras chaves no inicio do texto, e também próximo ao final. Utilize as palavras chaves com variações de grau, gênero e número.

Description :
Esta é,sem sombra de dúvidas a mais importante, e em conjunto com o título de sua pagina, deve conter um resumo preciso dela, utilizando-se das palavras –chave que irão compor o conteúdo, as palavras devem estar separadas por virgulas. Use as ferramentas do Google ou contrate um profissional para esta tarefa….

Negritando as palavras:
Isto irá destacar suas keywords no corpo do texto. não aplique esta técnica em todas as palavras. Utilize apenas uma por vez.Os exageros nesta parte,poderá leva-lo a ser punido junto aos motores de buscas

ALT nas imagens:
Porque devemos colocar tag alt e tag title nas imagens de nossos posts? Bom, sabemos que as aranhas dos motores de buscas não sabem ainda lêr imagens. Então para que ela saiba que imagen é aquela que ilustra nossos textos, devemos colocar em cada uma delas a tag alt, que define para os motores de buscas que tipo de imagem é aquela, seguida de uma tag title, que define em uma breve descrição, a qual parte do texto ela pertence, e é facilmente vista ao passar com o mouse sobre a mesma…..

URL :
As Urls devem estar bem construídas sem erros e totalmente amigáveis aos motores de buscas, não devem conter caracteres estranhos, deve ser limpa e de identificação simples pelos seus leitores , bem como aos motores de buscas. Pois disso dependerá sua melhor indexação e em breve estarei dedicando um capitulo inteiro a este assunto, pois o considero essencial para otimização on page…

Não pense que acaba agora tudo que pode ser dito sobre este assunto, poderíamos nos estender mais, porém prometo complementar em outro post, colocando outros detalhes tão importantes quanto estes em outro post..

Por hora, gostaria que todos participassem com comentários e sugestão da pauta de nosso proxímo assunto…
Continue Lendo==>>

15 fatores fundamentais em tecnicas de seo

2 comentários



 

 

 

 

 

 

15 fatores fundamentais em tecnicas de seo


Palavras-Chave (Keywords)

São os termos pelos quais o motor de busca irá pesquisar.

Identificar quais as palavras chave mais pesquisadas no nosso mercado é de fundamental importância.

Ferramentas de Sugestões de Palavras-Chave podem ajudá-lo nessa tarefa.

https://adwords.google.com/select/KeywordToolExternal

O Mecanismo:

Os motores de busca possuem mecanismos conhecidos como robôs ou bots que percorrem os sites e armazenam seu conteúdo HTML em um banco de dados
Quando realizada uma busca por palavra-chave os buscadores percorrem o banco de dados a procura do conteúdo que mais se adeque a busca

Ordenação:

A ordenação é feita analisando os conteúdos e posicionando melhor os que são entendidos como mais relevantes à palavra-chave digitada
Para atribuir essa relevância os motores de busca se baseiam em alguns fatores.
Entendendo esses fatores é possível otimizar o posicionamento do seu site nas SERPs (Search Engine Result Pages). É nisso que se baseia SEO

Fatores:
Os fatores de ordenação podem ser divididos em fatores internos e fatores externos.
Fatores Internos - Relacionados ao conteúdo do site.

Fatores Externos - Relacionados a popularidade do site
Técnicas - Fatores Internos
Usar nomes de arquivos que contenham frases-chave. Não usar hífens baixos em nomes de arquivos, usar hífens normais (-) Ex: http://www.vendas.com/carro_amar.html Utilizar palavras-chave no texto âncora dos links http://www.vendas.com/carro-fiat-amarelo.html Preencher todas as etiquetas alt das imagens, e title dos links. Os cabeçalhos h1 a h6 dão o peso dos conteúdos para os motores de busca, utilize-os com sabedoria. Se possível deve ser a primeira tag do body. Imprescindível um mapa do site visual (para o usuário), outro em XML (para os buscadores e o arquivo robots.txt). O robô de busca do google (googlebot) não entende imagens, CSS nem Javascript. Apenas HTML !

URLs:
As URLs são de fundamental importância no posicionamento. Em páginas dinâmicas, muitas vezes os links contém URLs pelas quais se estão passando variáveis e os motores de busca não entendem isso muito bem. A solução é : Ao invés de usar algo do tipo:[ulr] http://www.meusite.com/pagina.asp?variavel=valor [/url] Utilizar: http://www.meusite.com/valor/
Mudanças na árvore do site

Ao mudar o local de um arquivo ou renomeá-lo deve-se preocupar com as referências que ele recebe. Em sites de pagerank alto os links tem muito peso, por tanto, necessitamos de um método que indique que a sua página foi renomeada ou movida Exemplos de redirecionamento : Redirecionamento 301 com ASP
<% Response.Status=”301 Moved Permanently” Response.AddHeader “Location”,”http://www.meusite.com.br/” %> Redirecionamento 301 com ASP .NET <script runat=”server”> private void Page_Load(object sender, System.EventArgs e) { Response.Status = “301 Moved Permanently”; Response.AddHeader(”Location”,”http://www.meusite.com.br”); } </script>

Quando o servidor recebe uma requisição para uma página que foi movida, ele retorna o resultado para o lado cliente que faz uma nova requisição ao servidor, que por sua vez devolve a nova página. Dessa maneira o ranking e todo peso adquirido pela página é mantido e passado para a nova. Devido a códigos de redirecionamento em javascript terem sido muito utilizados por spammers, eles não são bem visto pelos motores de busca

Robots:
Robots são softwares que percorrem a web automaticamente, seguindo links de site em site e indexando os conteúdos para depois serem listados nos resultados de buscadores . Para fazer com que os buscadores ignorem certas páginas ou diretórios utiliza-se o arquivo robots.txt O arquivo robots.txt, colocado no diretório raiz do website, é usado para dizer ao motor de busca o que não indexar na pesquisa. Com ele você também pode criar regras específicas para cada buscador. Atenção: Um arquivo robots.txt localizado em um subdiretório não é válido. Exemplos de codigos do arquivo robots:
User-agent: Googlebot Disallow: / logado/ - Exclui a indexação da pasta logado pelo google User-agent: * Disallow:/ - Exclui a indexação de todo o site por todos os buscadores User-agent: * Disallow: /diretorio/pagina.aspx - Exclui a indexação do arquivo pagina.aspx

Também pode ser utilizado em uma meta tag
<META name=“robots" content="noindex, nofollow ">

Meta Tag:
Os motores de busca, lêem determinadas tags HTML na página para coletar e armazenar informações sobre o site. Estas são as Etiquetas META, ou META Tags Meta tags importantes em SEO
Titulo (Title Tag)
Tag de maior relevância pelos buscadores, indica o titulo da página.
Use palavras-chave no titulo da página;
Não utilize metáforas;
Use o nome da página em todas Title tag (Ex: Meu site – pagina1).
Existem 2 formas de declarar o titulo da página:

<title>Titulo da pagina</title> e
<META name=“title" content=“titulo da pagina">

O ideal em SEO é utilizar as duas em todas as páginas.
Descrição (Description Tag)

Descreve o conteúdo da página nos resultados da busca

Serve de Propaganda para atrair tráfego orgânico

Disponibiliza palavras-chave para os buscadores

Não deve conter mais do que 155 caracteres
Deve ser uma frase lógica e legível

Atenção: As meta tags Keywords são ignoradas pelo google!
<META name="description" content="descrição da página">

Atenção: A repetição de uma mesma palavra nessa tag pode ser entendida como search spam

Fatores Externos:
Fatores relacionados a popularidade do site.

A popularidade do site é atribuída a partir de links externos (páginas que possuem links para seu site) Os motores de busca possuem um conjunto de algoritmos para determinar a importância das páginas na web.

Pagerank:
É o conjunto de algoritmos do google que avalia o site, através de sua relevância. O valor varia de 0 a 10. Indica por meio de ligações (linkagem externa), a página de maior relevância. Leva em consideração o Pagerank dos sites que possuem os links e a relevância dos assuntos. Quanto maior a quantidade de paginas de pageraking alto possuírem links para seu site maior será seu pagerank. Levando em consideração a relevância dos conteúdos. Os termos utilizados para linkar sua página são mais importantes do que os termos que estão dentro dela. Apesar de possuir um só site apontando para ele seu site pode possuir um pagerank alto caso o site que referencia ele tenha um pagereank muito alto. Descubra o pagerank do seu site : PageRank Checker
Tipos de Técnicas Seo


White Hat –Técnicas permitidas e eticamente corretas de SEO – Foram vistas nesse artigo.

Gray Hat – Técnicas permitidas, porém não seguem os melhores padrões de ética.

Black Hat – Técnicas proibidas pelos buscadores.

Gray Hat:
Técnicas muito eficazes e não muito éticas de conseguir melhores posicionamentos nas buscas. Com o passar dos anos algumas técnicas consideradas gray hat passaram a ser consideradas black hat.
Image Replacement
É a utilização de tags h1 com display none em uma div com background-image. Pois as tags h1 tem mais peso para o buscador do que alt ou title dentro de uma tag img. Pode ser utilizado com a intenção de otimizar o site para dispositivos portáteis. Segundo Matt Cutt’s, engenheiro do google especializado em SEO, isso pode ser visto como spam. Porém não há problema em fazê-lo quando o texto traduz a imagem, assim você se previne de problemas com quem procure o relatório de Spam. Matt Cutt’s: “If you’re straight-out using CSS to hide text, don’t be surprised if that is called spam. imagine how it would look to a visitor, a competitor, or someone checking out a spam report. If you show your company’s name and it’s Expo Markers instead of an Expo Markers logo, you should be fine. If the text you decide to show is ‘Expo Markers cheap online discount buy online Expo Markers sale …’ then I would be more cautious, because that can look bad.” Exemplo :

<head> <title>SEO no CSS - Exemplo</title> <style> #SEO{ background-image:url(c:\passaro.gif); background-repeat:no-repeat; } #SEO h1{ display:none } </style> </head> <body> <div id="SEO" style="width:80px; height:80px"> <h1>Pássaro</h1> </div> </body>

Recadastro de Domínio:
Ao cadastrar o domínio novamente ele permanece com o PageRank que tinha antes Essa técnica não é muito bem vista pelos buscadores.
Black Hat (Search Spam)

São técnicas não éticas utilizadas para melhorar incrivelmente o posicionamento do seu site ou aparecer em primeiro em diversas buscas por palavras-chave. Caso o motor de busca descubra a utilização dessas técnicas seu site será punido em posicionamento ou mesmo sendo retirado das páginas de resultado. Atenção: As técnicas mostradas a seguir são de efeito informativo. Sua utilização apesar de eficaz é proibida.
Link Farms

Vários sites são criados com links apontando uns para os outros ou para apenas uma página criando artificialmente popularidade para os envolvidos.
Texto invisível

A técnica consiste em inserir um texto na mesma cor que o fundo da página, objetivando alcançar um maior numero de palavras-chave, ou palavras chave populares mesmo não relativas ao assunto do site. O Google localiza isto, mas existem maneiras de tentar enganar o robô, como javascript para trocar as cores ou colocar camadas flutuantes tampando o texto oculto.
Cloaking e Doorway page

Exibem conteúdos diferentes para sites de busca do conteúdo para navegadores. A principal diferença, é que o cloaking checa o IP ou navegador do visitante enquanto o Doorway usa redirecionamento por meta, javascript ou até o clique do usuário. Até o próximo artigo. Domingos C. De Paola.
Continue Lendo==>>

Gadget -como ocultar apenas na pagina principal do blog

10 comentários
Gadget -como ocultar apenas na pagina principal do blog
A dica de hoje é sem dúvida muito simples, basta prestar um pouco de atenção e, no passo a passo vocês vão tirar de letra este nosso recurso.. afinal, aquele gadget que esta na pagina principal, nem sempre fica bem ali, talvez em outra pagina ele tenha mais conveniência, então vamos aos passos  para resolvermos isto:
Quando adicionamos um novo ao nosso Blog, as vezes atrapalha nossa Organização.
Então vamos solucionar esta questão, ocultando o gadget da pagina inicial
Primeiro passo: Acesse o painel de Edição do seu blog, vá em Modelo>> em Editar HTML >> e em Prosseguir
.
painel do blog para editar gadget
E depois Marque a opção "Expandir Modelos de Widgets".
modelo para edição do painel do blog
 
Agora vamos procurar o determinado gadget que queira retirar da pagina inicial.
Então! no HTML você pesquisar pelo Título do seu gadget.
Pra facilitar a sua busca pelo titulo do Gadget, utilize o atalho CTRL + F que serve pra pesquisar no Navegador.
Exemplo: Digamos que o meu Gadget se chama "label", então eu irei  procurar pelo nome do Gadget.
Quando você localizar o Titulo do seu gadget, ele irá aparecer igual ou parecido com a sequencia abaixo:
<b:widget id='HTML2' locked='false' title=' label ' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
O código que vocês estão vendo, eu o destaquei em várias cores para vocês compreenderem melhor
Agora vamos alterar:

Logo  Abaixo da parte destacada em cor "Azul e vermelho" :  <b:includable id='main'> você acrescenta esse código :

<b:if cond='data:blog.homepageUrl != data:blog.url'>

Agora mais um pouquinho abaixo encontre essa parte: <b:include name='quickedit'/> , e Abaixo dela, você acrescenta esse código:

</b:if>
 
E ele ficará assim:
<b:widget id='HTML2' locked='false' title=' label ' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
Agora Clique em Visualizar, se não aparecer mensagem de erro é por que está tudo certo, e depois salve  Modelo
 
Como colocar o Gadget pra aparecer em uma determinada página do seu blog.
Se você quiser colocar o Gadget pra aparecer em uma determinada Página, você fará o mesmo procedimento, com forme as alterações que mostramos acima, mas só que usando um código específico.

Abaixo da parte destacada em cor "Azul e vermelha" : <b:includable id='main'> coloque esse código:

<b:if cond='data:blog.url == "Coloque aqui o link da página">
E nesse código, você substituirá essa parte:"Coloque aqui o link da página" pelo endereço (link) da página que você quer que apareça o Gadget.

E novamente abaixo de  <b:include name='quickedit'/> coloque esse código:

</b:if>
 
Ficará assim
 
<b:widget id='HTML2' locked='false' title=' Menu Dicas ' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "Coloque aqui o link da página"'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
E por fim, clique em Visualizar pra conferir se não fez nada errado, e depois Salve o modelo.

Agora, vou lhes fornecer, outras condicionais, para que vocês utilizem de acordo com vossas preferêmcias, sempre seguindo os passos acima, apenas acrescentando eles no gadgets...

Para OCULTAR um widget somente na Página Inicial:
<b:if cond='data:blog.homepageUrl != data:blog.url'>

Para OCULTAR um widget somente nas Páginas internas(de postagens), mas com exibição na Página Inicial, de Marcadores e de Arquivos:
<b:if cond='data:blog.pageType != "item"'>

Para OCULTAR um widget na página inicial, de marcadores e arquivo, mas com exibição nas páginas internas:

<b:if cond='data:blog.pageType == "item"'>

Para OCULTAR um widget somente nas Páginas Estáticas:
<b:if cond='data:blog.pageType != "static_page"'>

Para MOSTRAR um widget somente na Página Inicial:
<b:if cond='data:blog.url == data:blog.homepageUrl'>

Para MOSTRAR um widget somente nas Páginas de Arquivos:

<b:if cond='data:blog.pageType == "archive"'>

Para MOSTRAR um widget somente nas Páginas Estáticas:
<b:if cond='data:blog.pageType == "static_page"'>

 
Continue Lendo==>>

como indexar seu sitemap do blog no google

0 comentários

Sitemap e indexação de Blogs no Google
Sitemap e indexação de Blogs no Google

Praticamente da mesma forma que você indexou e submeteu o Sitemap de seu Blog no Yahoo, Você vai indexá-lo no Google e também incluir o Sitemap. Siga o passo a passo.

1 . Primeiro passo é acessar: http://www.google.com/webmasters/tools/ e faça o login com sua conta de Gmail.
2. Depois do login, Insira o blog que você quer indexar.
3 . Após adicionar o Blog, Click em: Verifique seu site.
4 . Assim como no Yahoo, Temos aqui dois métodos de verificação. Escolha a opção: Incluir meta tag.
5 . Copie agora a meta tag.



Faça login em sua conta de blog, Click em Layout depois click em: Editar html e cole a meta tag que você copiou, logo abaixo da tag.
Visualize antes de salvar.

Agora na página do Google Ferrramentas para Webmaster, click no botão verificar. A mensagem de confirmação informando que seu blog foi verificado com sucesso será mostrada.

 6 . O próximo passo é em visão geral para adicionar-mos o Sitemap.
7. Escolha Adicionar Sitemap geral da web no menu dropdown e digite: rss.xml ou atom.xml, como no exemplo abaixo.

Após ter clicado em adicionar Sitemap geral da web . (rss ou atom.xml) você verá a seguinte mensagem..
É somente isto. Caso tenham algo a acrescentar, é só comentar abaixo....
Continue Lendo==>>

Tonttu- gerador de sprite gratuito e muito eficiente

0 comentários

Tonttu- gerador de sprite gratuito e muito eficiente


Tonttu mascote A CSS Sprite é basicamente a geração de um conjunto de imagens,contidas, ou agregadas em um lote, que na verdade é um arquivo imagem com varias imagens. O que levará a um carregamento único, ao invés de vários, tornando suas paginas mais rápidas. Isto ocorre, porque reduz consideravelmente as requisições de DNS enviadas ao seu HOST.

Veja abaixo como criar uma Sprite com o Tonttu.

Em primeiro lugar, faça o Tonttu dowload e proceda à sua instalação. Basicamente, o programa faz tudo sozinho, basta arrastar as imagens, as quais, gostaria de compor seu Sprite. Também sugiro, que leia este tutorial, de como criar Sprite; Ajuste o tamanho de sua imagem,arrastando as bordas da janela da imagem (CSS Sprite), pois caso contrário,pode gerar uma imagem muito grande pelo Tonttu e isto não será bom, pois quanto menor, menor será seu peso...




Tonttu é uma ferramenta para ajudar a fazer CSS Sprite.

Você vai ser capaz de organizar e mover arquivos de imagem com Tonttu, e acabam escrevendo uns arquivos HTML e CSS com CSS Imagem Sprite. Você pode também salvar como um arquivo de projeto (. TTD), a fim de começar exatamente da mesma tela da próxima vez. Esta aplicação é apresentado e premiado em Soft pedia
Quando finalizar a sua CSS Sprite, clique no botão “Export.”. O Tonttu irá gerar a imagem e o código CSS necessário para a incorporação.
Agora, cole o código gerado pelo Tonttu no bloco de notas do Windows, e depois adicione-o na declaração de estilo do seu Site ou Blog.

Por exemplo, no Blogger, deverá colar o código antes da tag “]]></b:skin>”. agora se possui um site, deve colar o código no arquivo style.css.
A sua CSS Sprite está pronta a ser utilizada. Agora sempre que pretender chamar uma imagem, basta utilizar o seguinte código:

<div id="id0">Pode inserir código aqui</div>
Ou então,
< ul>
< li id="home"><a href="default.asp"></a></li>
< /ul>

Agora, que já sabe criar uma sprite, que tal mandar uma coca-cola pro papai aqui! ou então apenas comente aqui em baixo que já me dou por satisfeito... bons projetos a todos...

Este artigo pertence ao tudoseo-tecnicas de seo e otimização de sites.O Plágio é crime e está previsto na lei N° 9610 sobre direitos autorais..Caso este post esteja em outro local diferente do mencionado acima,Avise-me por favor
Continue Lendo==>>

FotoFlexer- Pixenate- Pixlr- substitutos do extinto picnik

3 comentários

picnik-fechamento (350x175)    

Algum tempo atrás estava aqui em meu blog, lamentando profundamente a extinção do site ,

pois dele me valia para dar tratamento as minhas imagens que publicava aqui... então, como tudo na vida, ninguém, nem nenhuma coisa é insubstituível, coloquei-me a pesquisar um substituto a altura, e não muito depois, encontrei estas opções que considero ideal, por isso estou lhes indicando abaixo, com algumas considerações minhas, porém, caso meus leitores os experimente, gostaria da opinião de todos sobre seus recursos, comentando abaixo.

 

fotoflexer-editor online

FotoFlexer :

Editor online de imagens semelhante muito parecida ao extinto e saudoso ,Entre os muitos recursos, estão correções de defeitos e funções de layers (camadas) muito simples de usar. Sua interface está disponível cerca de 25 idiomas.Tal qual Picasa, Flickr, Photobucket e Facebook.  Você pode editar imagens instantaneamente,tiradas com sua câmera acoplada em seu p.c..

pixenate-editor on line  (350x286)

 

Pixenate :

Editor de fotos  impressão de fotografias e compartilhamento de fotos. Oferece um menu completo, de opções de edição (cortar, girar, olhos vermelhos, cores), e um belo botão "fill light" para fotos subexpostas , assim como a opção "doodle", que lhe possibilitará desenhar imagens.  Após salvar sua imagem em seu desktop, você pode envia-la ao Flickr ou imprimi-la no formato de  uma camiseta, caneca, sacola, etc. infelizmente disponível apenas em espanhol ou inglês.

pixlr-foto editor online (350x265)

Pixlr : 

versão expressa do Pixlr do site  asemelha muito ao seu futuro ex-concorrente, o extinto . O Pixlr tem um  upload de fotos veloz e possui uma grande variedade de "ajuste" em seu menu. No meu teste, notei que os menus são um tanto lentos, mas nada que nos tenha desesperado  Você tem que clicar em "apply" ou "cancel" de lá para voltar e começar tudo de novo com as outras opções. no modo Express o usuário só pode salvar suas imagens editadas apenas em seu desktop.

Continue Lendo==>>
setaretornoaotopo