Artigos para "Blogger"
Mostrando postagens com marcador Blogger. Mostrar todas as postagens
Olá jovens blogueiros! Aposto que muitos de vocês vibraram de mais quando leram o titulo deste artigo, e acredito que estão prontos para seguir todos os procedimentos e num passe de mágica receber milhares de visitas todos os dias. Mas não é bem assim, trago hoje alguns passos básicos para quem deseja que seu blog apareça na primeira página do Google e em diversos motores de busca. 
O que você precisa saber para deixar seu blog em primeiro lugar? Apenas saber escrever com eficiência e ser prático, porque quem tem está ultima virtude tem tudo nas mãos. Não quero generalizar de mais o assunto, pois existem vários posts por aí com o mesmo objetivo, entretanto não encontrei UM apenas com todas informações que listarei aqui. Saiba que esses detalhes são muito valiosos, tive que descobrir na pratica e testar cada um, além é claro que "garimpar" diversos sites estrangeiros em busca de algo realmente valioso. 

Bom, vocês já estão a pá da situação e agora nada melhor que começarmos com nosso tutorial.

1ª Um bom template resolve 90% dos problemas.

É muito comum ver diversos blogueiros com textos surpreendentemente bem escritos e com um design de doer os olhos. Você até pode receber algumas visitas, mas é claro que o leitor nunca irá voltar, por conta da péssima organização. Outro fato extremamente importante é: NÃO USE EM HIPÓTESE ALGUMA OS MODELOS PADRÕES DO BLOGGER. Ao menos é claro se você é um design e transforme ele em responsive e aplique diversas técnicas de SEO. Você pode encontrar diversos sites que disponibiliza Templates responsives para blogger, basta baixar e personalizar do jeito que você quer. Um site muito encontrado e usado por uma enorme gama de pessoas é o Sora  Templates, ele disponibiliza templates grátis, mas você não pode personalizar ao menos que você compre a versão premium. Então ele está excluído da nossa lista. Não quero fazer muita propaganda de sites, ao menos que eles me paguem para isso (rsrsrs) Mas tenho um blog que uso bastante para encontrar novos modelos ou até mesmo abrir os códigos deles, as vezes passo horas estudando o código de sites e blogs. CLIQUE AQUI e será redirecionado para a galeria. escolha o seu e basta instalar. Traduzir e personalizar do jeito que quiser. Se você procura deixar do seu jeitinho não use o Sora Templates ele é muito complicadinho, ao menos é claro, como disse anteriormente se você pagar pelo tema. 

2ª  Invista seu tempo em SEO

Cara eu não sei nada sobre isso. Você não sabia agora ira saber o básico para receber as primeiras visitas otimizadas. Com seu layout super bonitinho e posts de qualidade chegou a hora de mexer em códigos e dar um upgrade no tema. Como vocês já devem saber o SEO significa Search Engine Optmization, é a otimização para motores de busca, especialmente o Google. Enfim, como adicionar em meu blog? Muito fácil.

Entre em: Blogger > Modelo > Editar Html, após abrir o código do template use as teclas CTRL+F E procure pela tag <head> Ela estará logo no início. 

Quando encontrar cole abaixo dela os seguintes códigos:

<meta content='Neste espaço você irá escrever a descrição do seu blog ' name='description'/> <meta content='Neste, adicione, palavras, que, definam, seu, blog, separadas, por, virgula, ' name='keywords'/>
<!-- Metadata Facebook --> <meta expr:content='data:blog.title' property='og:site_name'/> <meta expr:content='data:blog.pageTitle' property='og:title'/> <meta content='article' property='og:type'/> <meta expr:content='data:blog.url' property='og:url'/> <meta content='699446530074617' property='fb:app_id'/>
<!-- Google Authorship and Publisher Markup --> <link href='URLDOPERFILDOGOOGLE/posts' rel='author'/> <link href='URLDOPERFILDOGOOGLE' rel='publisher'/>

