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

Abrir Links da Lista de Links em uma Nova Página





Todos sabemos que quando criamos uma lista de links no blogger ela está configurada para quando clicarmos no link este se abra na mesma página do seu blog.

Há uma forma de direcionarmos os links da lista de links do blogger para outra aba ou página que não a mesma que já exibe o nosso blog.

1º- Você deve ter a lista de links ou criá-la em seu blog.

Para isso: ♦ Clique em Layout » Elementos de Página » Adicionar um Gadget e crie a sua Lista de Links.

♦ Depois clique em Editar HTML » Marque a caixinha Expandir modelos de widgets

2º - Encontre o código correspondente à sua lista de links:

Você pode usar o recurso Ctrl+F e procurar o título da lista de links que criou ou já tinha em seu blog ou pela ID LinkList se seu gadget não tiver título.
O código será semelhante à este:
<b:widget id='LinkList1' locked='false' title='Lista de Links' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

» Para que seus links abram em uma aba diferente você deve adicionar o código:

 target='_blank'

Na linha:
<li><a expr:href='data:link.target'><data:link.name/></a></li>
Ficando assim:
<li><a expr:href='data:link.target' target='_blank'><data:link.name/></a></li>

»Você pode também adicionar o atributo rel='nofollow'

Ficando assim:
<li><a expr:href='data:link.target' target='_blank' rel='nofollow='><data:link.name/></a></li>

Mas antes de colocar o rel='nofollow' clique neste LINK, LEIA e entenda quando ele deve ser usado.



Mudança no Template




Querido leitor,

Desde que voltei a blogar fiz pequenas mudanças no template do TPV, mas ele ainda não estava do jeito que eu queria.
Então resolvi mudar completamente e deixar o TPV com uma aparência mais limpa sem bordinhas arredondadas e mais organizado. Custei para deixá-lo do jeito que queria, mas cheguei bem próximo. Por isso se eu fizer uma alteração aqui ou ali é para chegar no jeito, provavelmente serão mudanças que só conseguirei ver com o blog funcionando no novo template.

Aproveitando este post...
Quero pedir Mil Desculpas aos muitos leitores que deixaram seus Comentários ao longo da minha ausência. Foram aproximadamente uns 2 anos.(Veja: "Estou Voltando...")
Quando voltei a trabalhar no blog tinha aproximadamente uns 800 comentários.
Estou tentando colocar em dia publicando todos os comentários que seguem a Política de Comentários do blog. Como isso demanda tempo e também possuo outros blogs em que estou trabalhando ainda não consegui, mas chego lá.

Prometo trazer mais hacks para que você possa personalizar o seu blog e continuar a  atualizar os posts antigos e os templates daqui.

Espero que vocês gostem!

Grande abraço,

Áurea

Template Preto e Branco Atualizado




Estou atualizando todos os templates desde que criei o TPV e começo com o Template Preto e Branco.
Espero que vocês gostem.
Template NOVO Template Antigo

Hacks instalados:
  1. Hack Leia Mais com Imagens Reduzidas
  2. Link de Comentários Corrigido
  3. Personalizando a Data do seu Post
  4. Como usar Fontes Diferentes em seu Blog do Blogger
  5. Related Posts
Observações:
♦ Para instalar o seu template leia: Como Instalar o Seu Template

♦ A imagem do Header1 está na pasta do template. Você pode usá-la clicando em editar Imagem e fazendo o upload.
Ou você pode mudar a imagem por outra com as dimensões: 500px por 300px.
 
♦ Acima da imagem do cabeçalho tem uma barra de navegação que deve ser configurada usando uma Lista de Links.

♦ Todos os códigos Javascript usados no template estão contidos nele.
A Pasta de Download Contém
  • Código XML;
  • Imagens usadas no template.
Sugestões de hacks para você usar em seu template:
Aproveitem :)
NÃO Retire os Créditos!
NÃO é Permitido redistribuir os templates ou os tutoriais / hacks do TPV sem a prévia autorização de sua Autora.
Template Atualizado em 14/10/2012

Template Mínima para Download




Com a atualização do blogger o template mínima não está mais disponível.

Como eu e muita gente aprendeu a trabalhar nos blogs do blogger usando este template.

Eu havia encontrado no blogcrowds  a opção de download deste template, mas este blog está fora do ar. Então encontrei dois formatos do template mínima para download.
O mínima left e o mínima right. Nomeei-os assim baseado na localização da coluna dos posts.

