botões de ícones sociais com efeito hover

0 comentários
icones sociais com efeito hover



Estes ícones sociais são indispensáveis para o sucesso de qualquer blog ou site, portanto, não abra mão de te-lo em seus projetos…

Neste tutorial você aprenderá como colocar ícones com efeito hover, que é aquele em que ocorre uma troca de cor, tornando-os mais bonitos…

E os mesmos já estão com sprite, mais isto você que não conhece, poderá saber o que é em Como adicionar widget social no blogPara começar:
 icones sociais em sprite


    Acesse ao Painel do Blogger > Design > guia Editar Html
    Clique em Expandir Widgets
    Procure pelo código ]]></b:skin>
    colocar o código abaixo, acima de ]]></b:skin>
      #bt-share ul {list-style: none;clear: none;padding: 0px 0px ;margin: 5px 0;}
      #bt-share ul li {display: inline;background:none;margin:0;padding:0;}
      #bt-share ul li a {display: block;float: left;width: 32px;height:32px;background-image:

      url('http://3.bp.blogspot.com/-YsY20RDR0EE/TySURfj3bfI/AAAAAAAAFoM/htYwIGJ6THs/s1600/way2blogging-share-icons-sprite.png') ;
      margin-left:3px;background-repeat: no-repeat;margin-right: 2px;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
      #bt-share ul li a.twitter    {background-position: -0px -0px;   }
      #bt-share ul li a.twitter:hover {background-position: -0px -33px;  }
      #bt-share ul li a.facebook   {background-position: -32px -0px;  }
      #bt-share ul li a.facebook:hover {background-position: -32px -33px; }
      #bt-share ul li a.stumbleupon  {background-position: -64px -0px;  }
      #bt-share ul li a.stumbleupon:hover{background-position: -64px -33px; }
      #bt-share ul li a.digg    {background-position: -192px -0px; }
      #bt-share ul li a.digg:hover  {background-position: -192px -33px;}
      #bt-share ul li a.reddit   {background-position: -160px -0px; }
      #bt-share ul li a.reddit:hover  {background-position: -160px -33px;}
      #bt-share ul li a.google   {background-position: -128px -0px; }
      #bt-share ul li a.google:hover  {background-position: -128px -33px;}
      #bt-share ul li a.del-icio-us  {background-position: -480px -0px; }
      #bt-share ul li a.del-icio-us:hover{background-position: -480px -33px;}
      #bt-share ul li a.mixx    {background-position: -96px -0px;  }
      #bt-share ul li a.mixx:hover  {background-position: -96px -33px; }
      #bt-share ul li a.technorati  {background-position: -416px -0px; }
      #bt-share ul li a.technorati:hover {background-position: -416px -33px;}
      #bt-share ul li a.linkin   {background-position: -256px -0px; }
      #bt-share ul li a.linkin:hover  {background-position: -256px -33px;}
      #bt-share ul li a.yahoobuzz  {background-position: -448px -0px; }
      #bt-share ul li a.yahoobuzz:hover {background-position: -448px -33px;}
      #bt-share ul li a.myspace   {background-position: -512px -0px; }
      #bt-share ul li a.myspace:hover {background-position: -512px -33px;}
      #bt-share ul li a.more    {background-position: -576px -0px; }
      #bt-share ul li a.more:hover  {background-position: -576px -33px;}

      Segundo passo
      Procure pelo código seguinte:


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

      Ou

      <div class='post-footer'>
      Cole logo apos um desses códigos o seguinte:
      <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='bt-share'> <ul> <li><a class='twitter' expr:href='&quot;http://twitter.com/?status=&quot; + data:post.title + &quot; - &quot; + data:post.url ' rel='nofollow' target='_blank' title='Share this post on twitter'/></li> <li><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Facebook'/></li> <li><a class='stumbleupon' expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Stunbleupon'/></li> <li><a class='digg' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Digg'/></li> <li><a class='reddit' expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Reddit'/></li> <li><a class='google' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Bookmark this post on Google'/></li> <li><a class='del-icio-us' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on delicious'/></li> <li><a class='mixx' expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' target='_blank' title='Share this post on Mixx'/></li> <li><a class='technorati' expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Fav on Technorati'/></li> <li><a class='yahoobuzz' expr:href='&quot;http://buzz.yahoo.com/submit/?url=&quot;+ data:post.url' rel='nofollow' target='_blank' title='Share this post on Yahoo!Buzz'/></li> <li><a class='myspace' expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=&quot;+ data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank' title='Sahre this post on Myspace'/></li> <li><a class='a2a_dd more' expr:href='&quot;http://www.addtoany.com/share_save?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title '/><script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/></li> </ul> </div> </b:if>  


      Visualize e caso esteja tudo ok, salve e curta…
      o melhor site de tecnicas de seo para webmasters
      Continue Lendo==>>

      Katipsoi Zunontee

      7 comentários

      Katipsoi Zunontee*



      Blogger Labels: Katipsoi,Zunontee,Mestreseo,humanidade
      Quem será
      ou qual sua importância para a Humanidade? Leia até o fim e logo saberá.

      Katipsoi Zunonte-piramide maia
      Katipsoi Zunontee
      katipsoi-zunontee-templo do DEUS
      katipsoi zunontee-sucessores-10

      katipsoi Zunontee-Alguns acreditam que este seja o verdadeiro descendente do poderoso Deus Maia, e que, através do retorno de seu Deus Katipsoi zunontee , que será no dia 20.12.2012,e que este herdeiro do trono será o único capaz de evitar o apocalipse. ( o fim da humanidade,conforme a crença desta tribo peruana)


      katipsoi+zunonteeesfinge.jpg
      esfinge do Deus Katipsoi Zunontee
      Esta imagem acredita-se que seja do DEUS Katipsoi- Zunontee ,ela foi encontrada em escavações recentes..

      katipsoi-zunontee-decendente-8
      Descendente de Katipsoi Zunontee
      Imagem de um descendente de Katipsoi Zunontee ,evocando seu retorno para salvar a humanidade.

      4.Katipsoi Zunontee -Sacrifícios humanos
      katipsoi zunontee-sacrificio-7

      Katipsoi Zunontee em sacrifício

      Mesmo na éra Katipsoi Zunontee , o conhecimento médico dos Maias permitia que eles utilizassem plantas como analgésicos. Plantas alucinógenas utilizadas em rituais religiosos eram também usadas com este propósito.
      5. Quadras de esportes
      katipsoi zunontee-ruinas-4

      katipsoi+Zunontee-templo-5.jpg
      Ruinas do templo Katipsoi Zunontee
      O Templo Katipsoi Zunontee mesoamericano era uma edificação em associação com rituais, Utilizado por até 3 mil anos antes da chegada de Colombo na América. O Templo sofreu várias modificações com o tempo.As galerias  eram utilizadas como uma área para rituais religiosos e culturais e para os jogos.  A decapitação é muito associada com o Templo, e há especulações que cabeças decepadas e caveiras eram utilizadas como bolas no jogo.

      katipsoi zunontee-representação grafica de deus  maia.jpg
      3. O último Estado Maia
      Katipsoi Zunontee em mapa da cidade
      A cidade de Tayasal foi o último reino Maia, e acabou apenas em 1697, quando padres espanhóis entraram em contato com o rei e dominaram a população do local.
      2. A vida continua 
      katipoi sunontee-calendario.jpg
      Calendário Maia com rosto de Ktipsoi Zunontee
      Ao contrário do que é muito divulgado, os Maias 

      não têm um calendário, e sim vários calendários – e nenhum deles afirma que o mundo vai acabar em 2012. O que ocorre é que a mitologia Maia acredita que o mundo está na sua quarta “criação”. A última criação acabou em 12.19.19.17.19, na linguagem de um de seus calendários, e esta sequência irá se repetir no dia 20 de dezembro de 2012.
      Esta data será, entretanto, marcada pelo fim de um ciclo e o início de outro, para os Maias, e não o fim do mundo, como o ano novo para a civilização ocidental.
      1. Mistério antigo

      O fim da civilização Maia ainda é um mistério muito debatido. Durante os séculos 8 e 9, as grandes cidades Maias foram entrando em declínio e depois foram abandonadas, deixando para trás uma arquitetura incrível e sinais da civilização. Algumas teorias acreditam que isso aconteceu devido à superpopulação, invasão de estrangeiros, revoltas da população e até problemas com as rotas usadas para trocas comerciais.
      Outras teorias, entretanto, afirmam que o declínio pode ter ocorrido devido a desastres ambientais, como doenças e mudanças climáticas. Existem evidências que a população excedeu a capacidade de seu solo, acabando com o potencial da sua agricultura e caça. Atualmente, alguns estudiosos acreditam que uma seca de mais de dois séculos possa ter acabado com a civilização.
      Conclusão e desfecho deste artigo: Tudo o que foi dito neste artigo, não tem fundamento, pois foi criado tão somente para participar do desafio do site mestreseo.com, onde o mesmo inventou o termo “Katipsoi Zunontee “ para que profissionais de SEO como eu, e muitos da blogosfera brasileira  colocássemos um artigo com este termo e terminássemos em primeiro lugar nos resultados orgânicos do google tornando-nos o vencedor deste desafio… não creio no fim do mundo em dezembro deste ano… curtam a vida e façam deste mundo um lugar melhor para se viver…




      Continue Lendo==>>

      O site picnik está encerrando suas atividades

      2 comentários

      encerramento picnik

      Hoje fui surpreendido com o anuncio de encerramento das atividades do site picnik através de um email, pois utilizava os serviços deste site havia algum tempo..

      toda vez que recebo a noticia de encerramento de algum site que gosto e admiro, fico um pouco triste e órfão, mas tem um boa noticia, os serviços

      do picnik continuarão através do creative kit do google +, bom enfim veja o texto completo deste email que recebi abaixo:

      ‘’Anúncio oficial: Tudo que é bom um dia chega ao fim

      Tudo que é bom acaba e, com o Picnik, não foi uma exceção. O Picnik será encerrado em 19 de abril de 2012.

      Uma vez que passe o choque, teremos algumas informações importantes para lhe passar. Tudo bem e não se apresse. Nós entendemos.

      Desde nossa aquisição pelo Google em 2010, vínhamos criando magia na edição nos produtos Google enquanto continuávamos a manter o Picnik muito interessante. Mas chegou a hora de nos concentrarmos. Estamos animados para trazer a potência e facilidade do Picnik para os produtos Google tal como o Google+. Você vai encontrar muitas de nossas edições e efeitos no Creative Kit do Google+ e nós o encorajamos a experimentá-lo.

      Suas fotos liberadas
      Fotos incríveis são criadas no Picnik, então nós lançamos um novo recurso, Retirada Picnik, que facilmente faz o download de suas fotos para a área de trabalho em arquivos compactados convenientes. Você pode também optar por copiar suas fotos para o Google+ em que você pode armazenar e compartilhar suas criações. Você pode solicitar suas fotos a qualquer momento e usar esta ferramenta útil tantas vezes quanto quiser até nossa data de fechamento em 19 de abril de 2012.

      Reembolso de contas Premium
      Para nossos membros das contas Premium Picnik, vamos começar a processar um reembolso completo de sua taxa de assinatura atual dentro de uma semana se este anúncio. Por "completo" queremos dizer a coisa toda. É, isso significa que mesmo que você esteja no último dia de uma assinatura anual, vamos lhe reembolsar todo o valor de $ 24,95. Só porque queremos lhe agradecer.

      Agora as boas notícias - Premium gratuito para TODOS!
      Para expressar nossa gratidão pelos últimos 5 anos, o Premium é gratuito para todos! Use o Picnik em toda a sua glória premium, gratuitamente, de agora até nosso dia de encerramento. Retoque, Texturas, Avançado e muito mais agora são gratuitos para você usar!

      O Picnik foi uma experiência fantástica para todos nós e estamos extremamente orgulhosos de criar um produto que é usado e amado por tantos de vocês. Continuamos nos sentir assombrados e humilhados pelas fotos que você criam. Somos imensamente gratos por todo o seu apoio, criatividade e paixão e estamos ansiosos para trazer a diversão da edição de fotos para os produtos Google.

      Visite o Hub de ajuda para obter mais informações sobre encerramento. Seja nosso fã no Facebook, siga-nos no Twitter ou confira o blog do Picnik para obter informações atualizadas sobre nosso fechamento em abril.

      Foi maravilhoso,
      Equipe do Picnik’’

      Continue Lendo==>>

      Diretrizes básicas de otimização de sites

      0 comentários
       Otimização de sites: diretrizes básicas

      motordebusca12.jpg.jpg


      Cada motor de busca é diferente e tem diferentes orientações a respeito de como eles classificam uma página web. Além disso, suas diretrizes mudam muito frequentemente e é literalmente impossível acompanha-los. Sua melhor opção é otimizar seu site para o melhor de sua capacidade, apresentar suas páginas para os motores de busca e esquece-lo. (Re-submeta suas páginas principais  a qualquer momento  que fizer  alterações significativas.) Seu tempo pode ser melhor gasto com outras técnicas de marketing que não seja lutar na guerra dos Motores de buscas.
      Aqui estão algumas orientações básicas para ajudar você a otimizar suas páginas:
      TITULO:
      motores de buscas.png2.jpgSeu título deve ter uma contagem de palavras de entre cinco e seis, com uma frequência  de uma palavra-chave e um destaque de pelo menos 60%.
      A palavra-chave que aparece no início de uma área específica terá uma classificação de destaque de 100%.
      A palavra-chave que aparece no meio de uma área específica terá uma classificação de destaque de 50%.
      A palavra-chave que aparece no final de uma determinada área terá uma classificação de destaque de 0%.
      Proeminência palavra-chave desempenha um papel crítico na determinação de classificação do seu site, não só nos motores de busca, mas também em diretórios importantes como o Yahoo.
      TAG ALT:
      Suas tag Alt deve conter uma contagem de palavras de cerca de 1-35 e têm uma frequência de palavras-chave 1-2.
      hyperlinks
      Seus hiperlinks deve conter uma frequência de palavra-chave entre um e oito.
      corpo do Texto
      O seu corpo do texto deve conter uma frequência de palavra-chave entre um e seis, uma contagem de palavras entre três e 400 é uma proeminência de  palavra-chave de cerca de 50%.
      Sua página deve conter uma frequência total  entre cinco e vinte.
      Tome seu tempo e otimizar cada uma de suas páginas web com o melhor de sua capacidade. Quando estiver satisfeito com suas páginas,submete-las manualmente aos principais motores de busca  e diretórios. Se você preferir enviar automaticamente suas páginas para uma grande variedade de motores de busca e diretórios, acesse esta lista de motores de buscas
      Continue Lendo==>>
      setaretornoaotopo