Substitua as palavras em vermelho pelas suas informações e em breve estará ativo no blogger. 
Adicionei tudo isso e se vocês procurarem pelo nome do meu blog no Google ele aparecerá em primeiro lugar. 

Bom pessoal é isso, espero muito que tenham gostado e que usem todas estas informações para fazerem do seu blog um local muito melhor para internet. Desejo muitos que todos consigam seu espaço na internet e conquiste o seu público. 


Estamos na segunda parte da Tag: "Guia prático para um blogueiro", supostamente já devem ter lido a primeira parte e já sabe o que é um blogueiro.  Agora vamos entender o que é este mundo chamado blogosfera e como as pessoas podem encontrar meu blog nela, e como fazer para ser notado mais fácil. São dicas valiosas e qualquer blogueiro aspirante ou não busca sedentemente para alavancar seus views. 

Blogosfera na realidade é o conjunto de todos os blogs da rede, seja ele Wordpress ou Blogger, que posteriormente irei falar sobre essas duas plataformas. Enfim, é um espaço virtual como o Twitter e Facebook, onde vários blogs podem se encontrar como uma rede social, onde os usuários pesquisam não por pessoas especificas, mas sim por conteúdos. É preciso escrever para determinado grupo, para que assim eles possam pesquisar e ser fiel ao espaço. Mas e aí como funciona a blogosfera? Primeiramente você precisa ter parceiros, ou páginas que impulsionam seus comentários, esta rede social conhecida pela maioria dos blogueiros consiste em divulgar vários blogs, seja citando em um post, ou incluindo um banner no blog. O objetivo é que os blogueiros possam interagir com outros blogs e ter seu blog automaticamente alavancado seja por comentários ou links diretos colocados estrategicamente em outro blog.

Antigamente quando comecei minha jornada neste mundo, não sabia absolutamente nada, até porque os recursos eram muito escassos, hoje é possível encontrar páginas no Facebook que mantem esta interconexão diariamente ativa, fazendo com que diversos administradores se comuniquem e um comente o post do outro, ou visualize o determinada página criando assim um espaço de grande influencia cultural.

Para aqueles que buscam crescer neste meio, sugiro começar agora com a blogosfera, pois como dizem meus pais: Ninguém cresce sozinho. 
Você entendeu o real significado, mas ainda não sabe como dar o primeiro passo? Simples, tudo que precisa fazer é criar laços de amizades com outros blogueiros. Saia um pouco de sua zona de conforto, visite outros blogs, comentem e deixe o link de seu blog lá, para que o próprio administrador e outras pessoas possam ver e visitar seu blog, trazendo um retorno, de visualização muio grande.
Outra dica que posso dar é entrar no Facebook e participar de grupos onde o tema principal é comentar o blog de outras pessoas. A metodologia é muito simples, eles irão postar uma foto indicando o início e os usuários postam os links das postagens, mas ao postar um link você tem obrigação de comentar todos os posts postado anteriormente e posteriormente ao seu. Assim ninguém sairá perdendo e todos terão seus artigos comentados com uma quantidade enorme de visualizações.
Crie uma politica de parceria que visa a troca comentários entre os parceiros e também de banners.  
Não seja egoísta, (Nunca). Um parceiro postou um comentário no seu blog? responda-o, poste um comentário relevante no blog dele também. Alguém comentou o seu post e deixou um link? visite-o, comente como retribuição. Separe um dia na semana para responder todas as pessoas que te ajudam. Isso te dará mérito e como consequência será alavancado no meio, sendo assim a fama bate na porta e seu blog será facilmente encontrado. 

Você não sabe onde encontrar parceiros veja este links?: Onde encontrar parceiros para blog/sites?
Olá leitores! Hoje darei início a uma nova Tag que se chamará "Guia prático de um blogueiro", darei dicas inéditas de como alcançar a tão desejada fama. Será um guia prático, onde todos poderão fazer e seguir ao pé da letra sem precisar de muito esforço. Este projeto já tem bastante tempo, entretanto nunca tive coragem para começar a escrever, mas visando que não tenho muitos assuntos ultimamente, vamos começar e talvez posteriormente o conjunto desses posts podem virar um Ebook. 
O que é um blogueiro? - A Nerdologia

