» Códigos, Dicas, Templates, Tutoriais para deixar o seu blog do seu jeito!

Icones de Social Bookmarking





Geradores de Templates





Navegando na internet hoje encontrei alguns sites que são geradores de templates.
Uma ótima oportunidade para você ampliar os seus conhecimentos e treinar bastante para criar o seu template.
Os sites são estes:
Layout Generators
Pimp-My-Profile.com
Trix Template Generator
Firdamatic
Divirta-se!

Esta dica eu vi neste Link

Corrigindo o Link de Comentários





Fazendo alterações em templates de testes precisei alterar a linha dos comentários da página inicial do template.
Por comparação de alguns templates já prontos alterei a linha que aparece na página inicial de 0 comentários para Seja o 1º a Comentar e corrigi o bug de 1 comentários para 1 comentário.
Sinceramente não me lembro em qual blog amigo aprendi a fazer isso, certamente em um dos meus amigos da coluna ao lado Vale um Click. Então os créditos deste hack vão para todos os meus amigos que me ensinam todos os dias.
NÃO SE ESQUEÇA
♥ Sempre tente antes num blogue de testes.
♥ Salve o seu template antes de começar, clicando em Baixar modelo completo.
♥ Leia o tutorial até o fim e tenha certeza de ter entendido.

Vamos aprender como corrigir estes bugs do Link dos Comentários no seu Blog.

Clique em Layout ► Editar HTML ► Clique em Expandir modelos de widgets.
1º Corrigindo o Link de Comentários da Página Inicial do Blog
Encontre o bloco de códigos em seu blog:
»Fica muito fácil usando o comando Ctrl+F de seu navegador copie e coloque esta linha: <span class='post-comment-link'>
Você encontrará o bloco de códigos como este abaixo se o seu template não foi modificado ainda.
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>1
<data:top.commentLabel/>
<b:else/>
<data:post.numComments/> <data:top.commentLabelPlural/>
</b:if></a>
</b:if>
</b:if>
</span>
Este bloco de códigos corresponde ao Template Minima do Blogger.

Substitua este bloco de códigos por este aqui abaixo:
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 0'> Seja o 1º a Comentar
<b:else/>
<b:if cond='data:post.numComments == 1'>1 Comentário
<b:else/>
<data:post.numComments/> Comentários
</b:if></b:if></a>
</b:if>
</b:if>
</span>

» Você pode também alterar as palavras "Seja o 1º a comentar" por outras que quiser, como por exemplo: "Comente este Post" ou "Deixe seu Comentário" ou "Dê sua Opinião" ou apenas "Comente", use a sua imaginação.

♦ Clique em VISUALIZAR para se certificar que está indo tudo certo.

♦ Clique em SALVAR ALTERAÇÕES.

►Você corrigiu o link de comentários do seu blog.

Mas ainda tem que corrigir a frase de comentários que aparece no seu formulário quando alguém clica para comentar em seu blog.
2º Corrigindo a Frase do Formulário de Comentários
Encontre o bloco de códigos em seu blog:
»Use o comando Ctrl+F de seu navegador, copie e coloque esta linha: <div class='comments' id='comments'>
Você encontrará o bloco de códigos como este abaixo:
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
Substitua entre as tags <h4> e </h4> o código existente por este código abaixo:
  <b:if cond='data:post.numComments == 0'>Comente
<b:else/>
<b:if cond='data:post.numComments == 1'>1 Comentário
<b:else/>
<data:post.numComments/> Comentários
</b:if> </b:if>
Ficando assim:
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
  <b:if cond='data:post.numComments == 0'>Comente
<b:else/>
<b:if cond='data:post.numComments == 1'>1 Comentário
<b:else/>
<data:post.numComments/>Comentários
</b:if> </b:if>
</h4>
» A mesma sugestão vale para esta parte onde você pode alterar as palavras: Comentários e 1 Comentário por Opiniões etc

♦ Clique em VISUALIZAR para se certificar que está indo tudo certo.

