Como fazer um gadget de marcadores com miniaturas de imagens

Thumbnails
Neste post vamos aprender como fazer um gadget de marcadores com miniaturas de imagens em seu Blogger. Eu sempre aconselho que faça um backup do seu template antes de tudo, ok? Agora que fez o backup vamos implementar o gadget. Vá em Modelo » Editar HTML e encontre a tag </head> copie e cole o código javascript seguinte abaixo desta tag. 





Visualize se estiver ok clique em salvar

Agora vamos criar um gadget de um Determinado Marcador com as Miniaturas e coloque no lugar desejado do seu blog.

Vamos em layout > Adicionar um Gadget > HTML/JavaScript

Copie e cole este código abaixo e faça as alterações necessárias Sabendo que, ATENÇÃO.

1- URL DO SEU BLOG =  endereço do seu blog. 2- MARCADOR = nome do marcador que você quer destacar os posts. (do mesmo jeito que esta no seu marcador, inclusive maiúsculo ou minúsculo preste atenção) 3- var numposts = 4; = Este número determina a quantidade de posts que você deseja exibir. 4- MAIS DESTE MARCADOR = Este é o link para o seu marcador. Escreva da forma que desejar. Ex: continue lendo etc. 5- showpostsummary = true; =  Marque true para mostrar um resumo do artigo ou marque false para mostrar apenas o título do post. 6- var numchars = 60;  =  Este número determina o número de caracteres que o resumo dos artigos vai exibir. Faça a seu gosto e tome cuidado com a estética. Para você achar facilmente os seis códicos, copie e cole em um doc texto e use  CTRL + F mas preste bastante atenção.7- Clique em salvar e esta pronto, Agora é só comentar!

7 comentários:

  1. Respostas
    1. Vínicius desculpe, realmente estava com erro e para melhor ser copiado o primeiro script disponibilizei um download do mesmo, pois estava dando erro ao postar.

      Excluir
    2. definitivamente , não funciona aparece apenas o link mais dessa categoria.é uma pena pois estou a procura desse código a um tempo.

      Excluir
    3. Olá Vinicius peço que faça mais uma tentativa, tirei a parte do CSS para simplificar pois alguns templates não aceitavam,espero que tenha sucesso.

      Excluir
  2. gostaria de agradecer pelo post muito esta procurando, mas no meu as fotos ficaram do tamanho original da postagem queria saber se tem alguma configuração no código pra deixar as fotos pequenas na exibição do marcador deste gadget

    ResponderExcluir
    Respostas
    1. Para alterar o tamanho da imagem terá que alterar também o paddind nesta linha de código do CSS:[ .label_with_thumbs li{border-bottom:1px dotted #ccc; margin:0px 0px 5px 0px;padding:0px 0px 15px 0px;}
      Até ficarem alinhados de acordo com o tamanho da imagem que quiser. Aqui está configurado para o padding inferior de 15px para a imagem de 50px por 50px.

      Excluir
    2. Ah, devido a modificação que fiz para adequar e corrigir um erro que estava dando, o segundo código foi alterado é só recopiar, pois antes eram 3 códigos e agora apenas 2.

      Excluir

Todos comentários são lidos e moderados previamente.
São publicados apenas aqueles que respeitarem as regras abaixo:
-Ter relação com o assunto do post.
-Não conter propagandas de outro site ou blog.
-Não incluir links no conteúdo do comentário.
-Se quiser deixar sua URL, comente usando a opção OpenID;
Obrigado(a) por comentar!

free website hit counter