Enfim o que é um blogueiro? Talvez você queira ser um, ou talvez já seja um, mas e aí já descobriu o que realmente esta palavra significa? Bom, blogueiro é um individuo que compartilha acontecimentos da sua vida pessoal em um espaço na web que chamamos obviamente de blog, ou website. Tecnicamente este é o significado que o define, entretanto isso mudou, ele não é somente aquele que compartilha sua vida pessoal em um blog, agora ele pode fazer a diferença no mundo, pode influenciar muita pessoas de diferentes nacionalidades, pois cada um temos o poder de mudar a ideia de se próprio e dos indivíduos que o rodeiam. Ele pode dar opiniões sobre os mais diferentes assuntos, pode anunciar a chegada de um novo ídolo, fazer um fã club, criar um espaço para postar filmes, charges ou os mais diferentes assuntos possíveis. 

Blogueiro, não é apenas aquela pessoa que possui um site e sim aquele que busca a verdade passando por cima de todas as crenças, religiões ou opções. Um verdadeiro blogueiro, sabe exatamente a hora de interagir, como falar, e quando ficar quieto, pois ele analisa cada ponto em busca de alternativas que podem ser útil. Ele vai exatamente no ponto crucial de cada questão para causar algum interesse em determinados públicos. 

Hoje em dia qualquer pessoa com um tempo curto ou longo pode ser um blogueiro de sucesso, basta querer e batalhar em um mundo onde suas únicas armas são palavras, que podem chegar a milhões de pessoas ou ao menos dez. Para aqueles que um dia foi como eu e procurou todas as ferramentas possíveis para criar um blog onde o mundo veria a arte existente dentro de se, dou apenas uma única dica. Não tenha medo de errar, seja curioso pois a curiosidade pode sim matar um gato, mas também pode torna-lo imortal. a curiosidade é a chave para qualquer pessoa que almeja um dia o sucesso e o reconhecimento. Se errar, tente novamente, não cometa o mesmo erro duas vezes, pois aí já é ingenuidade. 

Para um verdadeiro blogueiro tudo pode está ao seu alcance, basta erguer a mão e pegar. 
Encontre parceiros - A NerdologiaOlá pessoal! Os parceiros são peças fundamentais para o crescimento de um blog ou site, todos queremos parceiros ativos e que interaja de maneira fluente com o público, além de um ajudar a divulgar o outro, porém os blogueiros inciantes, ou até mesmo os veteranos não tem ideia de onde encontrar websites que atendam suas necessidades. Pensando nessas dificuldades resolvi criar um "sistema", muito simples, mas bastante eficiente, consiste em um pequeno formulário, onde o interessado irá preenche-lo e logo após clicar no botão ENVIAR, pronto! Simples, não?

Agora eu irei fazer todo o trabalho, com base nos seus dados, "que são mantidos em total sigilo", usarei uma ferramenta que irá identificar os blogs que mais se assemelham ao seu e logo em seguida enviarei a lista para o seu e-mail com todas as informações para fazer a parceria com os respectivos websites.

O que é preciso para inciar uma parceria?

1. RESPONSABILIDADE: A partir do momento que você decide ter um parceiro, você tem que ter em mente também, que existe uma grande responsabilidade em ambos os lados, de deixar a parceria ativa e comunicativa. Já fiz algumas parcerias, onde meu banner foi excluído do blog parceiro sem nenhum aviso prévio e nenhuma desculpa, daí fui "Reclamar", e sua mais genuinidade desculpa foi: "Não tinha espaço mais no meu blog, então decidir excluir o seu banner". Isto é uma tremenda "Sacanagem".

