Como Fazer uma Postagem Fixa na Pagina Inicial do Blog

Conseguir deixar sempre a mesma postagem no inicio do blog não é possível, mas existe um jeito de fazer isso, basta adicionar um gadget e colocá-lo em cima da postagem, assim vai parecer que é sempre a mesma postagem está fixa no inicio do blog.

O primeiro passo é preparar o texto que vai ficar no inicio do seu blog, pode colocar até imagens se quiser, mas neste caso hospede as imagens no ImageShack, assim ficará mais fácil na hora de publicar. Após já ter o conteúdo pronto vamos entrar na pagina layout do blog, clique para adicionar um gadget e escolha a opção html/javascript.

Coloque o seu texto e o código da imagem(se quiser) e clique para salvar depois é só clicar sobre o gadget e posicionar em cima do gadget das postagens e já está pronto agora o seu blog terá sempre esse texto no inicio.

Gadget antes das Postagens

Mas ainda podemos melhorar isso um pouco se quiser colocar um titulo com formatação diferente use esse código lugar do título.

<span style="font-size:18pt; text-align:center">Titulo Aqui</span>

Isso é uma formatação normal em CSS então pode modificar como desejar. Outro detalhe que melhora muito a aparência da postagem é colocar a imagem com texto em volta dele, como normalmente fazemos para fazer isso só precisa adicionar esse trecho style="float:right; margin-left:3px"> no código da imagem que ficará assim:

<img src="endereço da imagem" border="0" style="float:right;
margin-left:3px">


A palavra right faz a imagem ficar a direita e usamos margin-left depois para dar um pequeno espaço entre a foto e o texto(3px), porém se quiser a imagem do outro lado é só trocar de lugar as palavras right e left no código.

Veja também:
Formatar texto em CSS
Como Hospedar Imagens
Como destacar uma parte do Texto
Código para mostrar dia da semana e do mês
Related Posts with Thumbnails

Link desta Pagina

Compartilhe essa Página

