06/04/2013

Tutorial- Top Comentaristas

Mudei o modelo de ilustrações de posts de novo, sou indecisa.
Boa noite, leitores.
Desculpe não estar postando muito, é que ainda não desisti totalmente de fazer um novo layout, estou procurando alguns tutoriais, mas essa mudança não acorrerá por agora e digamos que não estava muito inspirada esses dias, sabe não sou dessas que faz um post de qualquer jeito, com duas linhas e pronto, para mim tem que ter conteúdo realmente, concordam?
Como fazia tempo que não postava algo deste tipo resolvi trazer um tutorial bem simples de como colocar o gadget top comentaristas no blog, eu acho útil para incentivar os leitores a comentarem e é também uma forma de divulgar, ou seja de agradecer pela atenção dada ao blog, apesar de ainda não ter inserido esse gadget aqui.

1. Tudo será neste site.
Título do Widget: Deixe em branco.
URL do Blog: Deixe o link completo do seu blog (até com o http).
Nº de comentaristas: O número de pessoas que você quer que aparece na lista.
Listar a partir dos últimos: Quanto maior a opção, mais lento para fazer a contagem.
Nome para excluir: Você como autor do blog deve ser o que mais comenta, pois responde os comentários, então copie seu nome de usuário e cole lá. Se houverem mais postadoras no blog, coloque o delas também.
2. Clique em Criar Widget e você será direcionado, clique em Editar Conteúdo e selecione o código de <script até </script> .
3. Cole em um gadget de HYML/JavaScript e pronto, seu gadget estará funcionando. A contagem demora alguns minutos para atualizar, mas é tudo automático.

Personalizar:
1. Para personalizar vá até Layout e clique em Editar no seu gadget de top comentaristas. Na url da caixinha você precisa encontrar o código que vem depois de Id= e copie.
2.  Agora vá em Editar HTML e procure por ]]></b:skin>, acima disso, cole:
.widget ul, .widget #iddogadget ul.flat {
padding: 2px;
list-style: none;
}
.widget ul li, .widget #iddogadget ul.flat li {
padding: .30em 0;
text-indent: 0;
border-bottom: solid 1px #d7d7d7; /* TIPO, ESPESSURA E COR DA BORDA /*
text-align: left; /* ALINHAMENTO DO TEXTO /*
font-size: 10px; /* TAMANHO DA FONTE /*
-webkit-transition-duration: .50s;
}
.widget ul li:hover {
background:#f5f4f4; /* COR DO FUNDO AO PASSAR O MOUSE /*
-webkit-transition-duration: .50s;
}
Onde tem iddogadget você deve colar o que foi copiado no passo um da personalização.


2 comentários:

- Não estou aceitando tags ou selinhos.
- Use os comentários ou a ask para fazer requests.
- Respondo todos os comentários e retribuo na maioria das vezes.
- "Seguindo! Segue de volta?" Depende, se você já tiver seguido realmente e eu gostar do seu blog.