2. LEIA A POLITICA DE PARCERIA: Quando encontrar o blog que deseja firmar parceria, leia atentamente as politicas de parceria, ela é como um contrato, e se alguém de ambos os lados quebrar podem sofrer algumas "multas" ou até mesmo anunciar o fim da parceria. Fazer uma parceira sem ler as politicas, seria como assinar um contrato sem ler.

O que é uma política de parceria. 

A politica de parceria é como uma clausula de um contrato que remetem a ideia de obrigações entre ambas as partes. Em suas politicas você deve detalhar as seguintes informações:
  • Tipos de blogs que não serão aceitos;
  • Formato dos banners (ou link) em ambos os blogs; 
  • Quantidade máxima de parceiros; 
  • Ou qualquer outra informação que julgar importante para uma parceria instável 
A melhor forma para manter uma ótima parceria é sem sombra de dúvidas a amizade entre os dois blogs, e mais ainda a comunicação entre os administradores, mesmo que um não aceite algum ponto da politica de parceria é importante abrir uma exceção se possível. Então pessoal se estiver a procura de novas parcerias preencha o formulário e aguarde a resposta dos blogs semelhantes. 



P.S. Ninguém ainda preencheu o formulário, então ainda não temos nenhuma informação em nosso banco de dados, para os primeiros eu sugiro um pouquinho de paciência e se possível compartilhar este post, para que mais pessoas saibam da novidade.
Sorteio de um Layout moderno para blogger

Os blogs A Nerdologia & Cabeças de Abóbora estão sorteando um Layout Responsive "Se adéqua a todas as plataformas" para blogger. O vencedor levará o Layout, um logotipo, e mais 4 Gadgets personalizados. Caso o ganhador não tem experiência com web design, nós iremos fazer todo o trabalho de edição especialmente para você.

O Layout contem:

100% Responsive
Código dinâmico
Imagens com alta qualidade
News ticker por marcadores
Galeria de postagens por marcadores
Posts Recentes por marcadores
Anúncio Adsense responsive "Todos os formatos"
Ótimo desempenho com internet lentas
SEO amigável
Design Incrivelmente moderno
Menu responsive com caixa de busca
Página de erro personalizada
Sitemap personalizado
Biografia do autor
Gadgets de parceiros
E muito mais.....

Todos os participantes devem concluir as tarefas a seguir, ao contrario irá perder o prêmio.


Compartilhar a imagem referente ao sorteio com 5 amigos diferentes em "Público" (A imagem estará disponível em ambas as páginas acima) 


Para seguir os blogs basta clicar nos links acima e procurar pelo Gadget: Seguir este blog, logo após basta clicar no botão "Seguir blog". O Gadget é mais conhecido na blogosfera como GFC ou "Google friends conect" 

O Vencedor será analisado, caso não concluir as tarefas acima o premio será doado a outro usuário. 

Muitas pessoas alimentam  em suas mentes idéias maravilhosas, seja para mudar o mundo ou para sanar a curiosidade alheia, porém nem todos tem um conhecimento para divulgar seus pensamentos. O que acham de ajudar, ensinar aquilo que poucos sabem, ou narrar seu cotidiano em um blog? 
-Espere um pouco. O que é blog?

Blog é um espaço na internet cuja sua função é um diário online, onde todos podem ver e dar sua opinião sobre determinado assunto, seja notícias, livros, fotografias etc... Tudo em forma de posts, ou artigos. 
Mas e aí ficou curioso? Quer criar um blog mas não sabe por onde começar? Simples, preparei o vídeo abaixo que mostra detalhadamente a criação de um blog usando a plataforma Blogger:




Espero que depois desta "mini aula" todos possam criar seu blog e ajudar a formar um mundo melhor.
 Mundo Tzootz A Nerdologia
