sexta-feira, setembro 26, 2008

O visual do seu Blog

"Verdades e conseqüências dos Blogs que se destacam"

Lorelle.wordpress.com

Tradução: João Cruzué


"As aparências contam em tudo. Não tente me dizer que não. Se as aparências não contam, então o entretenimento, a moda, a roupa, o cabelo, a maquilagem, as presilhas, as marcas de água mineral, as academias de ginástica e o mercado de produtos de saúde estão encrencados. De fato eles são uma indústria enorme de milhões de dólares, portanto o visual deve contar.

O visual é importante em tudo. Nós gostamos de ver coisas bonitas. Gostamos de ver coisas que atraiam e prendam nossa atenção, sem zombar de nosso intelecto.

O que faz com que o "design" de página de um website/blog tenha um pouco de desafio e não seja tão simples como a gente pensa que é.

Primeiro, um site de internet deve ser legível. Deve ser "olhável” como explicou um jovem amigo recentemente para mim. Se o design da página principal interferir na capacidade de observá-la, o leitor irá embora.

Em segundo lugar, um site de internet deve ser legível. E não estou sendo redundante. Ele deve ser capaz de ser lido. Não apenas fácil de ser olhado. Se as palavras forem o seu produto, elas devem ser de fácil leitura. Se as imagens forem o conteúdo, o produto do seu website, então elas também devem ser arranjadas para estar bem visíveis.

Estrabismo em letras muito miúdas, fontes ímpares; gráficos atrás de textos, cores de fonte “lights” em fundos também “lights”, letras de néon verdes “quentes” contra um fundo preto ou quaisquers combinações de cores sem um bom contraste, fazem do processo de leitura de conteúdo algo quase impossível. Considere ainda que pelo menos 25 % do público da Internet são pessoas fisicamente deficientes de alguma forma, muitos deles com problemas visuais. E que uma enorme porcentagem são de pesoas da terceira idade…o que torna mais importante que o tamanho, a cor da fonte, o estilo, sejam legíveis, para que estas pessoas se animem a ler seus textos."

Read more: Truths and consequences of blogs that stand out



.

quinta-feira, setembro 25, 2008

Blogs - seis dicas para melhorar sua blogagem



Por João Cruzué


1 - PLANEJE O TÍTULO DE SUAS POSTAGENS.

......Títulos curtos com substância. Por exemplo, no título desta postagem há quatro verbetes .......principais: Blogs, dicas, melhorar e blogagem. Considerando que os robôs armazenam .......praticamente todos os textos publicados na Internet, e que a maioria das pesquisas são .......realizadas na barra de buscas do Google, à medida que seu blog for publicando mais coisas, ......seu trabalho vai começar aparecer nas primeiras páginas de busca. Exemplo de título ......que ......não é eficiente: Aqui estão algumas dicas para melhoria de suas postagens. Crítica: ......basicamente a .única palavra importante neste título é "postagens" porque é um verbete que ......está associado a .blogs. E restante das palavras é puro enchimento de lingüiça. A palavra ......dicas, sozinha, não tem .nenhuma referência objetiva com blogs.

2 - VERBETES MAIS ADEQUADOS A TÍTULOS DE POSTAGENS CRISTÃS
......Sugestões para um blog com mensagens bíblicas ou assuntos evangélicos: Salmo (Salmo tal); ......Escola Dominical; Culto de Doutrina, Socorro de Deus, Igreja Evangélica, Nomes de Pastores, ......Amor de Deus, Salvação, Nomes de personagens Bíblicos: Profeta Isaías, Livro de Jó, ......Deuteronômio, Nome de Igrejas, Homofobia, Bispo fulano, Manifestação, Olhar Cristão, Cura ......da depressão. Considere estes títulos como pontos de partida.

3 - PESQUISE OPÇÕES DE TÍTULOS ANTES DE POSTAR
......Use sempre a busca do Google para pesquisar frases. Faça uma simulação do título e efetue a ......pesquisa. Analise da seguinte forma: se você estivesse procurando uma determinada ......mensagem, que palavras usaria para encontrá-la. Entretanto não coloque um título que não ......resuma o texto que escreveu, pois o leitor há de ler o ínicio e se não satisfizer, ele vai procurar ......em outro lugar.

4 - POR QUE BUSCAR A EFICIÊNCIA E O AUMENTO NAS VISITAS
......Você deve usar de todos os meios lícitos (como disse Paulo) para chegar aos seus objetivos. ......Não se trata buscar uma forma desesperada de obter visitas a qualquer custo, mas de ......conscientemente e de forma planejada, você prover um crescimento constante para seu ......trabalho. Crescer a cada dia escrevendo, ilustrando, divulgando, melhorando no português...

