Conhecendo seu blog- parte 1

em 23 de fevereiro de 2010

E mais 3 dicas incríveis!

Blog Você conhece seu blog? Quer dizer, conhece o interior, o esqueleto do seu blog? Sabe quais são as “partes” que o compõe?

Não? Então seus problemas siacabaram… Hoje nós vamos dar um passeio pelo “interior” do seu blog. Mas só vale para quem tem blog hospedado no Blogger, tá?

Vamos?

1- A divisão de um blog:

Todo blog hospedado no Blogger é dividido em cabeçalho,postagem,sidebar e footer. Pode ser uma, dua, três ou mais colunas mas a divisão básica é essa aí.

Cabeçalho: é o topo do seu blog. Ele pode ter uma imagem, como eu tenho no meu, ou pode ser apenas o título e a descrição do blog. Para inserir uma imagem em seu cabeçalho é muito simples: clique em Editar e na janela que abrir escolha Enviar arquivo. Selecione a imagem que deseja  em seu pc. Escolha o posicionamento da imagem e depois que carregar clique em Salvar.

Sabia que dá para retirar o cabeçalho, ou então criar essa possibilidade ao inserir a opção de mantê-lo ou não? Para fazer isso vá ao seu código-fonte do blog e procure por este trecho:

<div id="'header-wrapper'"><br /><b:section class="'header'" id="'header'" maxwidgets="'1'showaddelement="><br /><b:widget id="'Header1'" locked="'true'" title="'Título" type="'Header'/">

Daí é só trocar “true” por “false”. E quando quiser editar seu cabeçalho ele estará configurado como elemento de página e não mais como item fixo.

Ainda sobre o cabeçalho: acima dele está a navbar, que é aquela barra de navegação do blog. Por conta das normas de uso do Blogger eu não vou ensinar como retirá-la, mas a dica é deixá-la mais de acordo com seu blog. Em  Layout, veja onde está escrito navbar e  clique em Editarimage. Nas opções que aparecerão você pode escolher a que mais se aproxima das cores de seu template.

Postagem: é onde aparece o que você publica. É a parte mais importante do blog, pois apesar dos enfeites e acessórios que a gente pode colocar no blog, nada é mais importante do que aquilo que escrevemos, dizemos, compartilhamos. E nessa parte tem muita coisa para conhecer!

Veja:

image Clique em Editar. Você vai ver uma nova janela:

image Nesta janela é possível:

a) mudar a maneira como a data aparece no blog;

b) mudar a maneira como a hora da postagem aparece;

c) dar aos seus leitores a opção de marcar o post lido com estrelas;

E uma das dicas mais pedidas aqui:

d) modificar a frase que convida para os comentários. Aqui no blog, por exemplo, é: …comentaram. Mas falta você! E você pode ser bem criativo e deixar essa parte bem personalizada!

E tem muito mais, pois você pode reorganizar os elementos de postagem, clicando sobre eles e arrastando-os.

Sidebar: esse nome bonitinho nada mais é do que a coluna lateral do blog. Nela você adiciona gadgets e widgets (irmãos gêmeos by Ivana). Não há muito o que falar dela, pois cada blogueiro gosta da sidebar de um jeito.

Footer: ahá! esse muita gente não sabia o nome. Footer é o rodapé do blog. É o lugar ideal para colocar gadgets que interessam mais ao dono do blog do que aos leitores, que raramente chegam até ele…

Por hoje é isso. Na próxima semana vamos passear pelo código-fonte do seu blog. Se segura!

linezl0

Mas para não perder o costume, vou deixar 3 dicas muito legais para deixar seu blog ainda mais belo e formoso!

1- Quer fazer com que o título de seu blog se movimente no navegador? Igual este aqui!  É simples: clique em Layout/Adicionar um gadget/Html-javascript e cole o seguinte código:

<script language='javascript'>
var txt=":::TÍTULO DO SEU BLOG:::";
var espera=100;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();
</script>