Saudações Nerds! a pouco tempo o blog Tzootz e o meu firmemos parceira. O Tzootz é um website criado pela blogueira Milena Maria, e traz como conteúdo, um acervo muito rico em Desenhos maravilhosos, Cosplay, Livros, e diversos assuntos. Fiquei conhecendo este maravilhoso blog por um -mail enviado pela blogueira, a primeira vista, li algumas postagens que falavam sobre Cosplayrs, como todos meus leitores já sabem eu adoro Cosplay, mas o que mais me fascinou, foram os desenhos da Milena, Li todo o mangá, após terminar ficou aquele gostinho de quero mais, simplesmente perfeitos e dignos de vários prêmios. Confesso que não sou tão bem desenhista assim e o fato de conhecer a Milena e seu blog, tornarão meus dias bem mais doces com sua criação formidável: Candy Candy Love. Este que foi premiado como o melhor personagem no site UpMangá, Sugiro a todos que conheçam o maravilhoso trabalho da Milena: Candy Candy Love.





 Mangá Candy Candy LoveÉ o mês dos namorados, a lojinha de doces da Flan se prepara para receber os clientes apaixonados a procura de presentes para seus parceiros e amores platônicos, mas eis que de repente surge um rapaz a procura de alguém que o ensine a fazer doces, será que a Flan irá ajuda-lo? 













Espero que todos vocês assim como eu possam visitar o blog Tzootz e valorizar o trabalho da Milena cada vez mais.

Hi Nerd! como estão todos? Espero que estejam todos bem, estou muito alegre por conseguir + de 100.000 visualizações. Enfim estamos saindo do chão e conseguindo mais um pouquinho de fama, fico muito grato a todos esses que tiraram um pouquinho de seu tempo para fazer-nos uma visitinha. e peço encarecidamente que comentem alguma coisa, pois com tantas postagens assim não tive muitos comentários e isso me frusta, tem dias que fico um pouco deprimido para escrever, pois escrevo com tanto carinho, e ninguém tira um pouquinho de tempo para fazer um comentário.  Mas mesmo sem comentários, sem opiniões amo escrever e amo compartilhar meus conhecimentos. 

Um abraço para todos, e muito mais muito obrigado mesmo por ler meu blog.


Oi pessoal, trago hoje uma dica incrivel para quem está começando seu  blog, é muito divertido ter efeitos nas imagens, é sempre bom ter  seu blog cada vez mais profissional. Enfim vamos ao tutorial:
Primeiramente temos que abir a edição de HTML do seu blog, estando lá clique em qualquer parte do código e tecle: "CTRL+F" e pesquise por "]]></b:skin>"

