Blogspot - Como instalar o gadget Posts + Recentes

COMO COLOCAR

O resumo das últimas 05 postagens no box lateral do Blog com foto(thumbnail)

Autoria: João Cruzué

SIGA OS PASSOS:
1) Clique em Layout (personalizar) no menu do se Blog

2) Adicionar um Gadget

3) Descer na caixa de Gadgets até Arquivo do Blog, abaixo

4) Clicar em Blogger. Vai abri as opções abaixo.

5) Clicar em (+) no Gadget Recent Posts ADVANCED

Clique na figura abaixo para ampliar e ver as configurações


6) Trocar o Título para POSTS + RECENTES e Salvar.



(A MESMA COISA FUNCIONA PARA O TWITTER, ETC.)

Curso de Blogspot - Como criar um LINK

.
Criando links para seu Blog

Autor: João Cruzué

Figura 1

Esta postagem vai lhe ensinar COMO FAZER e colocar um link em qualquer postagem do seu blog, site, scraps de Orkut, etc. O propósito deste curso é compartilhar conhecimento para que blogueiros cristãos iniciantes conquistem mais qualidade na publicação de seus blogs.


O que é um link?

Resposta: Link é uma ponte que abre um novo endereço virtual. Uma página. Que pode ser de um site, um blog, ou de um texto específico. Quando você coloca o ponteiro do mouse sobre ele, (sem clicar) no cantinho do seu monitor (embaixo à esquerda) vai aparecer esse endereço.

Por exemplo: se você puser o ponteiro do mouse sobre a palavra link do primeiro parágrafo, vai descobrir o endereço do meu blog que vai aparecer (lá embaixo). Se você clicar sobre ele, vai abrir a página principal do Blog Olhar Cristão. Para voltar, basta usar a seta próxima do menu do Windows.

Links então são como portas redirecionais que a um clique de mouse abre outros endereços. Possivelmente, você já deve ter assistido algum episódio do filme Jornada nas Estrelas, onde há uma sala de teletransporte. Pois bem, quando você faz a montagem de um link, analogamente, através dele você pode mudar de um endereço virtual para outro.

Esta é a função do link: mudar de uma página virtual para outra.


Como montar um link?

Resposta: A figura 1 resume e simplifica o entendimento. Vou começar a recortar parte por parte para lhe mostrar como se faz. Vou fazer isso em agradecimento aos velhos e futuros amigos do Blog Olhar Cristão e da União de Blogueiros Evangélicos da qual faço parte.

forma básica para montar um link

Pratique digitando exatamente o que vê:

Entre as aspas, você vai colar o endereço que quiser linkar, veja o exemplo abaixo, também recortado da figura 1:

coloque o endereço entre as aspas da "forma"

Entre os sinais > < (maior e menor que), você pode colocar qualquer nome.
no exemplo abaixo digitei o nome do curso.

nome do link


Veja agora o resultado: Curso de Blogs

Conhecimento adicional 1 : Se você colocar o mouse sobre o título da postagem lá em cima e clicar com o botão direito, vai abrir uma caixa de seleção. Use a opção "copiar link". Pronto. se você Colar este endereço na ESTRUTURA DO LINK, vai evitar a digitação. Este exemplo leva a seguinte conclusão: Sobre qualquer palavra ou frase que você colocar o mouse por cima e aparecer a "maozinha" no lugar do ponteiro do mouse, isto é link e pode ser copiado.

Conhecimento adicional 2 - Se você for no alto de uma página qualquer da internet e der um clique no endereço da barra do navegador, ele vai adquirir um fundo de cor azul. Veja no exemplo abaixo: "http://olharcristao.blogspot.com/". Se você clicar com o botão direito e copiar, poderá colar este endereço depois em qualquer ESTRUTURA de link que quiser. Sem digitar.

Barra de Endereço do navegador (browser) Firefox