Faça as modificações necessárias e salve. Tá feito. Sugiro colocar caracteres especiais(#, :::, _, etc.)  antes e depois do nome do blog para identificar bem.

 

2- Imagine que seu blog é um livro. Todo livro tem páginas numeradas, certo? Quer aprender a numerar as páginas de seu blog?

Faça assim:

Em Layout, clique em Adicionar gadget/Html-javascript. Daí cole o seguinte código, fazendo as devidas modificações:

<style type="text/css">.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style><script style="text/javascript">var pageCount=TT;var displayPageNum=T;var upPageWord="Anterior";var downPageWord="Próxima";</script><script style="text/javascript" src="http://sites.google.com/site/tptfiles/blogger-page-nav.js"></script>

Onde está escrito TT deve ser adicionado o número de posts que deseja em cada página.
Onde está escrito T deve ser adicionado o número máximo de páginas que desejam que fique antes e depois da página que estiver sendo visualizada no momento. Por exemplo, se você colocar 5 e estiver vendo a página 9 ficará assim:

Você pode alterar o texto também em azul que indica página Anterior e Próxima pelo texto que preferir.

Aprendi aqui. Conheça o blog, tem um monte de dicas legais.

 

3- E a última de hoje é para fazer piscar. Assim:

TEXTO QUE PISCA!

Para conseguir o efeito é muito simples: ao elaborar suas postagens coloque o editor de texto em modo html e cole o pequeno código abaixo:

<blink>TEXTO</blink>

E onde está escrito TEXTO coloque… o seu texto. Agora você já sabe como destacar algo importante de um jeito legal.

Falando em legal:

Foi legal prá você vir aqui hoje?

Diz aí…

15pixelmagiabichos

Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

31 comentários , comente também!

  1. Eu só posso agradecer esse teu carinho em compartilhar tudinho conosco. Confesso que aprendi muito contigo pois sou uma anta de tão burrona nessa internet...Sou apenas metida,rsstrsr...Muito boas!beijos,chica

    ResponderExcluir
  2. oi lindona...
    se gostei? Adorei!
    Vou aplicar da paginação... pq minhas postagens antigas está me deixando doida rsrsrs


    beijos querida... cheio de felicidade

    ResponderExcluir
  3. Obrigada pela humildade de dividir seus conhecimentos com a gente.
    Tinha visto alguns tutorias mas tinha que mexer no código, não gosto muito, mas a maneira que você ensinou é mais fácil, só editar, facilita e muito nossa vida.
    Que Deus te abençõe e que você continue sendo essa pessoa iluminada que é.
    Linda noite pra ti!
    Beijos no coração

    ResponderExcluir
  4. Elaine como eu coloco aquele: Você também poderá gostar de:, no fim das postagens??? beijos

    ResponderExcluir
  5. oi Elaine!!!

    Como sempre só tenho a agradecer op fato de vc ter paciência para nos ensinar coisas que para alguns pode parecer obvias.

    beijos

    ResponderExcluir
  6. Sempre é muito bom passar por aqui !!!
    Beijos de fada.
    Luka.

    ResponderExcluir
  7. Sempre é muito bom passar por aqui !!!
    Beijos de fada.
    Luka.

    ResponderExcluir
  8. 1- Quer fazer com que o título de seu blog se movimente no navegador?

    Fez esse no outro blog meu e aparece assim no navegador: TITULO DO BLOG, é assim mesmo Elaine?

    beijooo.

    ResponderExcluir
  9. como sempre vc e otima , adorei as dicas
    bjs

    ResponderExcluir
  10. Se foi legal?? Muuuuuito!!
    Dicas preciosas... adorei!!
    Obrigada por compartilhar!!
    Beijinhos com carinho!!

    ResponderExcluir
  11. Como sempre tenho que ler de novo...rsrsr
    Mas tudo que mudo lá no "lugar" é graças a você que descomplica o jeito de escrever e possibilita uma melhor compreensão deste mundo aqui.
    Bjo grande e obrigada!

    ResponderExcluir
  12. Oi gostei das dikas vou fazer algumas se eu conseguir pqsou meio burrinha pra essas coisas...

    Olha so vc poderia m ensinar a por o selo no canto da pag tentei aprender ñ consegui te falei q sou burrinha!!!

    ñ sei acredito q seja o modelo do meu blog q atrapalha...

    é q os selos sao tao lindos e eles acabam fikando escondidos nas pag do Blog...
    Desde ja obrigada...
    bjuu

    ResponderExcluir
  13. Foi sim Elaine!
    Mas... acho esses códigos mto complicados... Por isso acho melhor meus blogs serem bem simplesinhos mesmo... Assim sei mexer neles sozinha, sem precisar de ajuda!

    Mas valeu pela dica!


    bjão

    ResponderExcluir
  14. Eu sou uma "tonta" com essas coisas de blog adoro futucar, mas não sei quase nada...
    adorei as dicas e dico mais, se não fosse vc e dona Cris tava perdida!! hahahahaha

    beijos

    ResponderExcluir
  15. Coloquei a numeração de páginas! Valeu!! Bjok

    ResponderExcluir
  16. Na parte das postagens fiz umas alterações, porém só algumas aparecem...
    coloquei os marcadores que tanto queria e eles não dão sinal de vida, mesmo eu tendo ativado, vc sabe porque?
    bjks

    ResponderExcluir
  17. Ah, uma pena a paginação não ter funcionado no meu :( ..
    Mas, ainda assim adorei as dicas

    Beijos

    ResponderExcluir
  18. Elaine meu anjo,
    só voê mesmo pra ensinar a gente a mexer nesta ferramenta tão complicada! Obrigada amiga. Amei todas as dicas.
    Quando tiver um tempinho sobrando vou começar a treinar, rsrsrsr
    Só tira uma dúvida, estas dicas funcionam em qualquer tamplate, ou só nos do blogger?
    Tenha um lindo dia minha lindinha.
    Beijo na sua doce alma....

    ResponderExcluir
  19. Além de ter sido legal ter vindo aqui hj, aprendi mais um pouco e adorei essas dicas.
    Valeu!
    bjs

    ResponderExcluir
  20. Foi muito legal, principalmente pq vc sabe que as pessoas cobram para fazerem isso.Agora uma perguntinha, não consigo colocar lá nos meus comentários a foto da pessoa que ta postando....será que podes me dar essa dica?


    beijos.

    ResponderExcluir
  21. FOI SIMPLESMENTE MARAAAAAAA

    ELAINE, FALA SERIO,
    ADORO ESTAR AQUI,

    SÓ TENHO QUE SEMPRE TE AGRADECER.
    BJ!
    COM MUITO MEL!

    ResponderExcluir
  22. OI, flor! Faz tempo que não dou o ar da graça, né? To numa correria louca, planejando uma nova empreitada na mknha vida....por iso o sumiço, vc entende, né?

    Tô passando pra dizer que demorei pra publicar, mas está no ar o selinho fofíssimo que você me deu, em homenagem ao meu filho peludo! Vai lá ver!

    beijos!

    ResponderExcluir
  23. Adorei tudo! Entrei no blog do cara e tentei copiar o widget pra colocar contador de posts comentários e posts mais comentados no meu blog, mas não tá funcionando, :(. Beijos!

    ResponderExcluir
  24. nossa oi vocé é demais obrigada amiga ai estou tao feliz tenho visto em blogs essa discrição passando o nome do blog nossa ficou lindo o 1 e mais complicado mas vou tentar agora vou por o terceiro minha querida obrigada por tudo beijos

    ResponderExcluir
  25. ELAINE..
    vir aqui é sempre praseiroso..
    mesmo comentando todas as postagens de uma vez com tenho feito por falta de tempo...eu amo teu espaço..
    obrigada pelas dicas.
    bjuivos no teu coração.

    ResponderExcluir
  26. Vou confessar uma coisa: Morro de preguiça de mexer com o código do blog. Aliás, morro de preguiça de html, css e javascript. Outro dia dei essa recomendação no Twitter e gostaram, vou repetir aqui. O site http://www.echoecho.com tem vários tutoriais, do html básico ao javascript que é mais elaborado (e chatinho). Quando eu comecei a estagiar, o chefe indicou esse site e já voltei lá várias vezes pra descobrir coisas que tinha esquecido. Claro que não dá pra aprender uma linguagem de marcação ou programação só lendo, mas dá pra ter uma base.


    Beijos

    ResponderExcluir
  27. É sem pre muito legal e útil vir aqui, hoje aprendi um monte de coisa que serão Very Uteis pra meu inicio de vidablogueira, ja ate adcionei seu link KKKKK
    Bjs

    ResponderExcluir
  28. Muitíssimo Obrigado!
    Suas dicas estão sendo muito importantes para mim.
    Um beijo em seu coração!

    ResponderExcluir
  29. Adorei as dicas, principalmente a das páginas! Muito bom o seu blog!
    Bjus e obrigado

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…