Agora copie o código abaixo e cole ACIMA de  ]]></b:skin>
img {
-webkit-filter: sepia(0%);
transition:All 0.4s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
img:hover {
-webkit-filter: sepia(100%);
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;}

logo após é só visualizar e se estiver tudo certo, basta clicar em SALVAR MODELO.
Não se esqueça de deixar um comentário.
Como todos estamos sabendo o natal se aproxima, e com ele vem toda a magia do "Espírito natalino", e foi pensando nisso que eu preparei um pequeno tutorial ensinando como colocar um efeito super legal do papai Noel voando sobre o blog, deixando assim com um clima mais agradável para esta data tão linda.


1ª Entre em "Editar HTML"






2ª Segure as teclas CTRL + F e procure pela tag </head>





















3ª Acima de </head> Cole o código a seguir:



 Usuários do Blogger tentam melhorar cada vez mais a qualidade de suas postagens com textos, imagens e vídeos. É muito fácil adicionar vídeos no seu blog com o editor de postagens do Blogger além disso é possível também escolher entre diversas opções para inserir o vídeo desejado dentro de sua postagem - Atualmente é possível inserir videos do Youtube, telefone celular, sua Webcam e por último é possível também enviar vídeos direto do seu computador.

Inserindo vídeos na postagem do Blogger

O Blogger sofreu muitas mudanças nos últimos meses. Seu layout foi completamente reformulado e outra grande mudança foi também os editores de páginas e postagens desta plataforma. Botões e ícones foram totalmente mudados e novas funcionalidades foram incrementadas aos editores.
No editor antigo era apenas possível apenas adicionar vídeos direto do seu computador ou do Youtube precisando editar o HTML da postagem. Com o novo editor é possível fazer tudo automaticamente sem precisar editar código algum. Tudo que precisamos é ter o arquivo do vídeo ou o nome do vídeo para adicioná-lo pelo Youtube. Veja abaixo como fazer este processo passo a passo.

Colocando vídeos pelo editor de postagens

Para adicionar vídeos pelo editor do Blogger, primeiramente faça login na sua conta do Blogger e selecione o blog desejado para adicionar o vídeo. Em segundo lugar, para criar uma nova postagem clique no botão NOVA POSTAGEM. Assim como mostro na imagem abaixo:


Agora iremos clicar no botão de vídeo para inserir o vídeo, veja o exemplo na imagem abaixo:


Opções de envio do vídeo para a postagem

Depois de clicar neste botão, você vai ter algumas opções de envio do vídeo para escolher. Eu recomendaria primeiramente a fazer o upload do vídeo para o Youtube onde o vídeo será visualizado mais vezes e talvez o vídeo poderá divulgar o seu blog para internautas que acessam o Youtube. Veja na imagem abaixo as diversas opções que possuímos com o editor do Blogger:


  • Upload (enviar do computador): Esta opção irá enviar o vídeo para o seu blog diretamente do seu computador.
  • From Youtube (do Youtube): Esta e a melhor opção porque no mesmo tempo que você adiciona o vídeo em seu blog, ele estará no Youtube recebendo mais visualizações.
  • My Youtube Videos (meus vídeos do Youtube): Esta opção vai enviar um vídeo da sua conta do Youtube.
  • From your Phone (pelo seu telefone celular): Aqui é possível enviar vídeos diretamente do seu celular ou smartphone.
  • From your webcam (pela sua Webcam): Nesta opção você vai gravar um vídeo da sua Webcam e enviá-lo para o seu blog.
Nesse   tutorial  vou  mostrar   como  adicionar  no  blogger  um  mini  pop up deslizante com  o  botão  curtir sua fan  page.   deslizante  para quem  não  sabe  e  o  efeito  que  faz   com que ela   apareça,   quando  a  pagina é   rolada  para  baixo,  e   quando  volta  ao   topo  do  blog , ela  e   bem  chamativa   e é de   fácil  instalação   no  blog  tendo  apenas   que  adicionar  um gadgt HTML/JavaScripts:  na lateral  do blog,  o local  não   importa  muito  mas  é  recomendado,     postei   outros  modelo  de  pop  up   aqui  no  blog  se  você   esta  procurando  um  pop  up  de  uma  pesquisada no blog.
Copie o  código  abaixo  e  cole  dentro  do  gadgt HTML/JavaScripts:
Agora de um CTRL+F e procure pelo seguinte trecho Olharnerd e altere pelo seu nome da fan page do facebook e salve. Você também pode alterar a cor do fundo se preferir procure no começo do código por background:#f3f3f3 e altere pela cor preferida e salve. Depões salve e pronto bom erra isso até a próxima.

Graças ao CSS3, podemos criar efeitos e animações incríveis sem necessidade de usar JavaScript.
O uso de Css3 facilita o trabalho de muitos designers.
Uma das características inovadoras em CSS3 é a capacidade de rotacionar elementos, proporcionando um efeito 3D.
Neste artigo irei mostrar como incluir um efeito de rotação 3D em imagem, que ao passar o mouse em cima da imagem, revela um conteúdo.

Para seguir este tutorial, você deve ter no mínimo um conhecimento básico de HTML e CSS, especialmente CSS3.

1- CÓDIGO CSS
Acesse o painel do blogger, clique no menu “modelo >>Editar HTML” dê um Ctrl+F e procure pela tag ]]></b:skin>
e cole em cima dela:


 
 