5 - PROCURE DAR UM CONTEÚDO E MOLHO AO MESMO TEMPO.
......Inclui de propósito a palavra "molho" para associar um blog a um prato especial no almoço de ......domingo. Se você escrever apenas mensagens, vai ficar maçante. A idéia é um Blog-revista, ......em que, digamos, 05 em cada 10 postagens sejam mensagens de sua autoria e de algum ......colega, e o restante sobre atualidades, frases especiais, assuntos em maior destaque, temas ......nacionais importantes. Como a mistura ou o molho de um prato especial, a variedade ......selecionada tem como função atrair mais leitores para aquilo que você de fato tenha ......interesse. Se por umas duas ou três vezes um leitor gostar de seu estilo e conteúdo, diante de ......uma página com resultados de buscas, se o seu blog estiver lá, ele voltará a ler as suas coisas - ......por fidelidade.

6 - DIVULGUE LINKS DE SEUS TEXTOS EM COMUNIDADES DO TIPO.
......Sites de relacionamento social como o Orkut e o Friendster estão cheios de comunidades e ......perfis de usuários. Sem exageros, de vez em quando crie um tópico e coloque umas cinco ......linhas de uma matéria como isca ou chamariz, deixando o link para continuar a leitura, que ......vai direcionar para seu blog. Se você clicar com o botão direito do mouse sobre o título de seu ......artigo, na caixa de seleção vai aparecer a frase "copiar link". Click em copiar link e cole ......embaixo das linhas de textos extraídas do artigo que você quer divulgar. Cuidado com sua ......divulgação. Não coloque tópicos de chamarizes toda semana. Pior do que falta de divulgação é ......o spam, isto é, o excesso, que vai fazer com que seus leitores em potencial fiquem com raiva ......de você. Um efeito inverso. Saiba então dosar suas divulgações sem passar por um "chato" ou ......inconveniente.


João Cruzué
Blog Olhar Cristão - UBE - www.olharcristao.blogspot.com


.



segunda-feira, setembro 22, 2008

ABC dos Blogs


Autoria de João Cruzué
PRIMEIRA AULA
Existem vários sites que disponibilizam espaço gratuitamente para edição de Blogs. Exemplos

1. www.blogger.com
2. www.wordpress.com
3. www.uol.com.br
4. www.vox.com
... Entre outros
---------------------------

Primeiro Passo
Em razão da gratuidade e ótima divulgação, recomendamos o Blogger. O primeiro passo é criar uma conta de email no google (só para blogs) no endereço www.gmail.com , veja a figura.


---------------------------

Segundo Passo
Como dar nome e endereço ao seu Blog.

Depois de criar a conta de email, digite www.blogger.com para criar e hospedar gratuitamente seu blog. Digite sua senha, entre, e crie seu Blog



Terceiro passo: Antes de batizar o blog, digite o nome dele na busca do Google. Pode ser que o nome já seja muito utilizado. Procure ser original. Em princípio, pode ser qualquer nome, mas é melhor ser prudente e utilizar um nome bem original. Por exemplo, quando criei o nome Olhar Cristao - não tinha ninguén na internet com este nome. Boa notícia: depois de batizar seu blog, o nome dele pode ser alterado quantas vezes quiser.

Quarto passo: o endereço eletrônico do seu blog na Internet. Se no nome de batismo do seu Blog pode ser qualquer um, já no endereço isto não é possível. O blogger não vai deixar você cadastrar um endereço de outro blog. Se você tentou um nome, por exemplo: blogdojoao e recebeu um aviso em letras vermelhas de que não está disponível, você vai usando alternativas.

Dica:
às vezes o nome que você escolheu não esteja disponível, mas apenas foi reservado há bem tempo e não está sendo utilizado há anos. Então em lugar de blogdojoao, o endereço aceita o hífem e pode ficar assim: blog-do-joao.

Recomendação importante
: o nome do seu blog não pode ter sinais ortográficos (acentos) nem cedilhas. Exemplo, em lugar de recomendação, ficaria: recomendacao.

Depois que você Batizou e acertou o endereço digital do seu blog, digite a confirmação das letras, envie e passe para o passo seguinte.

Quinto passo: a escolha do modelo do blog: minha recomendação é que se use o modelo Rounders 3. Motivo, ele aceita várias configurações diferentes, inclusive aumento na largura.