Conhecimento adicional 3: Lembra de que lá em cima eu disse a você que ao posicionar o ponteiro do mouse sobre um link (sem clicar) o endereço dele vai aparecer no cantinho esquerdo, embaixo, do seu monitor? Se isso não está acontecendo no seu computador, é fácil habilitá-lo. No menu Exibir do Windows, clique em "Barra de status" para habilitar. Vou colar uma figura abaixo para demonstrar.

navegador com a Barra de status habilitada


.

Se você gostou desta aula ou tenha alguma crítica a fazer, deixe seu comentário ou escreva para mim: cruzue@gmail.com. Se você tem um blog evangélico e ainda não está filiado à União de Blogueiros Evangélicos, junte-se a nós, fazendo sua inscrição aqui: UBE

(Nota do autor: cópia do post não autorizada)

.

Como remover os cantos do Blogspot - caixa textos aumentada

.

Como eliminar os cantos (borders) indesejáveis que permanecem depois que você aumenta a largura da caixa de textos do Modelo Rounders 3 do Blogspot. Provavelmente o mesmo drible para eliminar o problema em outros modelos.

Localize estas linhas de configuração, a partir de Editar Html

#main-wrap2 {
float:$startSide;
width:100%;
background:url("http://www1.blogblog.com/rounders3/corners_main_top.gif") no-repeat $startSide top;
padding:10px 0 0;
}

Elimine as duas linhas coloridas. (Coloridas por mim)

E para retirar a linha vertical, remoção da linha vertical incoveniente.


E o nome do meu blog é http://www.olharcristão.blogspot.com/ - He he he!

.

Como substituir o banner nos modelos do blogspot

Por João Cruzué

Algumas coisas a "gente" aprende ouvindo. Outras escrafuxando. Taí um assunto que desafiou minha paciência de blogueiro por um bom tempo.

Meu blog sempre habilitava o Menu Cabeçalho em Layout, o que eu achava muito bom, pois me permitia trocar o banner (header) sempre que quisesse.

Até que um certo dia o menu "Cabeçalho" foi desabilitado e eu fiquei "na mão". Ou melhor, com este retângulo vertical no cantinho da esquerda na figura abaixo.


Então eu lutei bravamente! Mas nada dava certo. Até que apelei para uma tentativa extrema: trocar o modelo do blog! Então veio-me uma luz, que levou embora a frustração. E eu mostrei, definitivamente, quem é que "mandava"no meu blog!

E foi assim mesmo que aprendi a resolver sozinho o problema.

Para trocar o banner eu aconselho efetuar a troca em cinco passos.

Primeiro: Acesse Layout ou Configurações e clique duas vezes em Editar HTML. Faça uma cópia das configurações do seu blog. Salve no "Bloco de notas "(Typepad). Caso não saiba fazer isso anote: Dentro de "Editar Html" dê um clique no centro da caixa de Html. Depois selecione e copie (Ctrl+A e Ctrl+c).

Segundo: Escolha um novo modelo para o Blog. Isto é, escolha de novo o mesmo modelo. Depois salve A figura abaixo mostra que o Como Blogar usa um modelo Rounders 3.


Terceiro: Feito isso, quando você acessa de novo os Elementos da Página (Configurações) o bendito menu cabeçalho voltou. Então você vai clicar em editar.

Quarto: A clicar em Editar no menu cabeçalho, vai abrir a caixa de seleção abaixo. Para substituir o Banner antigo, basta clicar em "Remover Figura". Depois você faz o Upload do Banner novo. Complete a substituição com Salvar.


Quinto: Colando as configurações antigas. Lembra-se da cópia das Configurações de HTML do seu blog do primeiro item? Agora você vai substituir a nova configuração que veio junto com a re-escolha do "novo" modelo. Acessando Layout/Editar Html, clicando com o mouse no centro das configurações. Selecionando com Ctrl+A; Deletando com del; e colando a configuração que salvou no inicio.

Sexto: Salve.

Pronto. Você já tem o banner novo no Lugar. Não esqueça heim! O blogspot aceita dois tamanhos de Banners. O pequeno com 650px para colocar no espaço(maior) de 660px. O Grande com 940px, para caber no espaço de 955px.

