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.

Tutorial do http://www.kawaii-world.net/

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.