Sexto passo: faça a sua primeira postagem: digite um texto, ou cole um texto ja digitado na caixa de textos, depois escolha um título que resuma melhor seu texto e atenção: também não coloque nenhuma acentuação nem cedilhas, nem aspas, nas palavras do título. Pronto? vá até o rodapé da página e mande PUBLICAR POSTAGEM. Depois clique lá em cima em
Visualizar Blog.

Sétimo passo: muitos blogueiros depois que clicam em Visualizar o Blog não sabem como acessar novamente o texto digitado para corrigi-lo. A dica é clicar em Nova Postagem, na página seguinte clicar em Editar postagens e depois escolhar qual postagem vai Editar. Depois de corrigir/Editar publique de novo em PUBLICAR POSTAGEM.


SEGUNDA AULA
Como inserir fotos ou imagens nos textos das postagens


1º Passo:
Clique na figura para ampliar
Primeiro passo: clique no ícone da paisagem para
iniciar o processo de adição da Imagem

-----

2º Passo:
Clique na aba "Arquivo" Selecione com o mouse a pasta
Minhas imagens onde costumam ficar suas fotos e imagens.

-----

3º Passo
Encontre a imagem que você procura e dê dois cliques fortes sobre ela.

------

4º Passo
Selecione a posição da imagem - em 1
Escolha o tamanho de postagem dela - em 2
Clique em Fazer o Upload de imagem - em 3

Depois que você escolher a posição ela não muda mais.
Teria que excluí-la se desejar uma outra posição para começar tudo de novo.

Nota: a segunda forma de colocar imangens em seus textos, é registrar uma conta gratuita em www.photobucket.com . Acessar o site, fazer o UPLOAD das imagens usando Choose Files, Depois de armazenadas, você copia o HTML CODE que aparece embaixo delas e cola no texto do Blog, na posição que deve ficar. As fotos podem ser reduzidas a partir dos cantos a partir de um clique e manuseio com o mouse. As fotos inseridas por este processo podem ser posicionadas de três formas - esquerda, centralizada, direita. O inconveniente deste médoto, é que os textos não ficam ao lado da foto. Apenas ou em cima ou em baixo. Este é meu método predileto. Precisa de apenas mais um cuidado: se a armazenagem passar de 10Gb, as fotos deixam de aparecer no Blog, mas eles avisam antes. O que se tem a fazer neste caso é excluir algumas fotos ou criar uma nova conta no Photobucket.

A escolha dos métodos de inserção fica a seu gosto

autoria: João Cruzué
Não esqueça de visitar meu blog principal: www.olharcristao.blogspot.com

Dúvidas: cruzue@gmail.com


------------------------

sábado, setembro 20, 2008

Como trocar o banner do blog do Google

.

Hello!

Na maioria dos modelos de Blogs do Google, quando você quer trocar o banner do cabeçalho, ele está inacessível. Aquele retângulo pequeno, vertical, à esquerda, me dava nos nervos.

Não é que descobri como dar um chapéu nele?

Eu faço assim: Primeiro vou em layout ou cofigurações/editar html , e faço uma cópia das linhas de Html/css (código) do meu blog. Mais detalhes? Clico com o botão direito em qualquer ponto do código de HTML, depois seleciono com um ctrl+a e copio com um ctrl+c.

Em seguida abro o programa Bloco de Notas/WordPad e colo ou paste com ctrl+v, e salvo. Este procedimento nada mais é do que o backup do código de HTML do meu blog.

Pronto.

Agora para dar o "chapéu" no blogger a fim de trocar o cabeçalho (banner) ,de novo vou em Layout ou configuração, Modelo, e Seleciono o mesmo modelo anterior. A seguir vou em elementos da página, e vejo que já posso colocar o novo banner, pois aquele bendito retângulo sumiu.

Então removo o banner antigo; vou em arquivo, faço o upload do meu novo banner e salvo. Não esqueça de salvar...

Quanto eu volto para visualizar o blog, O banner está desconfigurado.

Para voltar a configuração anterior eu preciso agora restaurar o backup, pelo processo manual.
Vou na cópia/backup que salvei ANTES de mudar de modelo. Seleciono e Copio ( ctr+a e ctrl+c). Em seguida volto no painel do blog, Layout/configurações, Editar Html, e excluo todas as linhas (ctrl+a e Delete). Em seguida colo a cópia do backup.

Lá está de novo meu blog configuradíssimo, com um novo e reluzente banner (ou nem tanto) He he he!

Moral da história: sem um backup/cópia do código de html/css do seu Blog ,devidamente salvo, nem pense em mudanças.

Beleza?

João Cruzué
Blog Olhar Cristão - UBE
cruzue@gmail.com