Gostou?

João Cruzué - Visite o Blog Dicas de Blogueiro.

Blogspot - Como aumentar a caixa textos modelo Minima

MODELO MINIMA DE DOUGLAS BOWMAN

Por João Cruzué

Introdução: Eu creio que se aumentar a caixa de texto de um blog, ele pode ser melhor aproveitado não deixando tanto espaço ocioso nas suas laterais. Eu não costumo usar o Modelo Mínima do Douglas Bowman. Na verdade o meu preferido é o Ronders 3, há muitos anos. Como ainda não tinha examinado o modelo desse post, fiz uma rápida incursão pela configuração CSS/Html do modelo, e percebi que é muito fácil tornar mais largos tanto o o espaço para o Banner quanto a caixa de textos.Fiz o teste aqui, no próprio modelo para você analisar.

1 - Acesso ao Html do Blogspot modelo Minima: Layout/Editar Html - Descer até encontrar as linhas da figura abaixo: elas definem o espaço para um banner mais largo. Como o deste blog. Aumentar de 660px para 955px - para um banner de 940 x 330px. A princípio usei uma largura de 960px. Ficou maior que o Banner. Então fui reduzindo até 955 para ficar bem justo. Header em inglês é o mesmo que Cabeçalho, ou no caso, o espaço para colocar o banner.

2 - Mais abaixo, mudei as medidas de 700px para 955px

3 - Mudar as medidas abaixo - de 660 para 955px . E para enlarguecer a caixa de textos uma alteração de de 410 para 610px. Moleza!

4 - Antes de terminar, vou mostar como se posiciona o Banner ou Cabeçalho . Acesso para troca em: Elementos da Página/Configurar Cabeçalho. Se quiser o banner estreito, então clique também caixinha "ajustar até caber" ou 660px. Se quiser o banner grande (940px) clique apenas na seleção "Em vez de título e descrição"

Espero que tenha gostado - João Cruzué - Cruzue@gmail.com - Blog Olhar Cristão

.

História primeiros blogs - Curso de Blogs

Por João Cruzué

O primeiro Weblog da história da Web, http://info.cern.ch, foi criado por Tim Berners Lee no Laboratório do CERN em 1992.” Sua página foi afortunadamente conservada pelo consórcio administrador da Rede Mundial de Computadores.

O termo “Blog” que conhecemos hoje é uma contração de “Weblog”, a termilogia usada pelos criadores da Internet (Web3). Entre 1993 e 1996 o grande Blog acessado pela comunidade mundial de desenvolvedores chamava-se What’s New. Publicado pela Netscape, o famoso browser dos pioneiros que depois foi desbancado pelo Internet Explorer de Bill Gates.

A partir de fevereiro de 1996 surgiram os primeiros blogueiros plugados nas novidades que estavam por vir, Nas 24 horas que a Internet se abriu para o mundo. A partir dai ela explodiu e os Blogs seguiram em seu rastro. Ainda não se sabe quando o primeiro blog evangélico foi publicado.

Em 1º de abril de 2004, o Google disponibilizou o Gmail sua plataforma de Webmail. Quem tinha feio o cadastro para a lista de espera, como eu, foi surpreendido com uma comunicação da disponibilidade do serviço. Em 14 de abril de 2005 o Gmail ganhou uma versão em português. Em seguida, quem já possuia um blog no Blogger pode reunir todos os blogs que possuisse no mesmo endereço do Gmail.

João Cruzué, o criador do Olhar Cristão, começou em 2004 com o Bderek, depois com o O C no endereço "http://cruzue.blogspot.com", trocado mais pelo http://olharcristao.blogspot.com. Pela mesma época também iniciavam Walmir Milomen com o E, Agora Como Viveremos?, o Pastor Altair Germano e Eliseu Antonio Gomes.