2-CÓDIGO HTML ( escreva uma postagem e coloque na tag html e colo o seguinte codigo modificando os que forem necessarios

Olá pessoal, quanto tempo, não? nesse tuto mostrarei um gadget bem simples e fácil de instala-lo, alguma vez você já deve ter visto um efeito muito legal em alguns blogs onde as letras diminui e aumentam.

Já se imaginou sendo um criador de Heróis de quadrinhos? Então você precisará ler este artigo: Crie seu próprio super-herói de revista em quadrinhos

Copie o código abaixo e cole em HTML/javascript


Pronto salve o modelo e desfrute dos resultado.
Olá   amigos  nesse   tutorial   vamos   colocar   efeitos   nas   fotos  das  postagens   do  blog  existem  vários  tipos   trago  um  que  uso  em  outras   coisas,   como  botões  e gadgets  do  autor. efeitos  giro 360 graus  e feito  movimento  ao   passar  o  mouse   cursor  por   cima   da  imagem  e o efeito  foto  deitada  hover.  você  pode   encontrar  vários  efeitos    por   ai  mas   muito  mal  explicados   e  muitos  não  funcionam  a   todos  os  navegadores   e   acabam  fazendo    você  perder  muito  tempo  e   isso  é muito  chato,  se  você   gosta   de   colocar   efeitos
 no  seu  blog  gosta  de   dar uma   personalizada  no  seu  blog  vai  gostar   desse  tutorial  e  desses  códigos,   siga   o  tutorial  abaixo  e  vamos  a  mágica .





1º Primeiro  vá  em  modelo  editar HTML

Copie  o  código  abaixo e   cole   acima   de ]]></b:skin>  de um CTRL+F para facilitar a busca



Se não  funcionar  é porque  o  código  pode   estar  um  pouco  diferente então  procure algo  parecido  com  isso .post-body img  e  adicione  o  código  abaixo dentro da  chave { }  e  o  hover  logo abaixo quando  terminar isso }
Antes de começar a instalar esse recurso em seu blog, é recomendável que você faça um backup do seu template, assim, se ocorrer algum erro, você poderá voltar ao seu template original.

1° passo: Acesse o painel do blogger, escolha o blog que você deseja instalar, selecione a opção modelo e clique em "Editar HTML".

2° passo: Agora você deve escolher qual estilo deseja adicionar aos comentários do seu blog, copiar o código correspondente e colar acima da tag ]]></b:skin> (procure usando o Ctrl F).


/*Blogger Threaded Comments Styles From http://www.spiceupyourblog.com*/ #comments{overflow:hidden} #comments h4{display:inline;padding:10px;line-height:40px} #comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative} #comments h4,.comments .continue a{background:#1e05d8} #comments h4,.comments .user a,.comments .continue a{font-size:16px} #comments h4,.comments .continue a{font-weight:normal;color:#fff} #comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #1e05d8;border-right:20px solid transparent;width:0;height:0;line-height:0} #comments .avatar-image-container img{border:0} .comment-thread{color:#111} .comment-thread a{color:#777} .comment-thread ol{margin:0 0 20px} .comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#1e05d8} .comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px} .comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px} .comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px} .comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em} .comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfz-ll6hWbosyJhHCjXdKCxwCv6WRlOtCwJZ2l6-i9-gi3_8VS_1aAmYrgI0AHBQbyDHzXAk59q_vcYwkgs9DkkDb5FBc0aN9C7ImIhkNqnftjQZJ2zkzB3aHNtoJUxyPS6jIdNtjXcVU/s320/picresized_1338990142_comment-author-blue.gif);width:36px;height:36px} .comments .comments-content .inline-thread{padding:0 0 0 20px} .comments .comments-content .comment-replies{margin-top:0} .comments .comment-content{padding:5px 0;line-height:1.4em} .comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent} .comments .comment-thread.inline-thread .comment{width:auto} .comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px} .comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0} .comments .comment-thread.inline-thread .comment-block{margin-left:48px} .comments .comment-thread.inline-thread .user a{font-size:13px} .comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px} .comments .continue{border-top:0;width:100%} .comments .continue a{padding:10px 0;text-align:center} .comment .continue{display:none} #comment-editor{width:103%!important} .comment-form{width:100%;max-width:100%} /*Blogger Threaded Comments Styles From http://www.spiceupyourblog.com*/ 