.



quarta-feira, setembro 10, 2008

Como aumentar a largura dos textos do blog



.

Oi! Tudo bem?

Anote aí:

Antes de qualquer modificação em seu blog, faça um backup do Html dele. Assim se alguma coisa der errada, você repõe esta cópia e o Blog volta com a configuração anterior.

Tanto para fazer o backup quanto modificar as configurações das linhas de programação do Blog o caminho é o mesmo: Painel/Layout/Editar html.

Backup: clique com o mouse em um ponto qualquer entre as linhas de de configuração, depois selecione com um ctrl+a, copie com ctrl+c. Em seguida abra o programa "bloco de Notas" em Iniciar/programas/acessórios/Bloco de Notas - cole ali com um ctrl+v e salve com o nome do seu blog. Backup pronto, agora vamos mexer linhas nas configurações do seu blog.


Esta postagem fala de dois tipos de Blogspot. 1) O mais recente (2010) quero orientar para usar o "modelo" Travel. Ele pode receber várias configurações. Os outros não. Também este é mais leve para uso do leitor. Para mexer nas configurações dele, vá em design e depois em layout. Se já é mais "expertinho" siga as informações da figura abaixo. Quando você reduz as medidas de 360px para menos, por exemplo para 240px, você vai alargando o "main" ou a caixa de textos.



Mas se seu blog ainda é dos modelos antigos, as medidas a serem mexidas aparecem aqui abaixo.

Mas tome nota: estas medidas são dos blogs de modelos antigos.


BLOG MODELO ROUNDERS 3

Recorte das linhas aonde acontece as modificações.


#outer-wrapper {
width:960px; .........................................A largura anterior era 740px. Aumentei em 220px
margin:0 auto;
text-align:$startSide;
font: $bodyFont;
}
#main-wrap1 {
width:685px;...................................... Era 485px, aumentei em 200, foi para 685px
float:$startSide;
background:$mainBgColor url("http://www1.blogblog.com/rounders3/corners_main_bot.gif") no-repeat $startSide bottom;
margin:15px 0 0;
padding:0 0 10px;
color:$mainTextColor;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#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;
}

#main {
background:url("http://www.blogblog.com/rounders3/rails_main.gif") repeat-y $startSide;
padding:0;
width:685px; EXCLUA TODAS ESTAS CINCO LINHAS EM VERDE
}


#sidebar-wrap {
width:250px; ................Muitos pensam que o box DIREITO vai sumir quando aumenta o corpo
float:$endSide;......................do texto. Engano. Eu ainda aumentei o box de 240 para 25opx.
margin:15px 0 0; ........................ O pulo do gato é que , quando aumento o corpo de textos ele
font-size:97%;............................... desloca para a esquerda. O box fica na direita.
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

.main .widget {
margin-top: 4px;
width: 668px; .....................................aqui também aumentei em 200. Era 468px
padding: 0 13px;
}

.main .Blog {
margin: 0;
padding: 0;
width: 684px; .................................E aqui o último lugar onde aumentei em 200. Era 484px.
}


#header-wrapper {
background:$titleBgColor url("http://www2.blogblog.com/rounders3/corners_cap_top.gif") no-repeat $startSide top;
margin-top:22px;
margin-$endSide:0;
margin-bottom:0;
margin-$startSide:0;
padding-top: px; ..............para ajustar a altura do banner eu zerei esta medida. Era de 8px.
width: 0px; ..........................e para ajustar a largura do banner eu criei esta linha.
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:0;
color:$titleTextColor;
}
#header {
background:url("http://www.blogblog.com/rounders3/corners_cap_bot.gif") no-repeat $startSide bottom;
padding:0 px px; e para terminar o ajuste tambem zerei as posições desta linha.



Assim que fiz tudo isto, o resultado você pode ver aqui: T e s t e

Em teste, você vai ver um banner que eu criei usando dois programas: o Paint que todo Windows tem e um Programa de Desenho Gráfico bem leve chamado Paint Shop Pró Versão 9

Pode obervar ali, que o banner está superajustado, o corpo de texto uns 8cm mais largos e o Box quase um centímetro mais largo. Ainda não consegui tirar as pequenas marcas pretas dos antigos cantos. Espero que alguém descubra este detalhe e me ensine. He he he!

Espero que tenha gostado.


Anote aí o endereço do meu blog principal: www.olharcristão.blogspot.com.
Meu email é cruzue@gmail.com
E gosto de escrever mensagens cristãs em: www.olhar-cristao1.blogspot.com




.
Related Posts Plugin for WordPress, Blogger...