A primeira comunidade agregadora de blogs que conhecemos foi a Blogosfera Cristã de Poliane Latta, da qual fazemos parte. Mas a explosão de blogs evangélicos se deu pela visão da União de Blogueiros Evangélicos que procurou fomentar a criação de blogs entre as lideranças evangélicas a partir de 2007. De 1300 blogs afiliados em 2008 a UBE saltou para mais de 3.500 em maio de 2009. Cada liderança evangélica, um blog. Depois veio a Comunidade dos Blogueiros Cristãos CNBC do designer Lucas Junior apostando em tecnologia.

Este e outros artigos estão em minha nova página: Curso de Blogs

.

Como criar um blog evangélico

Por João Cruzué

PROPÓSITO
O propósito deste texto é compartilhar conhecimento para quem deseja publicar conteúdo cristão na Internet, e ainda não sabe como criar seu próprio blog.

FÁCIL e GRÁTIS
Primeiro passo: abra uma conta no Gmail em www.google.com
Segundo: crie e publique gratuitamente seu blog em www.blogger.com
Outras opções: wordpress.com e www.vox.com

ABC DOS BLOGS
Continue aprendendo aqui: Abc dos Blogs

ASSOCIAÇÃO
Registre seu blog na União de blogueiros Evangélicos


.

Como justificar textos no Wordpress

.

Na edição mude de Visual para Html. Experimente digitar a linha da figura acima do primeiro parágrafo do texto que queira justificar. Confira o resultado em Olhar Cristao Wordpress.com

João Cruzue/Blog Olhar Cristão

.

Box lateral do blogspot

.

Clique na figura para ampliar

Esta faixa azul à direita da figura é um box lateral que traduzi do inglês "Sidebar" . Para acessar a edição dos boxes laterais o caminho no painel do blog é feito em "layout", figuras 2 e 3:

Para incluir um lista de blogs, por exemplo: adicione um "gadget" no box superior(top Sidebar) ou inferior (bottom Sidebar). O programa vai abrir uma lista de vários gadgets. Escolha Lista de Links .

O mais importante eu guardei para o final, na figura abaixo, em "gadget" Html/Javascript você pode colocar contadores de visitas, player de músicas, fotos e selos da UBE

Dica importante: se você quiser mudar a posição dos itens do box lateral, volte na terceira figura, a que tem duas setas indicando os Boxes superior e inferior. Se você colocar o mouse sobre elas, vai ver que pode mudá-las de posição.

Não esqueça de clicar em SALVAR para completar cada mudança ou adição que fizer.

João Cruzué/UBE
Visite meu blog: olhar cristão

Faça parte da União de Blogueiros Evangélicos: União de Blogueiros Evangélicos


.

Como fazer backup de postagens do blogspot

.
Olá!

Creio que é uma atitude muito prudente manter cópias das postagens publicadas em seu blogspot do Google.

Tenho três sugestões.

Antes, é preciso que você crie uma pasta em "Meus documentos" para guardar as cópias; sugestão para o nome da pasta "Meu blog";

Primeira sugestão:
Abrir a postagem em "Editar postagens"; mudar a aba de Escrever para Editar Html,
Depois: clicar no texto com o mouse, selecionar (Ctrl+a) e copiar ( Ctrl+c).

Voltar ao seu computador, abrir o programa "Bloco de Notas"(Typepad)
Colar a cópia nele;

E salvar na PASTA que você criou.

Vantagen: Esta cópia .txt traz o HTML da postagem incluindo tanto texto como imagens.


Segunda sugestão
Repetir todos os procedimentos, mas não mudar a aba do menu de Edição. Permanecer em Escrever; copiar o texto para o WORD, salvar a cópia na Pasta.
Desvantagem: cópias muito pesadas; para fazer o caminho inverso, a formatação do Word não é 100% compatível com o Blog

Terceira sugestão
Repetir todos os procedimentos da primeira sugestão, fazer a cópia na aba Escrever, mas salvar a cópia no programa Bloco de Notas(typepad) e também salvar na Pasta do computador.
Desvantagem: ao fazer o caminho de volta não existe incompatibilidade com o blog, mas você vai perder as imagens e ilustrações da postagem.

Conclusão: eu uso o primeiro caminho. Mas a decisão é sua.

.