/*Blogger Threaded Comments Styles From http://www.spiceupyourblog.com*/ #comments{overflow:hidden} #comments h4{display:inline;padding:10px;line-height:40px} #comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative} #comments h4,.comments .continue a{background:#d80556} #comments h4,.comments .user a,.comments .continue a{font-size:16px} #comments h4,.comments .continue a{font-weight:normal;color:#fff} #comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #d80556;border-right:20px solid transparent;width:0;height:0;line-height:0} #comments .avatar-image-container img{border:0} .comment-thread{color:#111} .comment-thread a{color:#777} .comment-thread ol{margin:0 0 20px} .comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#d80556} .comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px} .comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px} .comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px} .comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em} .comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkSkq3WMTVu23oMGvqOiyY9WLvDO-1bmQCz4iIWvMTkyTfDOXQCaXiCX_X073R_sHndLpJyOPtX5YSdTpYxc92_VwgPmC-pdIcK8WV1dCoL21VIoTvOmh5pjsMif7Zt4hdxbl7SBywdO0/s320/author-pink.png);width:36px;height:36px} .comments .comments-content .inline-thread{padding:0 0 0 20px} .comments .comments-content .comment-replies{margin-top:0} .comments .comment-content{padding:5px 0;line-height:1.4em} .comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent} .comments .comment-thread.inline-thread .comment{width:auto} .comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px} .comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0} .comments .comment-thread.inline-thread .comment-block{margin-left:48px} .comments .comment-thread.inline-thread .user a{font-size:13px} .comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px} .comments .continue{border-top:0;width:100%} .comments .continue a{padding:10px 0;text-align:center} .comment .continue{display:none} #comment-editor{width:103%!important} .comment-form{width:100%;max-width:100%} /*Blogger Threaded Comments Styles From http://www.spiceupyourblog.com*/


/*Blogger Threaded Comments Styles From http://www.spiceupyourblog.com*/ #comments{overflow:hidden} #comments h4{display:inline;padding:10px;line-height:40px} #comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative} #comments h4,.comments .continue a{background:#56d805} #comments h4,.comments .user a,.comments .continue a{font-size:16px} #comments h4,.comments .continue a{font-weight:normal;color:#fff} #comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #56d805;border-right:20px solid transparent;width:0;height:0;line-height:0} #comments .avatar-image-container img{border:0} .comment-thread{color:#111} .comment-thread a{color:#777} .comment-thread ol{margin:0 0 20px} .comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#56d805} .comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px} .comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px} .comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px} .comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em} .comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicJvFhj4SUmt8X7azvnyVol8RcQ9rcgJQqIfJ0nsIbsE-YJ0Herj1LEG1eOaEElOIR6RE9MVwFa4NXjoEGhyphenhyphenKvrOKOt25pv2JYaJErsfIyQlEqfkpPx_4zOykeAcOjmr5_7qsmt4fx4f8/s320/picresized_1338989738_comment-author-green.gif);width:36px;height:36px} .comments .comments-content .inline-thread{padding:0 0 0 20px} .comments .comments-content .comment-replies{margin-top:0} .comments .comment-content{padding:5px 0;line-height:1.4em} .comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent} .comments .comment-thread.inline-thread .comment{width:auto} .comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px} .comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0} .comments .comment-thread.inline-thread .comment-block{margin-left:48px} .comments .comment-thread.inline-thread .user a{font-size:13px} .comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px} .comments .continue{border-top:0;width:100%} .comments .continue a{padding:10px 0;text-align:center} .comment .continue{display:none} #comment-editor{width:103%!important} .comment-form{width:100%;max-width:100%} /*Blogger Threaded Comments Styles From http://www.spiceupyourblog.com*/


3° passo: Clique em "Salvar modelo" e veja o resultado.