♦ Clique em SALVAR ALTERAÇÕES.
Pronto agora o link e o formulário de comentários do seu blog estão apresentáveis.

Para complementar o conteúdo leia:

Templates Corrigidos e Algumas Considerações




Queridos Leitores e Usuários dos templates do TPV.

Alguns dias atrás publiquei um post explicando o porque das imagens de alguns templates estarem como Hotlink, prometi revisar os templates e publicar suas correções.

Tive um imprevisto na semana passada onde precisei fazer uma cirurgia de emergência. Agora estou de licença médica em casa por alguns dias e já comecei a revisar os templates cujas imagens apresentaram problemas.

Consegui revisar 4 templates e já corrigi os links de downloads em seus respectivos posts.
O que foi feito?
Identifiquei as imagens no código CSS dos templates e correlacionei com os títulos das mesmas na pasta zipada que você baixa no 4shared.
Ex:
background: transparent url(http://i32.tinypic.com/286sizm.jpg) repeat-x left; /*Barra*/
» Em vermelho está o endereço da imagem que eu hospedei quando criei o template.
Obs: Se houver muitas pessoas usando o mesmo template a imagem poderá se transformar em hotlink então atenção.


» Em azul é o nome da imagem na pasta que você baixa o template para identificação.

→Se a imagem se tornar um hotlink você terá mais facilidade de substituir o endereço da mesma pelo endereço que você hospedou em seu site de preferência.
Os Templates que já consegui fazer estas alterações são:

Template Nice

Template Nice-02

Template Black-Red Basic

Template Clips


Peço desculpas pelo transtorno e agradeço a compreensão de todos.

Enquanto estou em casa "de castigo" para me recuperar vou tentat aproveitar ao máximo o meu tempo para produzir.

Irei atualizando este post a medida que corrijo os templates.
Update: 28/07/09

Problemas com as Imagens dos Templates




Prezados Leitores e Usuários dos Templates do Templates para Você,

Parece que o TinyPic, site de hospedagem de imagens, está apresentando problemas com suas imagens interpretando-as como hotlinks.
Os hotlinks são arquivos (mais comum imagens) que possuem um grande número de acessos, pois várias pessoas usam o mesmo endereço de hospedagem do arquivo na web, fazendo com que ultrapasse a banda de transmissão disponibilizada pelo servidor do arquivo.
Isso é muito comum em templates que muitas pessoas baixam e não mudam os endereços de hospedagem das imagens para um site com seu próprio cadastro.
São muitos os sites que tem este serviço gratuito. Vocês podem vê-los neste post em HOSPEDAGEM E DOWNLOADS.
A maioria dos templates disponíveis aqui no TPV possuem imagens hospedadas lá.

Por isso alguns templates podem estar com a aparência parecendo desconfigurada.

TODOS os templates que possuem imagens estão disponíveis para download em uma pasta ZIP que contém, além do código XML, as imagens usadas neles para que você possa substituir os endereços das imagens caso aconteça algum problema do tipo. Porque já tive este problema com o Photobucket e precisei revisar todos os templates colocando-os em uma pasta zipada com as respectivas imagens.
Mas como substituir se não sei qual imagem e onde colocar o novo endereço?
☺Se você já conhece as linguagens HTML, CSS ou XML ficará fácil encontrar.

☺Você pode também aproveitar esta oportunidade para estudar um pouco e aprender mais sobre estas linguagens clique no marcador APRENDA HTML aqui do TPV, onde tem boas dicas para você aprender mais sobre este assunto.

☺Mas infelizmente, por total falta de tempo hoje, a resposta dos locais exatos eu terei que dar no próximo post, pois preciso revisar os templates e dar as coordenadas de onde trocar.


Para completar o conteúdo:
Problemas com ícones do site Iconlet
Comunicado Importante

 
Copyright ©2007-2014. Templates para VOCÊ - Todos os Direitos Reservados
Licença Creative Commons
Baseado no Tema Johny Classicsite | Tecnologia do Blogger