Assine Nosso Feed!

Receba Nossas Atualizações em Seu E-mail:

  • Receba Todos os Nossos Artigos Automaticamente em Seu E-mail
  • Tenha a Exclusividade de Receber Boletins do Nosso Blog
  • Inscrever-se no feed do Nosso Blog é Fácil, Rápido e Seguro
  • Ajude a fazer Nosso Blog Crescer!!!


  • 5 de março de 2013

    Metablogs pode usar humor para atrair visitantes?


    Quem nunca ou ouviu aquele famoso ditado popular, "Rir é o melhor remédio". Ouvi falar que mulheres acham homens engraçados mais inteligentes e atraentes ( apenas ouvir falar), se é verdade ou não o humor pode ser a cura pra vários problemas que encontramos no dia a dia, lendo um artigo relacionado a esse assunto cheguei a uma conclusão que o humor também pode ser utilizado para atrair leitores para nosso blog, seja ele de tirinha ou até mesmo meta blogs.

    Mesmo com meus poucos 19 anos cheguei a ler aquelas revistinhas em quadrinhos que comprava na esquina da minha casa antigamente e achava bem interessante, não pelos desenhos de heróis mas sim pela forma que a escrita me prendia, sentia tanto gosto de ler aquela revista que esperava ansioso pela próxima edição, mas antes de me chamar de doido leia o resto do artigo.


    Como humor pode beneficiar um Meta blogs?


     Muitos blogs são abandonados é pelo fator de não receber visitas suficiente e isso acontece por falta de fidelização de leitores, usamos várias formas de conquista-los,  as mais comum que vimos por aí são, conteúdo de qualidade, layout agradável e entre outros, claro que não podemos discordar que são essencial para um blog, mas por que não usar o humor, quem gosta de ler sabe o que estou falando, usar da escrita como interação do autor com o leitor de forma agradável.


    O Autor tem que agarrar a atenção dos leitores com apenas a escrita, claro que não é fácil mas quando conseguimos fica mais fácil na fidelização, devemos esquecer que tem uma máquina em nossa frente e lembrar que estamos escrevendo para pessoas reais,

    Como usar humor na escrita?


    Quando falo usar humor na escrita não estou referindo a piadinhas curtas e sem graça, mas sim pequenos trocadilhos, fatos que acontece no dia a dia ou até mesmo ditados populares como citei no início deste artigo, usar imagens também pode ser uma boa, mas lembando que nada exagerado ou fugindo do assunto que estiver tratando no artigo,

    Conclusão:

    Como disse no tópico acima nada de exagero, nem todos gostam desse tipo de escrita, como já disse humor pode ser uma chave para fidelizar os leitores mas se você não se acha capaz de conquista-los é melhor nem tentar cado contrário poderá usar contra o seu blog.

    O que você acha sobre humor em meta blogs? Fique a vontade para deixar sua opinião.

    2 de março de 2013

    4 equívocos que cometemos ao criar um blog



    Muitos blogs são criados diariamente por diversas razões, por expressar sua opinião em determinado assunto, compartilhar uma receita que aprendeu da Vó, promover um produto ou negócio, sair do estresse e assim por diante,  depois procuramos tantas maneiras de promover nosso blog seja ele qual for que as vezes cometemos alguns equívocos, um deles é que artigo para ser bom tem que ser longo  mas existe vários outros e no artigo de hoje falaremos alguns que na minha opinião acontece com frequência nesse imenso caldeirão chamado blogosfera.

    Planejamento: O primeiro passo para criar um blog   


      Equívocos que cometemos ao criar  um blog


    1º- Ganhar dinheiro com tao pouco tempo: O blogueiro nunca sonhou em ganhar dinheiro com seu blog que atire a primeira pedra, largar a vida de pião e trabalhar por conta própria sem chefe para te encher o saco num é mesmo?, o problema que muitos já criam seus blogs com intensão de virar o segundo Eike Batista, mesmo sem investir uma grana se quer em seu blog seja ele em domínio próprio, divulgação ou até mesmo em um  layout exclusivo, devemos primeiro se preocupar com nossos leitores de conquistar nosso espaço e depois sim pensarmos na possibilidade de gerar uma renda extra,

    Existe sim várias pessoas que ganham dinheiro com blogs mas isso aconteceu depois de muito tempo de trabalho duro e essas mesma pessoas investiram bastante, gastaram suado dinheirinho e que hoje só está onde chegaram porque lutaram bastante. por isso a gente que está começando esqueça do dinheiro a vamos ralar se quisermos realmente um sucesso com nossos projetos na internet.

    Pense em resultados a longo prazo!   (blog na carteira)
     
    2º - Apenas publicar e pronto: Depois de criar um publicar o artigo, chega a parte mais chata e importante compartilhar, fale com vizinho, use e abuse das redes sociais principalmente do Facebook, por que nunca podemos subestimar o poder das redes sociais. se for preciso use alguns agregadores de links para facilitar a divulgação abaixo está alguns dos melhores agregadores que poderá ajudá-los.

    DiHitt – dihitt.com.br
    LinkK – www.linkk.com.br
    Uêba – ueba.com.br
    LinkLog – www.linklog.com.br
    Ocioso – www.ocioso.com.br/ 
     

    A Web é um oceano de conteúdos com vários tópicos que levam à artigos iguaizinhos ao seu, então devermos criar descrição original voltadas para responder as perguntas dos leitores.


    3º - Para ter sucesso temos que postar todos os dias: Claro que atualização do blog é algo fundamental para os motores de busca, isso é comprovado não podemos negar, mas não precisa ser todos os dias só porque  fulano descreveu no blog dele, vou dar dois exemplos de blogueiros que gosto muito e admiro bastante são Adelson Smania do Gerengiando blog  e Samanta Sammy do VRdaSan são dois excelentes blogueiros que não postam  artigos diariamente mesmo assim não deixam de fazer sucesso com seus blogs, o que realmente importa é a qualidade deles e não quantidade.

    4º - Artigo para ser bom tem que ser longo: Esse é um dos equívocos que muitos de nos cometemos, claro que um artigo com 350 caracteres não agradaria os motores de busca, mas também não precisa de ser tão longo é até cansativo para o leitor, o importante é ser objetivo independentemente do tamanho ser interessante para o público e original, esse é o artigo bom no meu ponto de vista.

    Fique a vontade para comentar, discutir, dar opinião e por ai vai, só quero lembrar que é meu ponto de vista, não quer dizer que todos tenham que concordar.

    28 de fevereiro de 2013

    Menu social com efeito hover e deslizante


    Como podemos notar vários blogs tem Widget de follow para  redes sociais e é de extrema importância, hoje em dia é indispensável esse maravilhosa ferramenta na vida de um blogueiro, já mostrei alguns modelos aqui no blog mas nada comparado a este, trazendo como caracteristica um visual simples, com efeito hover e  transição criado com Css3.

    Artigos recomendados:
    1. Menu de Redes Sociais na vertical com efeitos CSS
    2. Menu de redes sociais animado com css3
     


     Vamos ao Tutorial :

    Para adicionar em deu blog é simples e rápido vá em layout >>  adicionar widget >> HTML/javaScript e cole o código abaixo.

     <div dir="ltr" style="text-align: left;" trbidi="on">
    <style>
    #bssose{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;}
    #bssose a{text-decoration:none; font-family:trebuchet ms,sans-serif;}
    #bssose li{position:relative; height:38px; cursor:pointer; padding: 0 !important;}
    #bssose .facebook, .googleplus, .pinterest, .rss, .twitter{position:relative; z-index:5; display:block; float:none; margin:10px 0 0; width:210px; height:38px; border-radius:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghkRLAjWuyvt1Jks95185gMpku3DjxFh3_SCvPQ3lzZOG3j-kLXcPT_8p4EjV5iuVPjf_3ZmX_bkaPIw-pmUA4vsp1kY6zJ6a9tivAWyJymAGoRL9FR1lwtr36eIQedOw3_1Pk5ZJTZg6-/s320/sprites.png) no-repeat; background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px; box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap; line-height:32px; -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out; -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out; -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-transition:width .25s ease-in-out,background-color .25s ease-in-out; transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;}
    #bssose li:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#141414; content:attr(data-alt); line-height:32px;}
    #bssose .icon{overflow:hidden; color:#fafafa;}
    #bssose .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;}
    #bssose .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;}
    #bssose .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;}
    #bssose .pinterest{width:32px; height:32px; background-color:rgba(174,45,39,0.42); background-position:0 -95px;}
    #bssose .rss{ width:32px; height:32px; background-color:rgba(255,102,0,0.42); background-position:-3px -126px;}
    #bssose li:hover .icon,
    .touch #bssose li .icon{width:210px;}
    .touch #bssose li .facebook, #bssose li:hover .facebook{background-color:rgba(59,89,152,1);}
    .touch #bssose li .twitter, #bssose li:hover .twitter{background-color:rgba(64,153,255,1);}
    .touch #bssose li .googleplus, #bssose li:hover .googleplus{background-color:rgba(228,69,36,1);}
    .touch #bssose li .pinterest, #bssose li:hover .pinterest{background-color:rgba(174,45,39,1);}
    .touch #bssose li .rss, #bssose li:hover .rss{background-color:rgba(255,102,0,1);}
    </style>
    <br />
    <ul id="bssose">
    <li data-alt="Siga-nos no Facebook"><a class="icon facebook" href="http://www.facebook.com/tecnologiablogger">Siga-nos no Facebook</a></li>
    <li data-alt="Siga-nos no Twitter"><a class="icon twitter" href="http://www.twitter.com/tecno_blogger">Siga-nos no  Twitter</a></li>
    <li data-alt="Siga-nos no Google+"><a class="icon googleplus" href="https://plus.google.com/XXXXXXXXXXXX">Siga-nos no  Google+</a></li>

    </ul>
    </div>

    Configurações:

    Claro que não pode esquecer de fazer as modificações, na parte em vermelho você troca pelo nome de sua Fan page.
    Na parte roxa troque pelo nome do Twitter.
    Já na parte azul troque pelo endereço do Google+ pode ser de sua página ou seu perfil pessoal.

    13 de fevereiro de 2013

    Faça backup completo do seu blog

    Para muitos este artigo pode parecer tosco  mas para mim não é, fazemos tantas coisas complexas em nossa vida que esquecemos das coisas mais simples e que pode fazer muita diferência, no blog é a mesma coisa aprendemos tanta modificações e personalizações das mais fáceis até as complicadas, e nunca falamos em proteção, fazer backup de todo o blog, ou seja posts, imagens, templates e etc...

    Melhor previnir do que remediar. Cresci ouvindo isso da minha vó e vocês com certeza deve ter escutado em algum lugar, hoje agradeço a ela porque me rendeu um artigo.

    Há buatos que um blog uma vez hospedado na plataforma Blogger.com não é totalmente do autor e sim do Google e se não estiver de acordo com os termos de uso poderá ser apagado sem ter uma segunda chance, claro que não precisa se preocupar isto são apenas boatos,  mas como diz minha vó melhor previnir do que remediar.

    Como fazer o backup das artigos, páginas e imagens?


    Vá em Configurações >> Outros >> e clique em exportar  blog,  irá aparecer uma nova janela basta clicar em fazer download, e será baixado um arquivo no formato XML com todos os detalhes do seu blog, o arquivo baixado pode ser usado no Wordpress ou outra plataforma.


    Backup do Template.

    Para fazer o bachup do template simples também basta ir em modelos >> Fazer Backup/Restaurar depois clique em fazer download, assim como o backup anterior será baixado o arquivo no formato XML mas como se trata em template não poderá ser usado no Wordpress ou outra plataforma que não seja Blogger.


    É isso, se algo acontecer com seu blog, poderá recuperar todo trabalho de volta só não esqueça de deixar sua opinião.

    6 de fevereiro de 2013

    Apollo - Template de qualidade para blogger

    Nem precisa falar que a aparência é fundamental em um blog, isso todos já sabem, então para ajudar os leitores do TB procuro por templates que  no meu ponto de vista são profissionais e compartilho com vocês. o template de hoje foi encontrado no blog Templateism um blog que não tem muitos templates disponível mas os poucos são de qualidades e vale a pena conferir e o de hoje é o Apollo

     Templates que poderá gostar
    1. Mangos: Template magazine
    2. Precious Blogger templates 

      Apollo é um template adaptado do Wordpress para o Blogger mas sem perder as principais caracteristicas, com uma coluna lateral que deixa o blog profissional, Com cabeçalho dividido em duas colunas sendo uma para logotipo e a outra para banners e anúncios

    Tem um menu horizontal fixo no topo, hack leia mais com miniaturas de imagens e com técnicas de SEO instalados.




    5 de fevereiro de 2013

    Personalizando o Gadget de marcadores

    Precisei parar por uns dias recebi um proposta para modificar um template de humor por isso o blog dicou desatualizado nas ultimas semanas, mas estamos de volta e a principal função do TB é ajudar aos leitores a deixar o blog como deseja, e hoje não será diferente, já mostrei duas versões de estilos para marcadores como pode conferir nos artigos abaixo.

    1. Dar estilo no gadget de marcadores do blog
    2. Dar estilos ao gadget marcadores do blog (Vesão 2)
    Essa versão é mais elegante que as anteriores com a ultilização do CSS3. o modelo padrão do blogger tem um visual muito antigo por isso devemos aplicar as técnicas mais recentes.



    1º- Clique em Editar HTML e expandir modelos de widgets.
    2º- Aperte Ctrl + F e procure por ]]></b:skin> e cole antes o seguinte código.


    /*--- TB Custom Label Cloud With CSS3 --- */
    .Label a{
    padding-left:20px;
    background:#000;
    padding:0 20px;
    color:#fff!important;
    border-radius:100px;
    -moz-border-radius:100px;
    height:32px;
    line-height:32px;
    text-transform:uppercase;
    text-decoration:none;
    border:none !important;
    -webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
    float:left;
    margin-left:5px;
    margin-top:5px;
    font-size:14px; }

    .Label a:hover{
    color:#000 !important;
    background:#ff0; }


     Agora basta salvar só não esqueça de comentar
    12 de janeiro de 2013

    Caixa de seguidores do Google + na lateral do blog com efeito deslizante

    Todos sabem a importância das redes sociais para um blog, são ótimas ferramentas de divulgação e fidelização de leitores, o Google + ou Google Plus não é diferente a interação do blogger com a mesma é tão grande que ajuda também melhorar o posicionamento nos mecanismos de busca, e para conseguir seguidores  foram lançados muitos gadgets, a caixa de seguidores tanto para uso perfil quanto para página  foi um dos melhores lançamentos no ano de 2012 como pode ver no artigo abaixo
     E hoje  aprenderemos como coloca-la na lateral do blog com efeito deslizante de forma fácil e rápida.



    Para adicionar em seu blog é simples va em Layout →Adicionar um Gadget→ HTml/Javascript e cole o código abaixo:

     <style>
    #flotante1 {
    position:fixed;
    top:100px;
    right:-250px;
    float:right;
    width:288px;
    display:block;
    padding:0;
    z-index:1002;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    }
    #flotante2 {
    position:fixed;
    top:100px;
    right:-250px;
    float:right;
    width:288px;
    display:block;
    padding:0;
    z-index:1003;
    border-radius:10px;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    }
    #flotante3 {
    position:fixed;
    top:380px;
    right:-250px;
    float:right;
    width:288px;
    display:block;
    padding:0;
    z-index:1004;
    border-radius:10px;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    }
    #flotante1:hover, #flotante2:hover, #flotante3:hover {
    right:0px;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    }
    div.likeboxwrap {
    margin-top:-5px;
    margin-left:-45px;
    width:238px;
    height:325px;
    background-color:#fff;
    overflow:hidden;
    border-radius:10px;
    }
    </style>



    <!-- Segunda pestaña -->
    <div id='flotante2'>
    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh054jSv-WxzKuX0HarxWJ6uFbzAFU5rwbZTlJ1EC4QVyaT1eTXFK0Fv0tbV2XhILtEynSo3UJmCHgSallq1pclPgjyiYzaIQPuSxI0LfJwou5MRax9HG8lFdNTJTk-lNbe_wLhVjyH4C9U/s159/goo_tab.png' style='float:left;'/>
    <div style='background: #9e0202; height:325px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;'><span><div class='likeboxwrap' style="padding-left:20px; padding-top:15px; height:310px !important;">

    <div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/b/XXXXXXXXXXXXXXXXXX" data-source="blogger:blog:followers" data-width="240">
    </div>
    <script type="text/javascript">
    (function() {
    window.___gcfg = {'lang': 'es'};
    var po = document.createElement('script');
    po.type = 'text/javascript';
    po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(po, s);
    })();
    </script>

    </div></span></div></div>

    Para alterar a distância do topo do blog procure  top:100px;  que está na cor vermelha e troque o valor 100 pelo numero que deseja lembrando que quanto maior o numero mais distande do topo ele ficará.

    E no lugar de https://plus.google.com/b/XXXXXXXXXXXXXXXXXX coloca o endereço da rede social seja da página ou perfil pessoal.


    Exemplo

    Espero que gostem só não esqueça de comentar