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!
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.
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
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.
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.
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!
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.
ResponderExcluirOlá 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.
ResponderExcluirgostaria 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
ResponderExcluirPara 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;}
ExcluirAté 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.
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