Para baixar o Template Minima que você mais gostar  basta clicar na imagem que ela irá direcionar ao código XML e ao download do template.

Template Minima Left

 

Template Minima Right

 


E para modificar o seu template mínima...
Continue lendo e seguindo o Templates para Você para aprender muitas coisas legais!

E-books Gratuitos para Você




Como ganhar dinheiro com o Google Adsense
O blogueiro Gustavo Freitas autor do Blog Quero criar um Blog acaba de lançar a 2ª edição do E-book: Como ganhar dinheiro com o Google Adsense.

Para fazer o download clique no link do nome do E-book acima que vai direcionar para o post original.

Revista Blogosfera
Aproveitando para divulgar também a 6ª edição da Revista Blogosfera, também do blogueiro Gustavo Freitas e convidados.

As 6 edições da Revista Blogosfera estão ótimas.

Se você pretende ter um blog de sucesso e ganhar um "dindin" com o seu blog vale a pena ocupar o seu tempo com a leitura destes e-books e aprender muito.
Para baixar basta clicar no link da revista acima.

Aproveitem estas oportunidades!!!

Como criar um Gadget com Posts de um determinado Marcador




Estou criando um novo blog e em uma das minhas pesquisas por templates para usar nele encontrei um hack que destaca os posts de um determinado marcador em uma gadget.
Resolvi testar aqui no TPV criando este gadget aqui do lado com o marcador: HACKS BLOGGER.
Como vocês podem ver Funcionou!

Vou ensinar como fiz.

É muito fácil você vai saber colocar no seu blog com muita facilidade e vai poder destacar os posts de um determinado Marcador onde você quiser.

1º Passo: Crie um gadget HTML onde desejar em seu blog:

 

Copie e cole nele este código java e faça as alterações necessárias:
<script type="text/javascript">
function recentpostslist(json) {
 document.write('<ul>');
 for (var i = 0; i < json.feed.entry.length; i++)
 {
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');
 }
</script>
<script src="URL DO SEU BLOG/feeds/posts/summary/-/MARCADOR?max-results=5&alt=json-in-script&callback=recentpostslist"></script>
<a href="URL DO SEU BLOG/search/label/MARCADOR" style="float:right;font:normal 11px Arial;padding:5px 0;">MAIS DESTA CATEGORIA &#187;</a>

2º Passo: Entendendo e Configurando o Código.

Substitua no código java onde aparecerem estas palavras:

»URL DO SEU BLOG→ Coloque o endereço do seu blog.
Ex: Usei no meu gadget a URL daqui: http://templatesparavoce.com

»MARCADOR→ Coloque o nome do marcador que você quer destacar os posts. Importante: tem que ser o nome do mesmo jeito que está no seu marcador, ou seja, se seu marcador estiver todo em letras maiúsculas deve estar aqui da mesma forma.
Ex: O meu marcador HACKS BLOGGER é assim todo em maiúsculas então coloquei da mesma forma.

»max-results=5→ Este número determina a quantidade de posts que você deseja exibir.

»MAIS DESTA CATEGORIA→ Este é o link para o seu marcador. Escreva da forma que desejar. Ex: Veja mais - Mais deste Marcador - Mais deste Tema - etc...

»target="_blank"→ Este comando faz com que os links dos posts abram em novas abas. Se você não quiser que o link do post abra em outra aba apague-o.

Observações Importantes

♦ Aprendi este recurso neste site tentando configurar um template que baixei de lá,
♦ Também encontrei este recurso sendo ensinado em mais 2 sites que atribuem o código javascript a eles mesmos, então como não sei de quem é o código realmente para atribuí-lo deixo o link dos 2 sites: Site1 e Site2
♦ Existe também a opção de exibir thumbnails que são as miniaturas das imagens que usamos em nossos posts. Ainda não consegui editar o CSS da gadget com os thumbnails.
Vou estudar mais e assim que tiver um a solução para a exibição legal dos thumbs posto aqui como complemento desde post.

»Já aprendi!    Confira em: Como criar Gadgets de Marcadores com Thumbnails

NÃO é Permitido redistribuir os tutoriais/hacks ou os templates do TPV sem a prévia autorização de sua Autora.     A Citação da Fonte é Obrigatória.

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