56 comentários:

  1. Fabiano

    Quando eu quero colocar um texto usando um gadget acima das postagens eu faço o seguinte: Crio ele como se fosse um post no editor de texto, aplico todos os estilos, imagens, links etc, etc. E depois na aba html eu copio ele e colo no gadget. Assim não preciso ficar me preocupando com a aparência. Quanto a imagem, uso o Picasa, pois já tive problemas com outros hosts. Um abraço!

    ResponderExcluir
  2. realmente existem vários jeitos de fazer isso, esse que publiquei foi apenas um deles.

    obrigado por uma sugestão de uma outra maneira de colocar uma postagem fixa no inicio do blog, assim as pessoas podem fazer do jeito que acharem mais fácil.

    ResponderExcluir
  3. Sempre dicas ótimas!!!

    Fabiano, aproveito também para lhe avisar que tem um premio para você lá no meu blog:
    http://www.dihitt.com.br/noticia/uma-infinidade-de-premios/

    ResponderExcluir
  4. cara eu queria muito q vcs colocassem como exibir e ocultar texto (no meu caso quero ocultar links)
    eu jah em varios foruns como fazer.
    soh q eu queria q vcs encinascem passa a passo msm...

    espero q possa fazer essa postagem...

    ResponderExcluir
  5. não sei se entendi direito o que você quer, mas é isso que fazemos nas perguntas frequentes dessa pagina
    http://cidadeweb.110mb.com/dicas/mural.html

    ResponderExcluir
  6. Fabiano se puder da uma ajudinha votando em Mariana felicio para a bela do blog do mês de maio:
    lado esquerdo do blog tudo é história....
    abs...

    ResponderExcluir
  7. Nossa,
    To aprendendo tanto !
    Cada vez mais entendo que tenho mais e mais coisas para aprender , e que blogar é uma arte !

    ResponderExcluir
  8. Monica Loureiro
    sim, o image shack é gratuito

    o site oferece umas vantagens a mais se quiser pagar, mas sempre usei sem pagar e acho muito bom

    ResponderExcluir
  9. olá, o seu blog está muito bom...
    olha, eu queria saber como se faz para ter as postagens como neste site:
    http://www.piratatuga.net/
    la no site aparece :" Leia o resto deste post" eu queria saber como se faz.
    se souber responda para o meu msn: luisramalho_18@hotmail.com

    ResponderExcluir
  10. mostrar só um trecho da postagem e o link para ver o resto dá bastante trabalho, veja aqui
    http://help.blogger.com/bin/answer.py?hl=br&answer=42215

    ResponderExcluir
  11. Fabiano valeu pela dica .
    Nossa como eu estou por fora mesmo nem sabia que dava pra fazer isso rsrs.
    Perguntinha off se não puder responder entendo :)

    Como mudar a cor do link do titulo do Post do seu Template que fica acima do ( Fundo Preto Estrelado ) que vc colocou para Download ?
    Tipo as letras do Post esta Azul ai quando passa a seta do mause fica vermelho .
    Como mudar a cor ?
    Obrigadão .
    Obs : o Blog esta perfeito e com muitas dicas to no maior sufoco para ler tudo depois de um tempinho sem aparecer por causa da minha Net :( hauhahau mais chego la e leio tudo rsrs Fica com Deus

    ResponderExcluir
  12. Ola Fabiano
    gostei do blogue, pela informação aqui prestada e pela clareza com que faz suas dicas.
    se quizer passar no meu para ver como ficou agradeço, e se tiver alguma ideia para melhorar, melhor.
    já está nos Utilitários do meu blogue.
    obrigado.

    ResponderExcluir
  13. João Henrique
    entre na pagina editar html e coloque isso aqui

    h1 a{color: #e9feeb;}
    h1 a:hover{color: #e9feeb;}

    se já tiver o h1 a.. só troque a cor, a segunda link é a cor do link quando o mouse está sobre ele

    aqui tem o código das cores

    se tiver algum problema pode escrever para nosso email

    ResponderExcluir
  14. Valeu mais colocar aonde isso ?

    h1 a{color: #e9feeb;}
    h1 a:hover{color: #e9feeb;}


    Não achei esse ( h1 a )

    ResponderExcluir
  15. se não tiver o h1 a pode colocar proximo dos outros estilos CSS, deve ter h1 ou h2, pode colocar perto deles, mas cuidado para não misturar cada estilo termina quando fecha as chaves, envie seu link para nosso email

    ResponderExcluir
  16. ajuda plx eu tentei mas fico assim olha a foto

    http://img200.imageshack.us/img200/8085/ajudas.jpg

    como que tira o negocio onde a seta ta apontando repsonde logo PLX

    ResponderExcluir
  17. CaCuLiNhA

    seu template não é padrão do blogspot, então pode ser qualquer erro nele, não tem como explicar melhor.

    testamos o que publicamos neste blog em template padrão do blogspot.

    ResponderExcluir
  18. poxa ja vi varios site com temlate q n é do blogspot q da tudo certo

    + achu q eles nao bota o banner pelo gadget eles bota direto do edita html

    tem algum tutorial por ai que ensine a bota banner ? no topo do blog ? seria quase a mesma coisa de bota no final das postagens.. + eu quero bota no topo da pagina plx ajuda ai = )

    ResponderExcluir
  19. para colocar um banner no topo é só entrar em layout, e clicar para editar o cabeçalho do blog, lá tem a opção colocar uma imagem no lugar do título.

    ResponderExcluir
  20. quero bota nu mesmo luga igual desse geito que se posto + eu quero algum geito que n fique aquele erro

    ResponderExcluir
  21. entre em contato com o site que criou o seu template, ele já foi modificado.

    sinto muito, mas nós não fazemos alterações em templates criados por outros sites.

    ResponderExcluir
  22. xd
    nu tem como coloca sem o erro nao ?? tipo bota pelo "edita html" e nao pelo adiciona widget..

    alguem sabe como que os cara cria aquele banner tv ?? em flash ??

    ResponderExcluir
  23. existe um programa chamado flash, pesquise no google por flash cs4

    ResponderExcluir
  24. Opá!
    gostei do post! xD
    mais uma ajuda para o meu blog!

    mas a pergunta q eu tenho ñ tem nada a ve com este post...
    eu qria perguntar q modelo foi escolhido q tm nos dois lados os "Menus"
    ou foi vc q editou o modelo?
    vlw!!!

    ResponderExcluir
  25. nenhum modelo tem menu em ambos os lados, eu mesmo editei.

    veja aqui como fazer
    http://www.dicasparablogs.com.br/2007/12/blog-com-3-colunas.html

    ResponderExcluir
  26. Tem sim um jeito de deixar uma postagem fixa no inicío do blog!
    Eu achei isso aqui:

    http://templatesparanovoblogger.blogspot.com/2009/06/como-criar-uma-pagina-de-abertura-para.html

    Eu já fiz isso e deu certo =)
    E é bem simples de fazer.

    ResponderExcluir
  27. achei interessante o jeito que é feito no link que enviou, mas acho que inserir um gadget é mais fácil de fazer e tão eficiente quanto.

    ResponderExcluir
  28. oi, precido da sua ajudaaaaa,é o seguinte ----> quando eu adciono um gadgets em cima das postagens do blog ele fica igual aos da barra lateral, tanto o fundo como a posição, ele fica posicionado do lado esquerdo, tem como remover o fundo ou ajustar a posição apenas de desse gadgets superior? qeria centralizar ele e tirar esse fundo branco. se puder me ajudar te agradeço, parabéns pelos posts.

    ResponderExcluir
  29. Nadinho
    veja essa postagem e tente formatar o gadget separadamente
    http://www.dicasparablogs.com.br/2009/07/barra-de-rolagem-em-qualquer-parte-do.html

    ResponderExcluir
  30. oi dsculpe minha ignorancia, mas gostaria muito d saber como eu coloco algo tipo nos atalhos como Home... q fica na parte de cima do blog, pf me responda glaicekelly_gc531@hotmail.com

    ResponderExcluir
  31. em nosso caso colocamos o link para pagina inicial em um menu horizontal
    http://www.dicasparablogs.com.br/2009/05/links-lado-lado-menu-horizontal.html

    ResponderExcluir
  32. Fabiano muito obrigado isso foi muito útil valew

    ResponderExcluir
  33. É possivel sim deixar uma postagem como pagina inicial, meu blog tem, mas são regras não posso deixar o link...

    ResponderExcluir
  34. o jeito que tem de fixar algo no inicio da pagina é esse usando um gadget, ou poderia criar a postagem e colocar um link para ela como fazemos aqui no trecho que fala sobre a proibição de fazer cópias de nosso conteudo(logo abaixo de contado)

    ResponderExcluir
  35. Ola a todos,eu estava á procura de dicas neste excelente Blog vim dar a este post, não desfazendo a dica do administrador do Blog,deixo aqui uma dica mais simples para fixar a um post sempre na primeira página;
    O caminho para a resolução do enigma é entender porquê que a ultima postagem vai para a página inicial,descoberto isso teremos sempre a nossa página inicial,não têm de puxar pela cabeça,eu já o fiz,o blogger põe a ultima postagem na página inicial guiando-se pela data da postagem(já está a chegar lá?),só temos que editar o post e pôr uma data mais á frente(pode ser anos á frente)e pronto teremos sempre o mesmo post na página inicial do nosso Blog.
    Ao Administrador deste Blog deixo os parabéns pelo trabalho que têm feito e pela ajuda que me têm dado.
    Abraços

    ResponderExcluir
  36. não tentei reprogramar a data da postagem, só sei se fizer isso antes de publicar a primeira vez ela ficará agendada para a data que usar

    vou testar

    ResponderExcluir
  37. Funciona,foi testado por mim,para o fazer entre na edição do post que quer que fique na primeira página, depois clik em opções da msg e depois altera a data para anos á frente(se não estiver visível a data das postagem no seu Blog,funciona na mesma),para fazer o teste,após isso faça uma nova postagem e vai ver que mantêm a mesma página de inicio.

    ResponderExcluir
  38. Olá !!!

    Como não sabia se o recurso mencionado servia para uma postagem antiga que já tinha comentários, resolvi utilizar recurso de alterar a data e deu certo !!
    Agradeço a todos pela ajuda !!
    Grande abraço !

    ResponderExcluir
  39. quero fazer um blog de postagens por dia da semana, cada dia uma coisa diferente, por isso, desejo colocar uma postagem anexada no inicio de cada página de categoria para informar o que terá naquela categoria (os nomes das categorias serão os dias da semanas). É possível?

    ResponderExcluir
  40. S Santos
    acho que não é possivel fazer uma explicaçao para cada pagina de categoria... o html ficaria complicado e pesado demais.

    mas só pra ter certeza que entendi o que está querendo, por exemplo no caso do menu blog, você quer na pagina da categoria (marcador) mais visitas apareça no inicio da pagina uma descrição: dicas para conseguir mais visitas....

    no marcador imagens outra descrição: programas e sites para criar imagens....

    e assim por diante? se for isso realmente não tem jeito de fazer

    ResponderExcluir
  41. Fabiano muito bom o seu blog. Muito inteligente.

    E parabéns pela paciência em responder seus leitores.

    Hehehhe

    ResponderExcluir
  42. toda vez que coloco algo no gadget o que já tem nele vai para o fim das postagens, como que faz para mudar ? :(

    ResponderExcluir
  43. toda vez que coloco algo no gadget o que já tem nele vai para o fim das postagens, como que faz para mudar ? :(

    ResponderExcluir
  44. Ola Érica Arraes,
    Se eu percebi,você coloca mais(novo)conteúdo num gadject existente, e o que lá está vai parar ao fundo do gadjet;
    para resolver isso,tem duas opções,
    1- colocar o novo conteúdo no fim do gadject,logo antes de fechar a DIV.
    2- no caso de ter um script no gadject,o que tem a fazer é abrir uma DIV etc..., colocar o novo conteúdo e fechar a /DIV, abra a DIV onde quer que fique o novo conteúdo, antes ou depois do conteúdo existente .
    Espero ter ajudado.
    Duvidas ao meu esclarecimento,esteja á vontade para me consultar.
    Abraços, Eletrikpower

    ResponderExcluir
  45. Acjei num forum.... a resposta é boa e funciona aqui no blogspot
    Faz-se necessário destacar dois pontos:
    a) Os posts seguem uma sequência cronológica. Os mais recentes ficam primeiro. Os mais antigos ficam por último.
    b) O Blogger reconhece datas muito antigas (mesmo antes do blog ter sido criado) e datas futuras.
    Portanto, sugiro que você troque a data do post a ser destacado em primeir lugar para um dia no futuro. Assim, até que chegue este dia ele ficará em primeiro lugar.
    O Artigo do Sérgio Alex [1] poderá lhe ajudar.
    Referências:
    [1]
    Como Criar um Post Fixo no Blogger - Telemóveis | Dicas | Programas(Web)
    sergioalex.blogs.sapo.pt
    Consulta usada: post fixo em primeiro lugar

    ResponderExcluir
  46. Esse era o tipo de informação que eu estava procurando. Obrigada !

    ResponderExcluir
  47. Informação muito útil para uma postagem que eu queria destacar por algumas semanas. Obrigado!

    ResponderExcluir
  48. existe este modo: http://www.youtube.com/watch?v=BO3Js_o7ssQ

    eu por exemplo coloquei uma data bem longa, para q eu n precise ficar configurando novamente.

    ResponderExcluir
  49. Abner Silva, esse video tem nada de novo, há muito tempo atrás(8 de novembro de 2010 12:17) eu expliquei detalhadamente (em comentários neste Blog e assunto)como fazer isso como está descrito no video, alguma duvida veja os meus comentários neste local.
    Esteja á vontade para expor aqui alguma duvida(estou a seguir os comentários deste Post), quem sabe poderei esclarecer.
    Abraços
    Eletrikpower

    ResponderExcluir
  50. Existe Como se por uma imagem no lugar do nome do Gadget?

    ResponderExcluir
  51. OLá.. como faço para deixar meu cabeçalho fixo, tipo quando eu rolar a barra de rolagens o cabeçalho fique fixo.. grato.

    ResponderExcluir
  52. Biano não tenho esse tipo de código ... seria possível criar o estilo:

    #Header1 {position:fixed;}


    mas acho que isso prejudicaria o template.... talvez eu não tenha entendido direito o que você quer fazer.


    ResponderExcluir