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!
Paginação estilo amendoim para Blogger
Olá amigos Mult-focos, temos aqui uma paginação estilo amendoim para Blogger.
Trata-se de um projeto que a navegação de página foi inspirada em gr…Saiba mais
Como criar um Slideshow que funciona
Olá pessoal, vamos aprender hoje como criar um slideshow que funciona.
Saturado de procurar um slide que realmente funciona, acabei achando este s…Saiba mais
Super gadget de assinar Feed por e-mail
Olá amigos Mult-focos, este é o nosso post de numero (DCI) ou (601) ou simplesmente seiscentos e um e nele vamos ver como adicionar um super gadget d…Saiba mais
Fita de canto para Blogger
Olá amigos Mult-focos, Tem coisas que para muitos não faz sentido, mas para outros pode ser uma solução. Neste post vamos ver como adicionar uma fi…Saiba mais
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