tag:blogger.com,1999:blog-185803892024-03-05T22:10:09.432-03:00Como BlogarUnknownnoreply@blogger.comBlogger84125tag:blogger.com,1999:blog-18580389.post-70110834807190648662016-02-07T01:00:00.002-02:002016-02-07T01:00:48.869-02:00Como trocar o plano de fundo do BlogPor João Cruzué<br />
<br />
<br />
<b><span style="color: #cc0000;">Olá, um bom dia, na paz do SENHOR!</span></b><br />
<br />
<br />
Hoje eu troquei o plano de fundo do <a href="http://olharcristao.blogspot.com.br/">Blog Olhar Cristão</a> e foi assim que fiz:<br />
<br />
1. Escolhi uma textura de granito na cor cinza nas imagens do Google;<br />
<br />
2. Copiei e colei no programa Ms-paint (iniciar/ programas/ acessórios/paint<br />
<br />
3. Fui encolhendo a figura com o ponteiro do mouse (da direita para a esquerda) até que ela<br />
deu menos de 300kb, depois de salva, no formato .png (o melhor) ou jpg (imagem inferior);<br />
<br />
4. Para chegar neste tamanho fui usando o CTRL+ Z ou refazendo, até conseguir chegar neste tamanho, que é o exigido pelo Blogger para o plano de fundo (background)<br />
<br />
<div style="text-align: justify;">
5) Salvei a imagem na Área de Trabalho ou <i>Desktop. A foto abaixo foi diminiuida (sem redimensionar) até ficar com menos de 300 </i>kb no formato .png.</div>
<i><br /></i><i><br /></i><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieYqlohYlkZNqbmW4LS2el2K3SNYmp_dvmjRYVvCDwY_HezxWkPiRnQRrXq8Rz3cLYXHdEC1o3N4LgF-Wg8TJkrysusLMYgFtyZdN7iflWfr4jf6GR75DPjX3XWlEtG2a7zoVIKw/s1600/paint.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieYqlohYlkZNqbmW4LS2el2K3SNYmp_dvmjRYVvCDwY_HezxWkPiRnQRrXq8Rz3cLYXHdEC1o3N4LgF-Wg8TJkrysusLMYgFtyZdN7iflWfr4jf6GR75DPjX3XWlEtG2a7zoVIKw/s1600/paint.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 12.8px;"><b>Tamanho original da foto de granito usada no plano de fundo do blog </b><br />
<a href="http://olharcristao.blogspot.com/"><b>Olhar Cristão</b></a></td></tr>
</tbody></table>
<div style="text-align: center;">
<i><br /></i></div>
<br />
6) Abri o menu "design" do blogger, ou o menu "modelo" se já estivesse nele;<br />
<br />
7) Em modelo cliquei em "personalizar";<br />
<br />
8) Depois em "plano de fundo";<br />
<br />
9) Dei dois cliques rápidos com o mouse sobre a imagem do plano de fundo/ poderia também<br />
clicar naquela pequena seta para baixo ao lado da figura;<br />
<br />
10) Em Selecionar imagem de plano de fundo, usei a primeira opção "Fazer upload da imagem"<br />
<br />
11) Cliquei em "escolher imagem", e procurei a que foi salva na Área de Trabalho ou D<i>esktop. </i><br />
<i><br /></i>12) Dei dois cliques sobre o nome da imagem, e esperei ela ser carregada<br />
<br />
13) Cliquei em concluído.<br />
<br />
14) Antes de usar a opção "Aplicar ao blog", fui conferir o resultado em "visualizar blog."<br />
<br />
15) Se gosto do que vejo, clico finalmente em "Aplicar ao blog".<br />
<br />
16) Esperei um pouco e depois cliquei em "voltar ao Blogger"<br />
<br />
17) Pronto. É mais fácil de fazer do que descrever esta metodologia de 17 passos.<br />
<br />
<br />
<br />
Abraço.<br />
<i><br /></i>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-18580389.post-80168555453032635562014-12-29T14:17:00.004-02:002014-12-29T14:17:48.322-02:00Como colocar um link no texto do Blogger<br />
Por João Cruzué<br />
<br />
É muito Simples.<br />
<br />
Por exemplo, eu quero colocar <b>este</b> link: <a href="http://olharcristao.blogspot.com.br/2014/12/perolas-para-o-servico-do-senhor.html"><b><span style="color: blue;">fábrica de pérolas</span></b></a><br />
<br />
Como foi que eu fiz?<br />
<br />
1. Cliquei no meio da barra de endereço com o mouse, até ficar todo azul - como na figura abaixo.<br />
<br />
2. Copie<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCNIkyjz7gSfWkP2hmUYuvloNKm0BbWg2BYOxD87t6H1ehBxQYP8lCa-n0iCl1yedaNAaB84dtKXcT2Jj6lelUEvThRzaUimnQuYkkA_plsrQQvydviHjwOJQumX9IRH8dpp3KZw/s1600/Barra+Navegador.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCNIkyjz7gSfWkP2hmUYuvloNKm0BbWg2BYOxD87t6H1ehBxQYP8lCa-n0iCl1yedaNAaB84dtKXcT2Jj6lelUEvThRzaUimnQuYkkA_plsrQQvydviHjwOJQumX9IRH8dpp3KZw/s1600/Barra+Navegador.JPG" height="135" width="640" /></a></div>
<br />
<br />
3. Posicione o ponteiro do mouse onde você estiver escrevendo.<br />
<br />
4. Clique na aba "link" no menu que está acima do seu texto. Vai abrir esta caixa de preenchimento<br />
<div>
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYsxF3yUOUgYMykqgsy_270E3PjVyzA9rwTSW49IhtaKDdpe-SfHJu0jzHz6IhzNSZaagXOJOcCJiLfd0tcfLy94N2HQzT_NrtgVOo87VD6eNAikRwbOYwRMt54IWsoWrNlywM8A/s1600/Caixa+de+link.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYsxF3yUOUgYMykqgsy_270E3PjVyzA9rwTSW49IhtaKDdpe-SfHJu0jzHz6IhzNSZaagXOJOcCJiLfd0tcfLy94N2HQzT_NrtgVOo87VD6eNAikRwbOYwRMt54IWsoWrNlywM8A/s1600/Caixa+de+link.JPG" height="222" width="320" /></a></div>
<br />
5. Em texto a ser exibido eu escrevi fábrica de pérolas.<br />
<br />
6. Na caixa endereço da web eu colei o que havia copiado em azul<br />
<br />
7. clique em ok.<br />
<br />
----------------------------<br />
<br />
Você pode copiar qualquer endereço, e dar o título que quiser.<br />
<br />
<b>O que é um <span style="color: blue;">link</span>:</b> é o endereço de uma página específica da internet, que pode ser a de um post do seu blog ou de outro texto.<br />
<br />
Abraço do João -<br />
www.olharcristao.blogspot.com.br<br />
.<br />
<br />
<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-18580389.post-30808371686377982382014-12-29T13:58:00.000-02:002014-12-29T13:59:06.719-02:00Como bloquear cópia no Blogger
.
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOWzlsY1cWSJhxfxzsxOL-pa9iCK-m1QMOHZg0tGnzZNpE74QvsboziQcr6uop2MIEZmdSZfPtTJYzC97g6yYOsyYih3mhadLMfV_GZYj3adFVLMaeJ0fFDuchmbGiTiRpc9a0FQ/s1600/Bloqueio.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOWzlsY1cWSJhxfxzsxOL-pa9iCK-m1QMOHZg0tGnzZNpE74QvsboziQcr6uop2MIEZmdSZfPtTJYzC97g6yYOsyYih3mhadLMfV_GZYj3adFVLMaeJ0fFDuchmbGiTiRpc9a0FQ/s1600/Bloqueio.JPG" /></a></div>
<br />
Abra o <b>painel </b>do blog,<br />
<br />
Clique em <b>modelo</b><br />
<br />
Clique em Editar <b>Html </b>(fica do lado direito de personalizar)<br />
<br />
Clique na aba "<b>Editar Modelo</b>"<br />
<br />
Encontre a linha do <b>Head </b>(veja na figura)<br />
<br />
Abra espaço espaço para cinco linhas, batendo <b> Enter</b> à frente do Head<br />
<br />
Copie as palavras, na ordem da figura, começando pelo script e terminando com o /script - igualzinho o que estiver acima.<br />
<br />
Clique em <b>salvar</b> modelo.<br />
<br />
NOTA: marque bem o número da linha onde começou e onde terminou. Se quiser reverter, é só repetir o processo, e apagar as sete linhas, e depois salvar o modelo.<br />
<br />
<br />
Não deixe de visitar meu blog principal: www.olharcristao.blogspot.com.br<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-18580389.post-40127303801216493592014-03-08T13:29:00.002-03:002014-03-08T13:30:16.625-03:00Blogs Evangélicos, um Projeto Vitorioso<div style="text-align: right;">
<span style="color: white;">.</span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFN6WmPvf1u45NsFtEYV43AEBwWSwlaet8STui0Zm57MjzDEUOhhwTuknft17w0SFHhbcYlxMh7-K0i19wj_3HLS0LksS62-8D3AC_B7nUwGkguBpXEY7_s_L1X1w2U02C3z78uw/s1600/jbc.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFN6WmPvf1u45NsFtEYV43AEBwWSwlaet8STui0Zm57MjzDEUOhhwTuknft17w0SFHhbcYlxMh7-K0i19wj_3HLS0LksS62-8D3AC_B7nUwGkguBpXEY7_s_L1X1w2U02C3z78uw/s1600/jbc.png" height="330" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 13px;">Blogs Evangélicos<br />
<br />
<span style="font-size: xx-small;">PRIMEIRO ENCONTRO DE PUBLICADORES DE CONTEÚDO CRISTÃO NA WEB</span></td></tr>
</tbody></table>
<div>
JOÃO CRUZUE</div>
<div>
<br /></div>
<div style="text-align: justify;">
O blogs evangélicos brasileiros começaram a aparecer na Internet um pouco antes de 2005. Mas foi a partir deste ano que o seu futuro foi desenhado com a chegada do Google, disponibilizando o <a href="http://www.gmail.com/"><span style="color: blue;">GMAIL</span></a> e a plataforma <a href="http://www.blogger.com/">BLOGGER</a>. E este potencial foi bem utilizado pelas comunidades de blogueiros que surgiram a partir de 2007. Contudo, o verdadeiro potencial de um blog ainda é subestimado em nosso meio. Vamos precisar de uma mudança de paradigmas em nosso comportamento como blogueiros para discipular e multiplicar os agentes sociais da próxima década, onde seremos a metade da população religiosa deste país.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Este texto é longo e desafiador. Garanto que vai mudar bastante sua forma de pensar.</div>
<div style="text-align: justify;">
<br /></div>
<div>
Hoje, quando fui atualizar alguns dados do "<a href="http://www.kruzue.blogspot.com/">QUEM SOMOS</a>" do Olhar Cristão tive a oportunidade de comparar os números de páginas visitadas de minhas publicações de conteúdo na internet.</div>
<div>
<br /></div>
<div>
Em 2007, o blog Olhar Cristão alcançou 30.000 páginas visitadas. Em maio de 2010, este número beirava 1.500.000. E, hoje, 05.MAR.2014, chegou a 3.644.618 páginas visitadas.</div>
<div>
<br /></div>
<div>
O Blog a <a href="http://www.atendanarocha.com/">A Tenda na Rocha</a> da irmã Vilma Rejane marcou, neste data, 4.152.400 páginas visitadas.</div>
<div>
<br /></div>
<div>
O Blog <a href="http://www.pointrhema.com.br/">Point Rhema</a> do Pastor Carlos Roberto, marcou 1.500.132 páginas visitadas hoje.</div>
<div>
<br /></div>
<div>
O Blog do irmão Eliseu Gomes <a href="http://belverede.blogspot.com.br/">Eliseu Gomes</a>, alcançou 1.958.290 páginas em 05.03.2014.</div>
<div>
<br /></div>
<div>
O Blog do Pastor <a href="http://www.altairgermano.net/">Altair Germano</a>, alcançou 3.312.140 páginas acessadas, desde 2007.</div>
<div>
<br /></div>
<div>
O blog do Presbítero <a href="http://www.comoviveremos.com/">Valmir Milomem</a>, sem marcador de visitas à vista, deve ter o mesmo número de visitas do Pastor Altair ou do Olhar Cristão - cerca de 3 milhões de visitas a partir de 2007.</div>
<div>
<br /></div>
<div>
E, fechando, o Blog do <a href="http://juliosevero.blogspot.com.br/">Julio Severo</a>, marcando 204.000 visitas nos últimos 30 dias. Ou mais de 3 milhões de páginas visitadas desde o início, numa contagem bem pessimista.</div>
<div>
<br /></div>
<div style="text-align: justify;">
Com a contagem exposta nestes quatro blogs evangélicos, não considerando outras contagens perdidas ao longo dos primeiros anos, chegamos a <b>20 milhões de páginas visitadas</b>. Se considerarmos que há uma centena de blogs evangélicos com a mesma performance e milhares de outros que também possuem conteúdo cristão publicado na internet, estamos a caminho de um bilhão de páginas visitadas nos próximos dois anos - em língua portuguesa.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Eu sei que é muito popular postar fotos e tweets na Face e no Twitter, mas na busca do Google isto não aparece. Quero dizer que o lazer é muito bom. Divulgar recadinhos e o que fazemos e fotografamos nas férias e fim de semana, é muito legal. Mas isto não tem cerne. Quando precisamos, por exemplo, pesquisar um assunto para um trabalho de conclusão de curso ou uma dissertação de mestrado ou de doutorado, não vamos achar material de consulta em portais de relacionamento social.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Ainda creio em trabalho duro, sério, que informe, critique, solidarize, compartilhe, divulgue missões, algo com densidade intelectual. Tenho observado, desde o Orkut, que nós evangélicos somos muito ativos, participantes nas mídias sociais. Houve um tempo no Orkut que participava de mais de oitocentas comunidades da Igreja Assembleia de Deus. A maioria foi criada e depois abandonada. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
O Orkut mudou para o Facebook. De novo, em poucos anos os evangélicos vão ser a maioria participante. Gostamos de comunicação. No entanto, podemos utilizar esta tendência para trabalhar projetos e criar oficinas para, por exemplo, escrever livros. Eu sempre tive a certeza de que o caminho mais curto para ter o nome (como autor) nas melhores livrarias do país é um blog.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Se você gosta de se mostrar para os amigos as fotos dos seus momentos de lazer, aquela foto na praia, etc., gaste o seu tempo no Face. Mas se você tem planos maiores e deseja ser um escritor, um autor de livros, ver seus livros nas livrarias e bancas de jornais, comece aprendendo a escrever em um blog. É gratuito. Seus primeiros leitores vêm dali. Não se esqueça: a palavra escrita influencia mais que a palavra falada. A Bíblia é um belo exemplo disso. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
A partir de 2025, os evangélicos serão metade da população religiosa do país. Porque ainda temos pouco influência? Por que pensamos pouco e escrevemos pouco. Se chegarmos em 2025 apenas como os maiores participantes do Face, continuaremos a reboque de ateus, gays e seculares. Precisamos pensar mais, para escrever mais.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Em 2007 o presbítero Valmir Milomem e o Pastor Altair Germano deram início a UBE - União de Blogs Evangélicos. Aquele projeto levou mais de 10 mil líderes evangélicos a criarem pelo menos um blog. Muitos ficaram pelo meio do caminho, mas uma safra de teimosos continuou e agregou valor a si mesmos, à internet e à Igreja Evangélica. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Se por um lado isto foi uma bênção, a atividade de um blogueiro geralmente é solitária. Blogueiros evangélicos têm facilidade de distanciamento em lugar de aglutinação.Isso precisa ser entendido e combatido. Nossa força está na agregação, em uma mudança de paradigma. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
O que podemos fazer? Criar comunidades de blogueiros em Igrejas. Criar comunidades de Blogueiros no Estado. Unir as comunidades de todos os Estados em um projeto único: preparar os escritores, jornalistas, políticos, médicos, juristas, administradores, líderes de igreja, mestres, doutores da próxima década.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Com ética. Com honestidade. Com transparência. Com solidariedade. Com agilidade. Com facilidade de comunicação. Com coesão sem abrir mão da liberdade de fazer aquilo que gosta.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Recentemente o ex-presidente Fernando Henrique Cardoso deu uma entrevista. Ele, como ateu declarado, disse que o povo evangélico tem um crescimento constante no Brasil, por causa de seus valores. De minha parte, quando vejo minha filha caçula engajada e animada nos projetos da Igreja, posso ver que, sem ter feito qualquer imposição, ela tem o mesmo prazer que eu de servir ao Senhor.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Você, meu irmão de blog, depois de saber que ateus e seculares admiram a nossa força, a força que está por trás de nosso crescimento, o que está pensando? Acha que nós, blogueiros evangélicos, devemos ser apenas expectadores desta nova época que se avizinha e inexoravelmente vai chegar?</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Eu digo que não. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Se continuarmos isolados, cada um no seu quadrado escrevendo seu post e à noite conferindo os visitantes, vamos ser apenas expectadores das ações dos outros. Mas se desenvolvermos um pensamento e trabalharmos neste projeto, poderemos ir muito além do que nosso pensamento. Se esta obra é de Deus, e não nos unirmos em torno dela, outros vão fazer isto. Ou por acaso você acha que esta plataforma gratuita de blogs, sempre existiu e sempre existirá? Eu entendo que nosso momento é agora.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
É por isso que eu concluo que fomos vitoriosos até aqui. Ninguém escreveu tanto em blogs que nós, evangélicos. Mas, esta conquista é muito pequena diante do potencial que temos para conquistar em breve futuro. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
O poder está na formação de opinião pela palavra escrita. Tudo o que fizermos para reunir, unir, aglutinar, desenvolver, compartilhar, ensinar, discipular blogueiros e futuros blogueiros em potencial, DIGO, com convicção que o resultado disso vai ser ainda maior do que projetarmos.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Meu abraço.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
João Cruzué - cruzue@gmail.com</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: x-small;"><b>Nota: </b>Estamos preparando o primeiro encontro de blogueiros para desenhar um projeto de 10 anos, que vai revolucionar a maneira de publicar conteúdo cristão na Internet. </span></div>
<div style="text-align: justify;">
<span style="font-size: x-small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: x-small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: x-small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: x-small;"><br /></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<br />
<div>
</div>
<br />
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<div style="margin: 0px;">
<br /></div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-18580389.post-84887333846513941092012-11-25T18:10:00.003-02:002012-11-25T18:13:33.074-02:00Um blog cristão na frente da Globo, na busca do Google<a href="http://www.blogger.com/blogger.g?blogID=18580389" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a>.<br />
<br />
Por João Cruzué<br />
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://www.blogger.com/blogger.g?blogID=18580389" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0BzuH6W6JLvXQQh-hhOgQAkPgabwW8LQ9I_TWzIzq2UjD9-dYgmZQyi2gVcJImDI-TuDWRrEXRmzg8ZxiEyIa1wtivpwP6qzVWF2pKNDO0K-dQi5Zo5qbQ-rX6cS0q5Wwpaz8QQ/s1600/Discurso.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="495" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0BzuH6W6JLvXQQh-hhOgQAkPgabwW8LQ9I_TWzIzq2UjD9-dYgmZQyi2gVcJImDI-TuDWRrEXRmzg8ZxiEyIa1wtivpwP6qzVWF2pKNDO0K-dQi5Zo5qbQ-rX6cS0q5Wwpaz8QQ/s640/Discurso.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Blog Olhar Cristão</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.blogger.com/blogger.g?blogID=18580389" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Depois que o Google ofereceu de graça a plataforma Blogger para que qualquer um pudesse editar um Blog, eu não imaginava que um dia poderia competir com igualdade de condições com as maiores mídias digitais brasileiras. É claro que, exagerando ou não, a figura acima é uma prova de que isto é possível. Basta planejar um texto, e principalmente um título, para encaixá-lo bem na primeira página de buscas. Confira. Para chegar até aqui, tenho blogado com regularidade desde 2007.<br />
<br />
Não é a primeira vez que isso acontece. Portanto, isto é muito mais comum do que imagina. Estou escrevendo esta matéria para que permaneça focado e animado. </div>
<br />
<br />
<br />
<br />
<br />Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-18580389.post-16130638605007348552012-11-16T22:15:00.001-02:002012-11-16T22:15:12.339-02:00Associação de Blogueiros Cristãos<div style="text-align: center;">
<span style="color: white;">.</span></div>
<div style="text-align: center;">
<span style="color: black; font-size: 130%; font-weight: bold;"><br /><span style="color: #ff6600;">COMEÇANDO UMA NOVA COMUNIDADE DE BLOGUEIROS</span></span><br />
<br />
<br />
<div style="color: #ff6600; font-weight: bold; text-align: center;">
<span style="color: #3366ff; font-size: 130%;">CONVITE ESPECIAL</span></div>
<br />
<div style="text-align: justify;">
<span style="color: #cc33cc; font-family: verdana; font-weight: bold;">Se você </span><span style="font-family: verdana;">exerce liderança em uma Igreja Evangélica, gosta de ensinar ou escrever, e ainda não sabe como publicar DE GRAÇA suas coisas na Internet, quero lhe deixar um convite: Venha seguir a </span><a href="http://www.google.com/friendconnect/signin/home?st=e%3DAOG8GaBFRTn6I0SCs9pJBfQqySuXl%252BEms1ct2jd2TsVZjoZzfWqXEb05IASsxbPXU6z8z71hWzjH71gzX6cJ1ooUE8iClLMPnU9Z%252BdqfzWjbCzvA2ulo9hLsmmaQK5KzaKfp4YdivZcrrnPzPy2LSOt1SVLtDf48ftYwq3hEV2fTl%252BtTStTvkS4ce8yft4UYhC77ftIqLajPuBEWM%252BHRcJpD31WLRluze7arOmdEVeLy9LWtaXqEjqRHH6j9a1HNoF08mCvmxyFr%26c%3Dpeoplesense&psinvite=&subscribeOnSignin=1" style="color: #000099; font-family: verdana;"> Associação de Blogueiros Cristãos.</a><span style="font-family: verdana;"> Quero compartilhar com você meus seis anos de experiência com publicação de Blogs. Meu interesse é levar o maior número possível de líderes evangélicos a publicar conteúdo cristão na Internet - de graça! Isso mesmo - sem cobrar nada de ninguém por isso. Suba um degrau: de leitor a publicar de conteúdo.</span><br />
<br />
<span style="font-family: verdana;">Quer conhecer meu testemunho? </span><a href="http://www.kruzue.blogspot.com/" style="color: #000099; font-family: verdana;">Quem somos</a><span style="font-family: verdana;">. Quer conhecer um de meus blogs? </span><a href="http://www.olharcristao.blogspot.com/" style="font-family: verdana;"> <span style="color: #000099;">Blog Olhar Cristão</span></a><span style="font-family: verdana;">. Quer ver quantas páginas tenho na busca do Google? </span><a href="http://www.google.com.br/search?q=joao+cruzue&ie=utf-8&oe=utf-8&aq=t&rls=" style="font-family: verdana;"> <span style="color: #000099;">João Cruzué</span></a><span style="font-family: verdana;">. Venho ensinando meus irmãos a blogar desde 2005.</span><span style="font-family: verdana;"> Quer ver seu testemunho ou seus escritos publicados para que sejam lidos em qualquer lugar do mundo? Comece usando um Blog!</span></div>
<br />
<div style="text-align: center;">
<br />
Irmão João Batista Cruzué<br />
<br />
<span style="color: #ff6600;">----------------------------------------------------------------------------</span><span style="color: #ff6600;">-------------</span><br />
<br />
<br /></div>
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnz5avI-GEPMWsqchY24wvfFRk_gn0s3yRFCGcCM3N-_PNwoLY41tUgYtWc7QlcG3hyuBVoCoUVp3hYNXOhQ65xDezw60j-YcEF8b6JVxcEYkNb-zZlmAJtqqEU8EGDL5JX9N1OA/s1600-h/Globs1.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5327170193547719106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnz5avI-GEPMWsqchY24wvfFRk_gn0s3yRFCGcCM3N-_PNwoLY41tUgYtWc7QlcG3hyuBVoCoUVp3hYNXOhQ65xDezw60j-YcEF8b6JVxcEYkNb-zZlmAJtqqEU8EGDL5JX9N1OA/s400/Globs1.jpg" style="cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; text-align: center; width: 300px;" /></a><br />
João Cruzué<br />
<br />
<div style="text-align: justify;">
<span style="font-family: verdana; font-size: 100%;"> <span style="color: #3366ff;"><span style="font-weight: bold;">Recebi,</span> <span style="color: black;">um dia desses,</span></span> um email de uma pessoa amiga contando que ainda estava um pouco atrapalhada sobre o que escrever em seu blog, principalmente, porque dispunha de pouco tempo. Daí, pensei em abordar QUATRO ASPECTOS muito interessantes sobre este assunto, visando contribuir com mais tijololinho na edificação das comunidades de blogueiros evangélicos e aumento na publicação de conteúdo cristão na NET. É sempre bom lembrar que, apesar de conhecer muito sobre blogs, ainda estou aprendendo. </span><br />
<br />
<br />
<span style="font-family: verdana; font-size: 100%;"><span style="color: #3366ff; font-weight: bold;">A VISÃO.</span><br /><br /><span style="font-weight: bold;">Quando</span> você conhece de perto a necessidade de escrever e publicar <span style="font-weight: bold;">conteúdo cristão</span> em blogs, sua consciência se aviva e você descobre que precisa assumir um compromisso com Deus. Se blogar simplesmente por modismo ou vaidade, vai se cansar e um dia vai parar. Veja agora porquê comecei a blogar.</span><br />
<br />
<span style="font-family: verdana; font-size: 100%;"><span style="font-weight: bold;">A visão</span> veio há uns cinco anos, quando digitei a palavra "church" no browser do IE. Esperando que aparecesse um site cristão, fui surpreendido com o portal de uma igreja satanista. Ali estava a imagem da cabeça de um bode, com barbicha e chifres, na mandada de uma parede. Eu não estava preparado para a surpresa.<br /><br /><span style="font-weight: bold;">Com tantas</span> Igrejas Evangélica e Católica no mundo, porque nenhuma estava na primeira posição do browser? Isso começou a martelar na minha mente. Cheguei a pensar que as lideranças das Igrejas Evangélicas em todo mundo eram passivas, atrasadas em tecnologia, uma vergonha. Pricipalmente, porque há 500 anos, a primeira máquina de Imprensa foi criada para imprimir a Bíblia.</span><br />
<br />
<span style="font-family: verdana; font-size: 100%;"><span style="font-weight: bold;">A</span><span style="color: black;"><span style="font-weight: bold;">nalisando</span> depois com mais calma</span>, concluí que a carapuça caía também justa na minha cabeça, porque eu havia me esquecido de que era uma liderança cristã.<br /><br /><span style="font-weight: bold;">Então comecei </span>a agir. Naquela época já andava bisbilhotando os blogs do UOL. Eram chatos, complicados, e tinham pouco espaço. Esqueci o UOL e comecei a procurar um Portal que oferecesse uma plataforma gratuita para publicação de Blogs. Encontrei o <span style="color: #3333ff;">www.blogger.com</span> do Google. Eu já sabia de que nos Estados Unidos, eles definiam eleições presidenciais. Cheguei a subscrever o Blog do John Kerry que disputou e perdeu a eleição para o Bush. </span><br />
<br />
<span style="font-family: verdana; font-size: 100%;"><span style="color: black; font-weight: bold;">Meus primeiros</span> testemunhos foram publicados em 2004 no antigo site do Pastor Silas. Como eles alcançavam muitos leitores, achei que poderia crescer e publicar com as próprias pernas.<br /><br /><span style="font-weight: bold;">Comecei </span>com TESTEMUNHOS.Depois traduções, reportagens, crônicas, etc.<span style="font-weight: bold;"> </span>Minha família e eu sofremos muitas privações com os 11 anos de desemprego que passei. Achei que seria um bom motivo publicar e contar para o mundo a a vitória que Jesus Cristo me dera. Eu não ia ficar de boca calada. E decidi compartilhar os conhecimentos que viria adquirir com todos os que perguntas sem como criar e publicar um blog.<br /></span><br />
<span style="font-family: verdana; font-size: 100%;"><span style="color: #cc33cc; font-weight: bold;"><span style="color: #3366ff;">O DISCURSO</span></span><span style="color: #cc33cc; font-weight: bold;"><br /><br /><span style="color: black;">Como escrever</span></span><span style="font-weight: bold;">:</span> é muito simples. imagine que seu melhor amigo ou amiga esteja diante de você. Os melhores mestres da comunicação digital ensinam que para se comunicar bem, você deve escrever como se estivesse CONVERSAR com uma pessoa amiga. Quer ver a diferença?</span><br />
<br />
<span style="font-family: verdana; font-size: 100%;"><span style="color: #cc33cc; font-weight: bold;"><span style="color: black;">Este é um</span> </span>discurso de blog: <span style="color: #333333;">Oi meu irmão, estou aqui, neste momento, escrevendo este texto, porque sei que Deus vai usar você poderosamente em textos que vão levar a voz de Deus diretamente ao coração dos leitores de seu blog.</span><br /><br /><span style="font-weight: bold;">Ou:</span> <span style="color: #333333;">A paz minha irmã, sabe aquele texto que você escreveu ontem, contando aquela vitória que Jesus lhe deu? Você não sabe, (e talvez nunca vá saber) mas do outro lado do mundo, havia um brasileiro que estava navegando na Internet, à noite, e deu de cara com seu testemunho. Durante a leitura daquele texto, que você achou tão fraco, o Espírito Santo começou a falar no coração daquele moço, e entre lágrimas ele renovou sua confiança em Jesus.</span></span><br />
<br />
<span style="font-family: verdana; font-size: 100%;"><span style="font-weight: bold;">Mas evite </span>este tipo de<span style="font-weight: bold;"> </span>discurso: Irmãos vocês devem escrever textos de testemunhos para publicar em blogs para que Deus possa usar o que estejam escrevendo"</span>. <span style="font-family: verdana;"> Há um erro de posição aqui: é como se você estivesse acima do leitor.</span><br />
<br />
<span style="font-family: verdana; font-size: 100%;"><span style="color: #cc33cc; font-weight: bold;"><span style="color: black;">A diferença </span></span><span style="color: #cc33cc;"><span style="color: black;">entre</span></span><span style="color: #cc33cc; font-weight: bold;"> </span>os dois discursos: Blogs são veículos de comunicação <span style="font-weight: bold;">informais</span>. O discurso pessoal, direto, olho-no-olho, é a forma de linguagem mais adequada. Ele é forte, íntimista e eficiente.<br /><br /><span style="font-weight: bold;">O outro discurso</span> , não fala diretamente, não olha olho-no-olho, não considera que a pessoa do receptor, é a parte mais importante no diálogo. Um fato a ser notado é que o discurso pessoal e direto, olho-no-olho, pode ter milhões de recepTores, cada um deles sendo chamado de "você". Quer um fato concreto? Em todos os emails e posts da campanha presidencial de Barack Obama foram usados este tipo de discurso.</span><br />
<br />
<br />
<span style="font-family: verdana; font-size: 100%;"><span style="color: #3366ff; font-weight: bold;">A MISSÃO. <span style="color: black;"><br /><br />Por que é importante escrever</span></span>? Você vai escrever para glorificar o nome do Senhor. Assim como ninguém nasce falando, andando, nem lendo, você vai melhorar com o tempo. </span><span style="font-family: verdana;">E tudo que publicar com inspiração, vai encontrar um ou vários leitores ávidos do outro lado do monitor.</span><span style="font-family: verdana; font-size: 100%;"><br /><br /><span style="font-weight: bold;">Como da</span>r qualidade ao seu blog: uma paráfrase de Romanos 12:2 "E nunca fique satisfeito com sua bagagem cultural de blogueiro, mas renove dia a dia seu conhecimento da língua portuguesa, para que seus textos gradativamente galguem os degraus da escada da boa, agradável e perfeita escrita. O primeiro degrau é bom, o segundo degrau é agradável e no terceiro degrau você estará perfeito.<br /><br /><span style="font-weight: bold;">Minha sugestão</span>: há bons manuais de redação em boas livrarias. O meu, "Tecnicas de Redação" é bastante antigo, não sei se ainda existe para venda. O nome do autor é João Bosco Medeiros, da Editora Atlas.</span><br />
<br />
<br />
<span style="color: #3366ff; font-size: 130%;">COMPROMISSOS</span><br />
<br />
<span style="font-family: verdana;"><span style="font-weight: bold;">COM DEUS.</span> A cultura do Mundo Ocidental caminha para se tornar mais e mais individualista. Narcisista. Até os cristãos estão sendo atraídos por este desvio Não foi assim que Jesus Cristo viveu no primeiro século. Ele chamou 12 jovens para ESTAREM com Ele. Para ter e crescer em COMUNHÃO com Ele. Eles assistiam ao discurso, mas Cristo ia além das palavras, pois o Reino de Deus é poder para ação. Se nos consideramos CRISTÃOS então devemos assumir um COMPROMISSO de serviço para ter comunhão com ELE.</span> <span style="font-family: verdana;">Mesmo nos multiformes tipos e formas de blogar é perfeitamente possível manter este compromisso de fidelidade.</span><br />
<br />
<span style="font-family: verdana;"><span style="font-weight: bold;">COM O EQUILÍBRIO PESSOAL:</span> temos que levar em conta outro compromisso: o de zelar pelo equilíbrio do virtual com o mundo real. O que fazemos no mundo real é o que dá peso às coisas que publicamos na Internet. Discurso desprovido de substância, de experiência com Deus, não vai produzir fé no coração de ninguém, pois ele será rejeitado pelo Espírito Santo.</span><br />
<br />
<span style="font-family: verdana; font-weight: bold;">COM A IGREJA</span><span style="font-family: verdana;"> - A maioria dos formadores de opinião da grande imprensa não são profissionais cristãos. A esmagadora maioria de jornalistas, repórteres, artistas e políticos não veem a Igreja evangélica com bons olhos. Eles nos consideram como os fundamentalistas do atraso. Crentes bobos explorados por pastores ladrões. Como somente eles falam, suas opiniões são aceitas como verdadeiras pela sociedade. Só há um caminho para enfrentar este desafio: compartilhar tecnologia de uso das mídias digitais. As próximas gerações vão se informar PRINCIPALMENTE pela Internet. </span><br />
<br />
<span style="font-family: verdana;"><span style="font-weight: bold;">Quanto mais</span> líderes evangélicos aprenderem publicar conteúdo cristão na NET melhor. Nem todos vão atingir altos patamares de popularidade, mas muitos vão. Se nós não expressarmos nossa opinião perante a sociedade, ela vai continuar bebendo de ateus, homossexuais, ímpios, incrédulos e de autores de novelas cheias de prostituição e maus exemplos. Precisamos particiapr e convocar nossos conhecidos a tomar parte no maior veículo de comunicação globalizada, chamada Internet. E a porta deste caminho chama-se BLOGS.</span><br />
<br />
<br />
<span style="font-family: verdana;"><span style="color: #cc33cc; font-weight: bold;">Aí está o texto</span> prometido. Dos quatro aspectos abordados, todos são importantes, mas eu creio que a VISÃO é o combustível que pode levar à conquistas de feitos que você ainda nem sequer pensou, mas que estão no coração de Deus a sua espera.</span><br />
<br />
<div style="color: #ff6600; font-weight: bold; text-align: center;">
<span style="color: #3366ff; font-size: 130%;">CONVITE ESPECIAL</span></div>
<br />
<span style="color: #cc33cc; font-family: verdana; font-weight: bold;">Se você </span><span style="font-family: verdana;">exerce liderança em uma Igreja Evangélica, gosta de ensinar ou escrever, e ainda não sabe como publicar DE GRAÇA suas coisas na Internet, quero lhe deixar um convite: Afilie-se na </span><a href="http://ablogsx.ning.com/main/authorization/signUp?" style="color: #000099; font-family: verdana;">ABC - Associação de Blogueiros Cristãos.</a><span style="font-family: verdana;"> Quero compartilhar com você meus seis anos de experiência com publicação de Blogs. Meu interesse é levar o maior número possível de líderes evangélicos a publicar conteúdo cristão na Internet - de graça! Isso mesmo - sem cobrar nada de ninguém por isso. Suba um degrau: de leitor a publicar de conteúdo.</span><br />
<br />
<span style="font-family: verdana;">Quer conhecer meu testemunho? </span><a href="http://www.kruzue.blogspot.com/" style="color: #000099; font-family: verdana;">Quem somos</a><span style="font-family: verdana;">. Quer conhecer um de meus blogs? </span><a href="http://www.olharcristao.blogspot.com/" style="font-family: verdana;"> <span style="color: #000099;">Blog Olhar Cristão</span></a><span style="font-family: verdana;">. Quer ver quantas páginas tenho na busca do Google? </span><a href="http://www.google.com.br/search?q=joao+cruzue&ie=utf-8&oe=utf-8&aq=t&rls=" style="font-family: verdana;"> <span style="color: #000099;">João Cruzué</span></a><span style="font-family: verdana;">. Venho ensinando meus irmãos a blogar desde 2005.</span><br />
<br />
<br />
cruzue@gmail.com<br />
<br />
Obrigado.<br />
<br />
.</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-18580389.post-64175077280697381122012-07-08T12:16:00.003-03:002012-07-08T12:39:26.526-03:00Como alinhar textos em blog cristão.<br />
<br />
<b><span style="color: red;"> AUTOR</span><span style="color: blue;">:</span> </b>João Cruzué<br />
<br />
Tenho recebido emails, perguntando: Irmão João, como você consegue alinhar seus textos?<br />
<br />
Então, vou abordar o assunto de forma completa, usando as quatro formas de alinhamento:<br />
<br />
<div style="text-align: justify;">
<b><i>Importante:</i></b> antes de alinhar o texto, você precisa selecioná-lo. Isto pode ser feito clicando com o mouse no meio do texto e depois selecionando com Ctrl+A.</div>
<br />
Tendo selecionado o texto, você tem quatro formas de alinhamento: <br />
<br />
1. À esquerda.<br />
2. Centralizado.<br />
3. À deireita.<br />
4. Justificado.<br />
<br />
<div style="text-align: center;">
<b style="color: red;">1. À ESQUERDA <span style="color: black;">(PADRÃO)</span></b></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgACmlBdIw3R1Z6Om63FfreBCuu25PH0y9NNnutJAU9qPAHtBFKYj6WpjQs252_xItB_E4J1HQQ4q6XbK72oX7pD7swQ2HDLiSwe0dnCaAC-mISFeNZ5bxCVpXUh_iFu2VspB1mVg/s1600/Esquerda.jpg" style="margin-left: auto; margin-right: auto;"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgACmlBdIw3R1Z6Om63FfreBCuu25PH0y9NNnutJAU9qPAHtBFKYj6WpjQs252_xItB_E4J1HQQ4q6XbK72oX7pD7swQ2HDLiSwe0dnCaAC-mISFeNZ5bxCVpXUh_iFu2VspB1mVg/s640/Esquerda.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Botão de alinhamento de textos à esquerda</td></tr>
</tbody></table>
<br />
<br />
<div style="text-align: center;">
<b><span style="color: red;"> 2. CENTRALIZADO</span></b></div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCWIawkZ6a7ENlt7YPO66aTnJQBKjxpIsFmwuVcPtu9wQED4xCEEdE8IYw0tSBBkfJ9PgS2P6m7mV8DdGlAW-X2J2wFcTVYneazPZnKNbxvCu_D1OLb-8JHywu1vPpkdm3FrvAKQ/s1600/Centralizado.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="371" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCWIawkZ6a7ENlt7YPO66aTnJQBKjxpIsFmwuVcPtu9wQED4xCEEdE8IYw0tSBBkfJ9PgS2P6m7mV8DdGlAW-X2J2wFcTVYneazPZnKNbxvCu_D1OLb-8JHywu1vPpkdm3FrvAKQ/s640/Centralizado.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Texto centralizado.</td></tr>
</tbody></table>
<br />
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b style="color: red;">3. À DIREITA</b></div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Zr3Yhz0X4HULCUnvsduKY4-5Fx-w5lIy7sbb7P4YGqKtrb0pI3BegV1x4c4ESZw1rGY-A2liCphHRKxd6pz_IRoABZ3yzSqmvSHK6wERIloohM3lOJteLVaaLbueN44kfOlANg/s1600/Direta.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="363" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Zr3Yhz0X4HULCUnvsduKY4-5Fx-w5lIy7sbb7P4YGqKtrb0pI3BegV1x4c4ESZw1rGY-A2liCphHRKxd6pz_IRoABZ3yzSqmvSHK6wERIloohM3lOJteLVaaLbueN44kfOlANg/s640/Direta.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Texto alinhbado à direita</td></tr>
</tbody></table>
<br />
<br />
<div class="separator" style="clear: both; color: red; text-align: center;">
<b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgACmlBdIw3R1Z6Om63FfreBCuu25PH0y9NNnutJAU9qPAHtBFKYj6WpjQs252_xItB_E4J1HQQ4q6XbK72oX7pD7swQ2HDLiSwe0dnCaAC-mISFeNZ5bxCVpXUh_iFu2VspB1mVg/s1600/Esquerda.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></b></div>
<div style="color: red; text-align: center;">
<b>4. JUSTIFICADO </b></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHaR6hwvWdOiqqnxDCMTdnN79WTMUKV0A0gm8esYjmR3EPcC2Ztr9AIOdtZVPKOsYFVBL230-HPHrCoYRIv7TKaGhj9Wv2b37qu5Hq5_t8VViY8KwIs1Zy19sbqdz98WyGChtvpg/s1600/Justificado.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHaR6hwvWdOiqqnxDCMTdnN79WTMUKV0A0gm8esYjmR3EPcC2Ztr9AIOdtZVPKOsYFVBL230-HPHrCoYRIv7TKaGhj9Wv2b37qu5Hq5_t8VViY8KwIs1Zy19sbqdz98WyGChtvpg/s640/Justificado.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="color: red;">Texto (do parágrafo) justificado.</span></td></tr>
</tbody></table>
<b>Nota: </b>No texto jusficado, os alinhamentos da esquerda continuam, quando não o texto não ocupa toda a linha. Nos textos de linhas cheias, ele ENCHE os espaços de um canto a outro da linha. Eu ulilizo esta forma de alinhamento em quase todos meus textos. <br />
<br />
Abraço.<br />
<br />
Faça-me uma visitinha: www.olharcristao.blogspot.com<br />
<br />
<br />Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-18580389.post-35812671728476292932012-05-08T22:31:00.001-03:002012-05-08T22:36:00.657-03:00Como personalizar a imagem de fundo dos modelos do Blogger<br />
<br />
João Cruzué<br />
<br />
SP-08.05.2012<br />
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_f8decSii5kjCIKJ8X5LsfagQq6IWA14eJgwuHQxZ-IdrGZtIVG12ihzhIfi5BGqiLQr0NBqTD_fBQCgQZkq6dBPN4RJ7sn6bGjc5Jff0VbCSt7e7Apq0JdpxtS8Ns4IKM35qGg/s1600/T.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="470" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_f8decSii5kjCIKJ8X5LsfagQq6IWA14eJgwuHQxZ-IdrGZtIVG12ihzhIfi5BGqiLQr0NBqTD_fBQCgQZkq6dBPN4RJ7sn6bGjc5Jff0VbCSt7e7Apq0JdpxtS8Ns4IKM35qGg/s400/T.jpg" width="550" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Novo painel do Blogger</td><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
<br />
<br />
OPÇÕES PARA O NOVO PAINEL DO BLOGGER <br />
<br />
1. Abra o painel do seu blog em www.blogger.com<br />
<br />
2. Escolha a opção "design" no menu<br />
<br />
3. Clique em "Personalizar". <br />
<br />
4. Na tela aberta clique em "Plano de fundo"<br />
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMhYxBgbMYKXrqJ1JHXeUKlXmCzdPRskzSM2wWCimeKe8Fbv5_euHKedxRPVR07Sfwj_2PPW5x1q2qf_WBsUwhWZ2d3Y3fDm-9HdeShjML4rrhOVh7_2-viVFuATMNT1mfGUHTog/s1600/y.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="357" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMhYxBgbMYKXrqJ1JHXeUKlXmCzdPRskzSM2wWCimeKe8Fbv5_euHKedxRPVR07Sfwj_2PPW5x1q2qf_WBsUwhWZ2d3Y3fDm-9HdeShjML4rrhOVh7_2-viVFuATMNT1mfGUHTog/s400/y.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Plano de fundo</td></tr>
</tbody></table>
<br />
<br />
5. Na nova Tela clique sobre a Imagem de plano de fundo<br />
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ1cGYjJBPz33baKpBTFp8yJxG_UxQYf9plR5qoeMcYZFF62gzNHM7QTPp9ZYFWe9B1shJ8cTDHKd7Pc2kbKaLnOXzAkt86hOEv3DpxSqSt5BUc6X5xgAwPArlFNRlso4x_c7vSA/s1600/v.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ1cGYjJBPz33baKpBTFp8yJxG_UxQYf9plR5qoeMcYZFF62gzNHM7QTPp9ZYFWe9B1shJ8cTDHKd7Pc2kbKaLnOXzAkt86hOEv3DpxSqSt5BUc6X5xgAwPArlFNRlso4x_c7vSA/s400/v.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Clique sobre a imagem</td></tr>
</tbody></table>
<br />
6. Clique sobre "Fazer upload da imagem"<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW9s5wrsBOKjh8s-EECy0J-syJ4vTKQDd0rKoL701ESV4pi3Ikzk_YduN-aR1xElIWrESZfbPjqMUgBK6OqMf-2BxvulPUdxuGlr_cknv_BT4UVRB6f2ambL3b4YWNf1Rf1U-CjQ/s1600/jo.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="343" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW9s5wrsBOKjh8s-EECy0J-syJ4vTKQDd0rKoL701ESV4pi3Ikzk_YduN-aR1xElIWrESZfbPjqMUgBK6OqMf-2BxvulPUdxuGlr_cknv_BT4UVRB6f2ambL3b4YWNf1Rf1U-CjQ/s400/jo.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Selecionar imagem de plano de fundo</td><td class="tr-caption" style="text-align: center;"></td><td class="tr-caption" style="text-align: center;"></td><td class="tr-caption" style="text-align: center;"></td><td class="tr-caption" style="text-align: center;"></td><td class="tr-caption" style="text-align: center;"></td><td class="tr-caption" style="text-align: center;"></td><td class="tr-caption" style="text-align: center;"></td><td class="tr-caption" style="text-align: center;"></td><td class="tr-caption" style="text-align: center;"><br /></td><td class="tr-caption" style="text-align: center;"><br /></td><td class="tr-caption" style="text-align: center;"><br /></td><td class="tr-caption" style="text-align: center;"><br /></td><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
<br />
<br />
7. Esta foi a imagem que fiz no Jasc Paint Shop Pró para plano de fundo<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixB-rap80ep90IS7avRoHQStGdD1lzubeQBK2DJb78ypE89yoi_sxlEaAcFwd01XA9eD73iGKoV1yx5y0Hz6ilSdU3HJeuzoVla0W7Y9GaT-iJgDmM7_NU0aJZV33FSOX58e7nAA/s1600/x.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixB-rap80ep90IS7avRoHQStGdD1lzubeQBK2DJb78ypE89yoi_sxlEaAcFwd01XA9eD73iGKoV1yx5y0Hz6ilSdU3HJeuzoVla0W7Y9GaT-iJgDmM7_NU0aJZV33FSOX58e7nAA/s400/x.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Plano de fundo</td><td class="tr-caption" style="text-align: center;"><br /></td><td class="tr-caption" style="text-align: center;"><br /></td><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
<br />
<br />
Como fiz esta imagem: Selecionei um quadro cinza de 800 x 800 pixels.<br />
Apliquei o grid (quadriculados).<br />
Printei a imagem. <br />
Colei no Ms-Paint do Windows.<br />
Recortei com a ferramenta<br />
E (neste caso) salvei em "png"<br />
A imagem do plano de fundo tem que ser inferior a 300kb.<br />
No exemplo ela tem menos de 10kb - mesmo em "Png"<br />
<br />
<br />
OUTRAS INFORMAÇÕES:<br />
<br />
Na primeira figura:<br />
No "B" do quadrinho laranja, você acessa todos seus blogs<br />
Em "Layout" acessa o Cabeçalho e os gadgets da barra lateral.<br />
<br />
<br />
Espero ter sido útil.<br />
<br />
<br />
Fui!<br />
<br />
<br />
.<br />
<br />
<br />
<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-18580389.post-88111200341889338242011-11-14T23:44:00.001-02:002012-11-16T22:12:26.272-02:00Como criar um blog evangélico gratuito no Google<div style="text-align: center;">
<br />
<br />
<span style="color: #333333; font-size: 130%;">Blogando de graça o Evangelho por todo mundo</span><br />
<br /></div>
<br />
<div style="text-align: center;">
<div style="text-align: left;">
<span style="color: #cc6600; font-size: 130%; font-style: italic; font-weight: bold;">Dicas de João Cruzué</span></div>
<span style="font-size: 130%; font-weight: bold;"><br /></span>
<div style="text-align: left;">
Olá!<br />
<br />
<div style="text-align: justify;">
Se você está procurando por dicas para começar um blog evangélico de forma gratuita, veio ao lugar certo. Há mais de seis anos comecei a blogar conteúdo cristão. Ainda estou aprendendo, mas sem esquecer de compartilhar o conhecimento adquirido. Printei algumas fotos em sequência, para que você possa clicar nelas e dar seus primeiros passos. Crie um blog para a glória de Cristo. Tenho outras dicas em <a href="http://www.cursodb.blogspot.com/">www.cursodb.blogspot.com</a> e em <a href="http://www.comoblogar.blogspot.com/">www.comoblogar.blogspot.com</a><br />
<br /></div>
<span style="font-size: 130%; font-weight: bold;"><br /></span>
<div style="text-align: center;">
<span style="color: red; font-size: 130%; font-weight: bold;">PASSO 1</span><br />
<br />
<span style="color: #333333;">Crie uma conta de email no Google</span><span style="color: #996633;"><span style="color: #333333;"> em:</span> <span style="color: #3333ff;"><a href="http://www.gmail.com%3c/font%3E%3C/font%3E"><span style="color: #996633;"><span style="color: #3333ff;">www.gmail.com</span></span></a><br /></span></span></div>
</div>
<span style="color: #996633;"><span style="color: #3333ff;"><a href="http://www.flickr.com/photos/14940431@N03/6340357027/" title="g1 por cruzue, no Flickr"><img alt="g1" src="http://farm7.static.flickr.com/6102/6340357027_fa5afcf8fa_b.jpg" style="height: 438px; width: 500px;" /></a><br /><span style="text-decoration: underline;"><a href="http://www.flickr.com/photos/14940431@N03/6341106528/" title="g2 por cruzue, no Flickr"><img alt="g2" src="http://farm7.static.flickr.com/6211/6341106528_24294623ce.jpg" style="height: 353px; width: 510px;" /></a></span></span></span><br />
<div style="text-align: center;">
<span style="color: #996633;"><span style="color: #3333ff;"><br /></span></span>
<span style="color: #996633;"><span style="color: #3333ff;"><span style="color: red; font-size: 130%;"><span style="font-weight: bold;"><br />PASSO 2</span></span></span></span><br />
<span style="color: #996633;"><span style="color: #3333ff;"><br /></span></span>
<span style="color: #996633;"><span style="color: #3333ff;"><span style="color: #333333;">Criar o blog gratuito no Google em</span>:<span style="color: #3333ff;"> <a href="http://www.blogger.com/" style="color: #3333ff;">www.blogger.com</a></span></span></span><br />
<span style="color: #996633;"><span style="color: #3333ff;"><span style="color: #333333;">use a mesma senha do email para entrar no blog.</span></span></span><br />
<span style="color: #996633;"><span style="color: #3333ff;"><br /></span></span>
<span style="color: #996633;"><span style="color: #3333ff;"><a href="http://www.flickr.com/photos/14940431@N03/6340357361/" title="g3 por cruzue, no Flickr"><img alt="g3" height="250" src="http://farm7.static.flickr.com/6233/6340357361_9346e1c1be.jpg" width="500" /></a></span></span></div>
<span style="color: #996633;"><span style="color: #3333ff;"><br /><span style="text-decoration: underline;"><a href="http://www.flickr.com/photos/14940431@N03/6340357505/" title="g4 por cruzue, no Flickr"><img alt="g4" height="353" src="http://farm7.static.flickr.com/6036/6340357505_79e12bb996.jpg" width="500" /></a></span><br /><span style="text-decoration: underline;"><br /><a href="http://www.flickr.com/photos/14940431@N03/6340357697/" title="g5 por cruzue, no Flickr"><img alt="g5" height="346" src="http://farm7.static.flickr.com/6092/6340357697_5d158b0081.jpg" width="500" /></a><br /><br /></span><span style="text-decoration: underline;"><a href="http://www.flickr.com/photos/14940431@N03/6341107192/" title="g6 por cruzue, no Flickr"><img alt="g6" height="320" src="http://farm7.static.flickr.com/6107/6341107192_13e3d6f591.jpg" width="500" /></a><br /></span><br /><div style="text-align: center;">
<span style="color: red; font-size: 130%; font-weight: bold;">PASSO 3</span><br />
<br />
<span style="color: #333333;">Escolher o modelo para configurar seu blog.</span><br />
<span style="color: #333333;">Minha sugestão: o último modelo "viagem" é o mais completo.</span><br />
<br />
<a href="http://www.flickr.com/photos/14940431@N03/6340357871/" title="g7 por cruzue, no Flickr"><img alt="g7" height="201" src="http://farm7.static.flickr.com/6232/6340357871_fb236e7309.jpg" width="500" /></a></div>
<br /><br /><a href="http://www.flickr.com/photos/14940431@N03/6340357983/" title="g8 por cruzue, no Flickr"><img alt="g8" height="258" src="http://farm7.static.flickr.com/6032/6340357983_2c23aa6f36.jpg" width="500" /></a><br /><br /><br /><div style="text-align: center;">
<span style="color: red; font-size: 130%; font-weight: bold;">PASSO 4</span><br />
<br />
<span style="color: #333333;">Ajustar as larguras em "Designer do Blog" Ajustar larguras</span><br />
<br /></div>
<span style="text-decoration: underline;"><a href="http://www.flickr.com/photos/14940431@N03/6340358139/" title="g9 por cruzue, no Flickr"><img alt="g9" height="239" src="http://farm7.static.flickr.com/6098/6340358139_0aec01fdc4.jpg" width="500" /></a><br /><br /></span><div style="text-align: center;">
<span style="color: red; font-size: 130%; font-weight: bold;">PASSO 5</span><br />
<br />
<span style="color: #333333;">COLOCAR O BANNER/CABEÇALHO DO BLOG</span><br />
<span style="color: #333333;">Eu uso dois programas para criar um banner: Paint e Jasc Paint Shop Pró</span><br />
<br />
<a href="http://www.flickr.com/photos/14940431@N03/6340358253/" title="g10 por cruzue, no Flickr"><img alt="g10" height="334" src="http://farm7.static.flickr.com/6040/6340358253_5d03cf19dd.jpg" width="500" /></a><br />
<br />
<br />
<a href="http://www.flickr.com/photos/14940431@N03/6341107686/" title="g11 por cruzue, no Flickr"><img alt="g11" src="http://farm7.static.flickr.com/6096/6341107686_2db7bd23c7.jpg" style="height: 503px; width: 452px;" /></a><br />
<br /></div>
<br /><br /><div style="text-align: center;">
<span style="color: red; font-size: 130%; font-weight: bold;">O RESULTADO</span><br />
<br />
<span style="color: #333333;">Confira aqui:</span> <a href="http://www.regdei.blogspot.com/" style="color: #3333ff;">www.regdei.blogspot.com</a></div>
<br /><br /><span style="text-decoration: underline;"><a href="http://www.regdei.blogspot.com/" title="g12 por cruzue,"></a><a href="http://www.regdei.blogspot.com/" title="visite o resultado, por cruzue, "><img alt="g12" height="211" src="http://farm7.static.flickr.com/6044/6341107994_c047f922da_z.jpg" width="640" /></a></span><span style="color: #333333;"><br />Tempo gasto: 60 minutos</span><br /><br /><span style="color: #cc0000;">A paz de Cristo</span><br /><br />cruzue@gmail.com<br /><br /><br /><br /><br /><br />.</span></span></div>
Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-18580389.post-28857445740193704102011-09-04T11:25:00.009-03:002012-11-16T22:12:39.802-02:00Como obter parágrafos em postagens<span style="color: #000099;">.</span>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0emm2VSdcnEh2b0Q-zc0xxtAhNPKsjB5EmjkMC4HRBkuZ5NxOZAWMhdIJUJmzi1lVj4HWKDBkLRH7TUo8Smcn-PHxRJubUmRnTXxwG55uaqKfi22W9wycLUtbNqU9N7gHPxI5Bg/s1600/Potes.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}">
</a><span style="font-size: 130%;">Dicas de João Cruzué*
<br />
</span>
<br />
<span style="font-size: 130%;">Olá!</span>
<br />
<br />
<span style="font-size: 130%;"><span style="color: #ff6600; font-family: verdana; font-weight: bold;">Observe este texto:</span></span>
<br />
<br />
<div style="text-align: justify;">
<span style="font-size: 130%;">Hoje é quatro de setembro; faltam 19 dias para o início da primavera austral. Pela janela, a luz do sol ilumina as paredes das casas e um pé de flamboyant se prepara para a mudança de estação. </span>
</div>
<br />
<br />
<br />
<span style="color: #ff6600; font-family: verdana; font-weight: bold;">Agora observe o mesmo texto com o parágrafo:</span>
<br />
<br />
<div style="text-align: justify;">
<span style="font-size: 130%;"><span style="color: #000099;">...........</span>Hoje é quatro de setembro; faltam 19 dias para o início da primavera austral. Pela janela, a luz do sol ilumina as paredes das casas e um pé de flamboyant se prepara para a mudança de estação. </span>
</div>
<br />
<br />
<br />
<span style="color: #ff6600; font-family: verdana; font-weight: bold;">Como foi que eu fiz?</span>
<br />
<br />
<span style="font-family: verdana; font-style: italic;">Simples, coloquei os pontinhos e depois troquei a cor deles pela cor de fundo (background) da caixa de postagem</span>.
<br />
<br />
<div style="text-align: justify;">
<span style="font-size: 130%;"><span style="color: white;">...........</span>Hoje é quatro de setembro; faltam 19 dias para o início da primavera austral. Pela janela, a luz do sol ilumina as paredes das casas e um pé de flamboyant se prepara para a mudança de estação. </span>
</div>
<br />
<br />
<span style="font-size: 78%;">João Cruzué é gestor da </span><span style="font-size: 78%;"><a href="http://blogueiroscristaos.blogspot.com/">Associação de Blogueiros Cristãos</a> e editor do Blog <a href="http://olharctristao.blogspot.com/">Olhar Cristão</a> .</span>
<br />
<br />
<br />
<br />
<br />
<span style="color: black;">.</span>
<br />
<br />Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-18580389.post-39917656465144733322011-05-08T22:47:00.007-03:002012-11-16T22:12:55.299-02:00Como hospedar fotos no Flickr<span style="color: #cc6600; font-weight: bold;">Por João Cruzué</span><br />
<br />
<a href="http://olharcristao.blogspot.com/" style="color: #3333ff;">Blog Olhar Cristão</a><br />
<br />
<div style="text-align: justify;">
Se você tem a caixa de textos aumentada, e deseja colocar fotos/imagens/tabelas de tamanhos maiores que os recursos que o Blogger disponibiliza para você, uma alternativa excelente é hospedá-las no <a href="http://www.flickr.com/" style="color: #3333ff;">www.flickr.com</a>.<br />
<br />
Para ser usuário, basta ter uma conta de email no <a href="http://br.yahoo.com/"> <span style="color: #3333ff;">www.yahoo.com.br</span></a>.<br />
<br />
Uma vez sendo usuário do yahoo, você pode fazer upload de suas coisas no <a href="http://www.flickr.com/photos/upload/" style="color: #3333ff;">Flickr - Upload</a>.<br />
<br />
Depois de ter feito isso, você clica na foto/tabela/imagem hospedada. Vai abrir um menu igual ao que esta na figura. Em seguida, você clica na caixinha de seleção apontada pela seta indicativa verde. e aguarda.<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBAUu72qRKt9woPm7eLOBsmmmXDQl58aSODBL1mJrSNtIVZal69krX705UkRt0KNoZSyQGOxGODmNl1GFgQnvGsoRWXQGpEBlziHnLW7VCf26yBctdvv6f2Wo6v8i3bDIni1uUyg/s1600/Flickr.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5604530597476267490" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBAUu72qRKt9woPm7eLOBsmmmXDQl58aSODBL1mJrSNtIVZal69krX705UkRt0KNoZSyQGOxGODmNl1GFgQnvGsoRWXQGpEBlziHnLW7VCf26yBctdvv6f2Wo6v8i3bDIni1uUyg/s400/Flickr.JPG" style="cursor: hand; cursor: pointer; display: block; height: 400px; margin: 0px auto 10px; text-align: center; width: 325px;" /></a><br />
Vai abrir uma caixa cheia de linhas igual a que está em baixo. Se clicar com o mouse no meio delas, (seleção) vão ficar "<span style="font-weight: bold;">azuis</span>" - igual acontece na figura abaixo.<br />
<br />
Antes de copiar veja as medidas lá embaixo as definiçoes "médio 640" Os tamanhos são acessados clicando na caixa de seleção, logo acima de HTML e BBCode. Começa com 75 x 75 que é o tamanho pequeno e termina no tamanho real da figura. é HTML.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIHIsHyRWsoaRQAEI1wO1yklyD8CJiw3Wu3t1j-gHSg6ulE_plX7rpf7tb5ROeYNiOuXA2T5u05aRbd9UDn5h8NVRPE6eCOabHfxlT8x1ckQ6L_rvmeTZXXMSY0fSIu-xSrRnEdw/s1600/UP2.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5604531636413533698" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIHIsHyRWsoaRQAEI1wO1yklyD8CJiw3Wu3t1j-gHSg6ulE_plX7rpf7tb5ROeYNiOuXA2T5u05aRbd9UDn5h8NVRPE6eCOabHfxlT8x1ckQ6L_rvmeTZXXMSY0fSIu-xSrRnEdw/s400/UP2.jpg" style="cursor: hand; cursor: pointer; display: block; height: 400px; margin: 0px auto 10px; text-align: center; width: 321px;" /></a><br />
Então eu copio estas linhas (Copiar ou ctrl + c) e colo direto na postagem que desejo ilustrar.<br />
<br />
Como vou fazer abaixo. Veja como o tamanho é muito maior que as hospedages do Blogger. Depois de copiadas dentro da postagem do seu blog, esse tamanho pode ser dimuído. Se seu navegador for o Firefox (Mozila) como o meu, é só clicar nos cantos da foto (na caixa de postagem) vai ver que a figura pode ser encolhida.<br />
<br />
<div style="text-align: center;">
<span style="text-decoration: underline;"><a href="http://olharcristao.blogspot.com/" title="Blog Olhar Cristao"><img alt="km6" src="http://farm6.static.flickr.com/5065/5671432172_bae88553c6_z.jpg" style="height: 401px; width: 559px;" /></a></span></div>
<br />
<div style="text-align: center;">
<span style="font-size: 85%;">Kate Middleton e seu vestido de noiva.</span><br />
<br />
<br />
<div style="text-align: justify;">
Se você colocar outro endereço na primeira linha onde aparece o direcionamento para o flickr, então se alguém clicar sobre a foto, vai acessar o endereço colocado. Experimente então para ver, <span style="color: #ff6600; font-weight: bold;">clicando nesta foto</span>. Vai abrir uma página do <span style="color: #ff6600; font-weight: bold;">meu blog principal</span>. Isto é importante dizer, porque além de hospedar uma foto grande, você também pode fazer redirecionamentos para onde quiser.</div>
<br />
<div style="text-align: left;">
<br />
<br />
Não esqueça de me visitar.<br />
<br />
João Cruzué/Blog Olhar Cristão.<br />
<br />
cruzue@gmail.com<br />
<br />
<br />
<br />
<br />
.</div>
<br />
<br />
<br />
.</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-18580389.post-503448554483148452011-03-20T10:03:00.008-03:002012-11-16T22:13:32.755-02:00O Cabeçalho dos Blogs<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDbBKFp84zLSlmiDdM2v-BbiEXEGTP4ylrpcIpGPHbW1WjXhCoxNuOyozgV5Zvvjfrie-kEvIGwJCQgTgm96ZVIb2RVXjzFHWpHIdysV21CweXrrdEdMC2EyINb9kUAcXMyYcMtA/s1600/Head.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><br /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju8Wkv10-e9z-d-EnMAOyYx6RVAMy9sQI223LnkStgTbcXXwQ2Fn7B4rbeicyeFFZMZ4phXCE7gI_gj7RS7DF1VD795MdlekQdJqdeGUfXHmyC4AgkL5VPskE2vOEODRY3FUNOyw/s1600/Cab.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><br /></a>
<br />
<div style="text-align: center;">
<span style="color: white;">.</span></div>
<div style="text-align: center;">
<span style="color: #996633; font-style: italic; font-weight: bold;">BLOGGER DO GOOGLE</span></div>
<span style="color: white;">.</span><br />
Por João Cruzué<br />
<a href="http://blogueiroscristaos.blogspot.com/" style="font-style: italic;"> <span style="color: #3333ff;">Associação Blogueiros Cristãos</span></a><br />
<br />
<div style="text-align: justify;">
<span style="color: #996633; font-weight: bold;">A -</span> O cabeçalho de um blog ("Header" em HMTL) é aquele título que fica na <span style="font-weight: bold;">parte superior</span> do seu blog. Veja exemplo na figura abaixo:</div>
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH3drkln-JOO9wmMfSr0VedKY9eaQiH_hRYceAgrG6e_S_FvlXB98lvNjLTI0q-nRcIxIHs3IXdt-KoEaL_tmjEPsQQN4TD7mChAmZ_EIElOYL1EDCtZLuceKtq36CfYTe4dKQ6w/s1600/abc.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5586149429209206402" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH3drkln-JOO9wmMfSr0VedKY9eaQiH_hRYceAgrG6e_S_FvlXB98lvNjLTI0q-nRcIxIHs3IXdt-KoEaL_tmjEPsQQN4TD7mChAmZ_EIElOYL1EDCtZLuceKtq36CfYTe4dKQ6w/s400/abc.jpg" style="cursor: pointer; display: block; height: 182px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a>Cabeçalho da <a href="http://www.blogger.com/http//blogueiroscristaos.blogspot.com">Associação de Blogueiros Cristãos</a></div>
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRqrHY0SRv6rfJ0STDqw4jNLRvF4rCHa54IDgoY8PPSCR71QRFh07-8W_quvpt7SzgsZ6vtRNPXOHQX3Q_dI4jEsZ4RyuCi9yIhFVht2YD7WTXYGvjfwczJ-tE4j72nwTa9H5V_Q/s1600/Header.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5586148348449974098" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRqrHY0SRv6rfJ0STDqw4jNLRvF4rCHa54IDgoY8PPSCR71QRFh07-8W_quvpt7SzgsZ6vtRNPXOHQX3Q_dI4jEsZ4RyuCi9yIhFVht2YD7WTXYGvjfwczJ-tE4j72nwTa9H5V_Q/s400/Header.jpg" style="cursor: pointer; display: block; height: 108px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a>Cabeçalho ou Header do <a href="http://olharcristao.blogspot.com/" style="color: #3333ff;">Blog olhar Cristão</a><br />
<br /></div>
<br />
<div style="text-align: left;">
<div style="text-align: justify;">
<span style="color: #996633; font-weight: bold;">B -</span> Você consegue acessar o cabeçalho a partir de DESIGN no painel do seu blog. Em algumas configurações de blogs não aparece o título CABEÇALHO. Mas ele é bem fácil de ser encontrado: fica logo <span style="color: red; font-weight: bold;">abaixo</span> do 2º menu, onde aparece o nome do seu Blog, como está indicado na figura, <span style="color: red;"><span style="color: black;">clicando em </span><span style="font-weight: bold;">Editar</span></span>:</div>
<br />
<br /></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju8Wkv10-e9z-d-EnMAOyYx6RVAMy9sQI223LnkStgTbcXXwQ2Fn7B4rbeicyeFFZMZ4phXCE7gI_gj7RS7DF1VD795MdlekQdJqdeGUfXHmyC4AgkL5VPskE2vOEODRY3FUNOyw/s1600/Cab.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5586152305320619986" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju8Wkv10-e9z-d-EnMAOyYx6RVAMy9sQI223LnkStgTbcXXwQ2Fn7B4rbeicyeFFZMZ4phXCE7gI_gj7RS7DF1VD795MdlekQdJqdeGUfXHmyC4AgkL5VPskE2vOEODRY3FUNOyw/s400/Cab.jpg" style="cursor: pointer; display: block; height: 175px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a><br />
<span style="color: #996633; font-weight: bold;">C - </span>Quando você clica no menu <span style="color: #3366ff; font-weight: bold;">Editar</span> da figura acima, a tela de configuração do Cabeçalh do seu blog vai se abrir. Ali você mudar tanto o título do blog, quanto a imagem onde ele aparece, também conhecida por Banner. Veja na figura 3:<br />
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDbBKFp84zLSlmiDdM2v-BbiEXEGTP4ylrpcIpGPHbW1WjXhCoxNuOyozgV5Zvvjfrie-kEvIGwJCQgTgm96ZVIb2RVXjzFHWpHIdysV21CweXrrdEdMC2EyINb9kUAcXMyYcMtA/s1600/Head.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5586155021270808530" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDbBKFp84zLSlmiDdM2v-BbiEXEGTP4ylrpcIpGPHbW1WjXhCoxNuOyozgV5Zvvjfrie-kEvIGwJCQgTgm96ZVIb2RVXjzFHWpHIdysV21CweXrrdEdMC2EyINb9kUAcXMyYcMtA/s400/Head.jpg" style="cursor: pointer; display: block; height: 400px; margin: 0px auto 10px; text-align: center; width: 321px;" /></a><span style="font-size: 78%;">Figura 3</span></div>
<div style="text-align: justify;">
<br />
Outras dicas: para ajustar o banner onde fica o título do Seu blog é preciso conhecer exatamente seu tamanho. Se você clicar com o mouse sobre o banner antigo (botão direito do mouse), copiar a imagem e depois colocá-la no programa paint do Windows (Iniciar/todos programas/acessórios/paint) vai descobrir, de uma forma bem simples, quais são suasdimensões para largura e comprimento. O outro banner deve ter as mesmas dimensões.<br />
<br />
Como o programa "Paint" é insuficiente confeccionar um banner com mais qualidade que o antigo, no meu caso particular, venho usando o JASC-Paint Shop Pró. Com os dois programas: Paint e Jasc venho editando figuras, fotos, desenhos há mais de três anos. É leve, simples e muito rápido. Melhor que ele, certamente, o Corel, Photoshop, etc.<br />
<br />
É isso. Há quatro anos venho compartilhando os conhecimentos adquiridos com você. Embora eu seja cristão, não tenho feito restrições ao uso das dicas deste blog, embora o público alvo dele seja blogueiros cristãos - independentemente de denominações e doutrina.<br />
<br />
<br />
<div style="text-align: center;">
<br />
<span style="font-size: 78%;">João Batista Cruzué</span><br />
<span style="font-size: 78%;">Gestor da Associação de Blogueiros Cristãos</span><br />
<span style="font-size: 78%;">Editor do Blog Olhar Cristão</span><br />
<span style="font-size: 78%;">cruzue@gmail.com</span><br />
<br />
<br />
<br /></div>
</div>
Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-18580389.post-75097358047620088292010-09-18T18:24:00.007-03:002011-05-08T22:38:07.828-03:00Como ajustar a largura dos novos modelos Blogger<div style="text-align: center;"><br /><div style="text-align: left;">Por João Cruzué<br /><br /><div style="text-align: justify;">As larguras dos modelos antigos do Blogger estavam espalhadas no CSS - com acesso em Editar Hmtl. Eu estava fazendo um <span style="font-style: italic;">update</span> de alguns pequenos blogs meus, experimentando, antes de mudar o maior deles. Ainda estou em fase de pesquisas, mais o que descobri hoje posso compartilhar. O modelo experimentado é o "Travel".<br /></div></div><br /><div style="text-align: center;"><br /><div style="text-align: justify;">Olhe as figuras abaixo:<br /><br />1) para ajustar a largura ao Banner (Cabeçalho) do seu blog, é só deslizar o botão da primeira barra até que a visualização fique perfeita.<br /></div></div><br /><a href="http://s584.photobucket.com/albums/ss281/ubc777/?action=view&current=t2.jpg" target="_blank"><img style="width: 562px; height: 211px;" src="http://i584.photobucket.com/albums/ss281/ubc777/t2.jpg" alt="Blogger" border="0" /></a><br /><br /><br /><div style="text-align: left;">2) Para ajustar o box lateral (Sidebar) o procedimento é feito na segunda barra.<br /></div><br /><br /><div style="text-align: left;">3) E agora, onde fica o ajuste da largura da caixa de postagens?<br /></div></div><div style="text-align: center; color: rgb(255, 255, 255);">.<br /></div><div style="text-align: center;"><a href="http://s584.photobucket.com/albums/ss281/ubc777/?action=view&current=Travel.jpg" target="_blank"><img style="width: 563px; height: 374px;" src="http://i584.photobucket.com/albums/ss281/ubc777/Travel.jpg" alt="Blogger" border="0" /></a><br /></div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiygzcbtdrdgjES3bZkyYAQ-IVqJpt5odWDEgqePE1ziAcxZHYKuyl6oa-pMluKOxoLP8spUIC7916rRHHy75DyEYpGQW5NnEybYAEIp2I_h1iJpN_FE2O5rakRwyKx0pBEILmwTA/s1600/Travel.jpg"><br /></a><div style="text-align: center;"><br /><div style="text-align: left;"> Observe a linha de medidas onde aparece "260px". Ela normalmente vem com "360px". Esta medida afeta, tanto a largura da Caixa de postagens (main) quanto a do box lateral (sidebar).<br /><br /><div style="text-align: justify;">Se você reduzir os 360 para 260px, como fiz acima, vai aumentar a largura da caixa de postagens ao mesmo tempo que a largura do box lateral (sidebar) vai se reduzir.<br /><br />Resumindo: nestas linhas de CSS também estão o controle das medidas do (novo) modelo "Travel" do Blogger. O acesso a elas fica em "Editar Html" e as configurações da figura ficam logo abaixo das linhas de CSS do "Footer".<br /></div><br /><br /><br />Visite meu blog: <a style="color: rgb(51, 102, 255);" href="http://olharcristao.blogspot.com/">Olhar Cristão</a> , eu também preciso de amigos. He he he!<br /><br /><br /><br /><br /><span style="color: rgb(255, 255, 255);">.</span><br /></div></div>Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-18580389.post-9529948789153718512010-08-29T23:26:00.007-03:002010-08-30T00:11:11.113-03:00Como tornar + rápida a navegação do seu Blogspot<span style="color: rgb(255, 255, 255);">.</span><br /><br />Por João Cruzué<br /><br />Olá amigos. A Paz de Cristo.<br /><br /><div style="text-align: justify;">A maioria dos que atualizaram os modelos do Blogspot pela sugestão do<span style="font-weight: bold; color: rgb(255, 102, 0);"> <span style="color: rgb(0, 0, 153);">novo </span>design</span>, enfrentaram problemas de lentidão, na navegação das páginas dos Blogs. Creio que o Google deve ter imaginado que todos nós temos computadores com processadores e sistema operacional de última geração.<br /><br />Eu simplesmente não consigo mais navegar nos blogs que implementei esta mudança. A mesma coisa aconteceu quando visitei blogs de outros colegas.<br /><br />Eu resolvi o problema da seguinte forma: troquei o novo modelo do Blogger por um template baixado deste site: <a href="http://www.blogger.com/-" style="font-weight: bold; color: rgb(51, 102, 255);">www.btemplate.com. </a><br /><br /><br /><span style="font-weight: bold; color: rgb(255, 102, 0);">SUGESTÕES:</span><br /><br />a) Você faz o download do modelo na área de trabalho (desktop) do seu computador.<br /><br />b) Depois clica com o botão direito e seleciona a opção "explorar".<br /><br />c) Vai abrir o arquivo zipado. Dentro, você copia a pasta do modelo e cola na área de trabalho.<br /><br /><span style="font-weight: bold; color: rgb(255, 102, 0);"></span><br /><br /><span style="font-weight: bold; color: rgb(255, 102, 0);">Agora vamos ao processo de instalar o noVo template (modelo)</span><br /><br /><br />a) Entre do painel do seu blog, clique em "design".<br /><br />b) Depois em "Editar Html".<br /><br />c) Clique em "Selecionar arquivo" - vai abrir os locais de seu computador<br /><br />d) Direcione para "Área de Trabalho" ou "Desktop".<br /><br />e) Localize a pasta que você colou , dentro dela clique no arquivo "xml".<br /><br />f) Feito isso, clique em "Fazer Upload.<br /><br />g) Salve com a opção "manter os Widgets" do seu Blog.<br /><br /><br /><span style="color: rgb(255, 102, 0);"><span style="font-weight: bold;">Resultado:</span> garanto que a velocidade de abertura das páginas de seu blog vão melhorar.</span><br /><br /><br />Mais uma dica: Às vezes a velocidade de navegação de um blog aumenta quando você clique em "Configurações", depois em Formatação, e alterar o número de "Mostra no máximo "tantas" postagens na página principal. A velocidade diminui com o aumento das postagens na página principal. Eu tenho usado 03.<br /><br /><br />Abraço.<br /><br /><span style="font-size:85%;">Visite meu blog: <a style="color: rgb(51, 102, 255);" href="http://www.blogger.com/-">Olhar Cristão</a><br />Faça parte da Associação de Blogueiros Cristãos. aqui: <a style="color: rgb(0, 0, 153);" href="http://ablogsx.ning.com/main/authorization/signUp?">Associe-se</a></span><br /><br /></div><br /><span style="font-size:85%;">Irmão João Cruzué<br />Salvo por Cristo,<br />Congregação: Igreja Ev. Assembléia de Deus.<br /></span><br /><br /><br /><span style="color: rgb(255, 255, 255);">.</span>Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-18580389.post-62919024024367934912010-06-26T01:55:00.002-03:002012-11-16T22:14:03.497-02:00Os novos modelos e design do Blogger<span style="color: #ff6600; font-style: italic; font-weight: bold;"><br /><span style="color: #333333;">Por João Cruzué</span></span>/ do Blog <a href="http://www.olharcristao.blogspot.com/" style="color: #3333ff;">Olhar Cristão</a><br />
<br />
<div style="text-align: justify;">
<span style="font-weight: bold;">Estive</span> analisando, de forma rápida, os novos modelos e o menu "<span style="font-weight: bold;">design</span>" do Blogger. Percebi que certas coisas que passei anos para entender para mudar por conta própira, agora estão disponíveis no Blogspot. Já é possivel aumentar as larguras, mudar a cor de fundo, escolher entre uma ou duas barras laterais, etc.<br />
<br />
<span style="font-weight: bold;">Uma coisa</span> é muito importante quando o assunto é fazer mudanças no seu Blog. Se você quiser experimentar primeiro, para depois implementar as mudanças, siga o caminho mais seguro: 1) crie um blog de testes; 2) Em Editar HTML, copie toda página de configurações do seu blog principal e salve no bloco de textos. Agora venha comigo, para dar uma olhada nas novidades. </div>
<br />
<div style="text-align: center;">
<br />
<div style="text-align: center;">
<span style="font-weight: bold;">A figura abaixo é o Painel do Blogger. </span><br />
Estou usando como exemplo o Blog de testes <a href="http://www.newsjoao.blogspot.com/" style="color: #3333ff;">João Cruzue</a></div>
<br />
<br />
<div style="text-align: left;">
<div style="text-align: center;">
<span style="color: #ff6600; font-size: 78%;">Prints de João Cruzué</span><br />
<br />
<span style="color: #ff6600; font-size: 78%;">Prints de João Cruzué</span><br />
<br />
<a href="http://s584.photobucket.com/albums/ss281/ubc777/?action=view&current=Bg7.jpg" target="_blank"><img alt="New Blogger" border="0" src="http://i584.photobucket.com/albums/ss281/ubc777/Bg7.jpg" style="height: 243px; width: 481px;" /></a><br />
<span style="color: red; font-size: 85%; font-weight: bold;">Figura 1</span><br />
<br /></div>
<div style="text-align: justify;">
<span style="color: red; font-weight: bold;">PRIMEIRO PASSO: </span><span style="color: black;">Para escolher/mudar o <span style="font-weight: bold;">Modelo</span>, Layout, Cabeçalho/Banner HTML, CSS e outros, </span><span style="color: black;"> </span>no <span style="font-weight: bold;"> </span><span style="font-weight: bold;">painel</span><span style="font-weight: bold;"> do Bloger</span> você clica em "<span style="color: black; font-weight: bold;">Design</span>". Observe bem a figura acima.</div>
<br />
<br />
<div style="text-align: center;">
<a href="http://s584.photobucket.com/albums/ss281/ubc777/?action=view&current=Bg2.jpg" target="_blank"><img alt="New Blogger 2" border="0" src="http://i584.photobucket.com/albums/ss281/ubc777/Bg2.jpg" style="height: 215px; width: 483px;" /></a></div>
</div>
<span style="color: red; font-size: 85%; font-weight: bold;">Figura 2</span><br />
<br /></div>
<div style="text-align: left;">
<span style="color: red; font-weight: bold;"><br />SEGUNDO PASSO: </span><span style="color: black;">No menu</span><span style="font-weight: bold;"> Desig</span>n, você seleciona "<span style="font-weight: bold;">Designer do modelo</span>". Ao fazer isso, você acessa o painel abaixo, onde pode mudar <span style="font-weight: bold;">Modelos</span>, <span style="font-weight: bold;">Plano de Fundo</span>, <span style="font-weight: bold;">Layout</span> (larguras) e <span style="font-weight: bold;">Avançado</span>.</div>
<div style="color: red; text-align: center;">
<br /></div>
<br />
<div style="text-align: center;">
<span style="text-decoration: underline;"><a href="http://s584.photobucket.com/albums/ss281/ubc777/?action=view&current=bgx.jpg" target="_blank"><img alt="New Blogger" border="0" src="http://i584.photobucket.com/albums/ss281/ubc777/bgx.jpg" /></a></span><br />
<span style="color: red; font-size: 85%; font-weight: bold;">Figura 3</span><br />
<div style="text-align: left;">
<span style="color: red; font-weight: bold;"><br /><br />TERCEIRO PASSO</span>: Sempre que precisar salvar alguma mudança, clique em <span style="font-weight: bold;">APLICAR AO BLOG</span>. A figura abaixo, é a metade da esquerda da figura acima. Para tornar acessar o menu da figura 2, clique em "<span style="font-weight: bold;">Voltar para o Blogger</span>". Para ver as mudanças: "<span style="font-weight: bold;">Visualizar blog</span>".</div>
<br />
<br />
<a href="http://s584.photobucket.com/albums/ss281/ubc777/?action=view&current=Bg4.jpg" target="_blank"><img alt="New Blogger 4" border="0" src="http://i584.photobucket.com/albums/ss281/ubc777/Bg4.jpg" /></a><br />
<span style="color: red; font-size: 85%; font-weight: bold;">Figura 4</span><br />
<div style="text-align: left;">
<br />
<span style="font-size: 130%;"><br /></span><br />
<div style="text-align: center;">
<span style="color: black; font-size: 130%; font-weight: bold;">Clique nas próximas figuras para ampliar e analisar.</span><br />
<br />
<br /></div>
<div style="text-align: center;">
<span style="color: red; font-weight: bold;">O PLANO DE FUNDO</span><span style="font-weight: bold;"> DA FIGURA 3</span><br />
<span style="font-size: 85%; font-weight: bold;">As opções de cores já previamente testadas estão à sua disposição</span><br />
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhisuw_haPiXn4-F9vyjBsNqKWoQtWA4uMgZDKA2IKzBt_tlkejE1pEbStyNbuQ4WeF0vghfWMF7VB_3tOSrlHjYC8NWAmInJ8V-3kM9sYKMbedSd_WXnjiHbmfWkEu9BqNv_9s3Q/s1600/Bg5.JPG" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5486929544947830930" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhisuw_haPiXn4-F9vyjBsNqKWoQtWA4uMgZDKA2IKzBt_tlkejE1pEbStyNbuQ4WeF0vghfWMF7VB_3tOSrlHjYC8NWAmInJ8V-3kM9sYKMbedSd_WXnjiHbmfWkEu9BqNv_9s3Q/s400/Bg5.JPG" style="cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a><span style="color: red; font-size: 85%; font-weight: bold;">Figura 5</span></div>
<br />
<br />
<div style="font-weight: bold; text-align: center;">
<span style="color: red;">O LAYOUT </span>- Figura Abaixo.<br />
<br />
<span style="font-size: 85%;">1 - Você pode ajustar o CORPO, formado pela Caixa de textos e Barra(s) lateral(is)</span><br />
<br />
<span style="font-size: 85%;">2 - Ajustar o Rodapé para uma, duas ou três caixas</span><br />
<br />
<span style="font-size: 85%;">3 - Ajustar LARGURA de todo o Blog e a largura do(s) Box(es)</span><br />
<span style="font-size: 85%;"><br /></span></div>
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCsixcGG6U3DdU2q3yejYx9s8jWS_LVXfpOpNHYzXsKlMKMmwoxK7wFcJdgI_GcLDFPlYq_xfuxQQWsgcICXfhMawTUryNKbHA0XGW8htSi4z7tpcUnwFro8UEm8tmRoPLsmD0Jw/s1600/Bg6.JPG" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5486930455570318498" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCsixcGG6U3DdU2q3yejYx9s8jWS_LVXfpOpNHYzXsKlMKMmwoxK7wFcJdgI_GcLDFPlYq_xfuxQQWsgcICXfhMawTUryNKbHA0XGW8htSi4z7tpcUnwFro8UEm8tmRoPLsmD0Jw/s400/Bg6.JPG" style="cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a><span style="color: red; font-size: 85%; font-weight: bold;">Figura 6</span></div>
<br />
<br />
<div style="text-align: center;">
O menu <span style="color: red; font-weight: bold;">AVANÇADO</span><br />
Uma série de mudanças para você experimentar.</div>
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyIxDfpsFY_eglMeO73WPWCO65s9SZTdnsTA7QIlT0dJh7mIImUKEm4k5PfggXhSgyYbRVtE4a1VfrWjz5UOa6ciuBUTwyLHSP9_E_pS-g-IYsz2Rx0EbtvplbEEZNS8eq6v9WQw/s1600/Bg7.JPG" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5486934467037713010" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyIxDfpsFY_eglMeO73WPWCO65s9SZTdnsTA7QIlT0dJh7mIImUKEm4k5PfggXhSgyYbRVtE4a1VfrWjz5UOa6ciuBUTwyLHSP9_E_pS-g-IYsz2Rx0EbtvplbEEZNS8eq6v9WQw/s400/Bg7.JPG" style="cursor: pointer; display: block; height: 300px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a><span style="color: red; font-size: 85%; font-weight: bold;">Figura 7</span><br />
Como expliquei (lá em cima) clique na figura para abrir a imagem.<br />
<br />
<br />
O<span style="color: #3333ff;"> </span><a href="http://newsjoao.blogspot.com/"><span style="color: #3333ff;"> Blog de testes</span> </a> pronto<br />
<br />
<br />
<br />
Abraço,<br />
<br />
<br />
<br />
João Cruzué -<span style="color: #3333ff;"> cruzue@gmail.com</span><br />
<br />
Faça parte da <a href="http://www.ablogsx.ning.com/" style="color: #3333ff;">Associação de Blogueiros Cristãos</a><span style="color: #3333ff;">."</span><br />
<br />
<br />
<br />
<br />
<br /></div>
<br /></div>
</div>
Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-18580389.post-78280406264962028452010-06-12T13:44:00.013-03:002012-11-16T22:11:45.944-02:00Prêmio Blogueiro Cristão 2010<div style="text-align: center;">
<span style="font-size: 130%;"><span style="font-weight: bold;"><br /><span style="color: red;">CONCURSO LITERÁRIO </span><br /><br />PARA BLOGUEIROS EVANGÉLICOS</span></span><br />
<span style="font-size: 78%;">Além do Prêmio + R$500,00 em dinheiro.</span></div>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHHxOjfu0tFwSA3NbzbvRvvhY8yJUCHEIZ-vbtCEJOwMwNyJf9o3PUpfqcYT9Byp1D_PwphOT07fLSfgY0ejl_cOhZhY2GYEV1Hj8BAQ4ClGMWxONzSxlN3jIaIE0zIz0tlnXncg/s1600/PBC2010.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5482256702819323522" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHHxOjfu0tFwSA3NbzbvRvvhY8yJUCHEIZ-vbtCEJOwMwNyJf9o3PUpfqcYT9Byp1D_PwphOT07fLSfgY0ejl_cOhZhY2GYEV1Hj8BAQ4ClGMWxONzSxlN3jIaIE0zIz0tlnXncg/s400/PBC2010.png" style="cursor: pointer; display: block; height: 357px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a><br />
<div style="text-align: center;">
<br />
<span style="font-weight: bold;">Patrocínio:</span> <a href="http://www.blogueiroscristaos.blogspot.com/">Associação de Blogueiros Cristãos</a></div>
<div style="text-align: center;">
<br />
e João Cruzué</div>
<br />
<span style="color: #ff6600; font-family: trebuchet ms; font-weight: bold;">Caros Leitores,</span><br />
<br />
<div style="text-align: justify;">
<span style="font-family: trebuchet ms;"><span style="font-weight: bold;">Em protesto</span> contra aqueles que podem, mas não querem fazer, O Blog Olhar Cristão vai dar início ao primeiro concurso literário do gênero. Nosso objetivo de premiar a originalidade, dar visibilidade a blogueiros iniciantes e incentivar a produção de conteúdo cristão com um Prêmio Literário reforçado por uma pequena quantia em dinheiro.</span><br />
<br />
<br />
<span style="color: #ff6600; font-family: trebuchet ms; font-size: 130%; font-weight: bold;">PROPOSTA</span><span style="color: #ff6600; font-family: trebuchet ms; font-size: 130%;">: </span><br />
<br />
<span style="font-family: trebuchet ms;">Se você começou a blogar a <span style="font-weight: bold;">partir de 2008</span> e seu blog ainda não tem visibilidade na busca do Google nem os leitores que gostaria de ter, eu, Irmão João Cruzué, estou disposto a oferecer duas oportunidades: O Prêmio Blogueiro Cristão 2010 e R$500,00 em dinheiro. Veja as Regras.</span><br />
<br />
<span style="font-family: trebuchet ms;"><span style="font-weight: bold;">No mês </span>de novembro de 2010, vou conceder o <span style="font-weight: bold;">Prêmio Blogueiro Cristão 2010 </span>ao autor do melhor texto. E para acompanhar o Prêmio Virtual, um cheque no valor de </span><span style="font-family: trebuchet ms; font-weight: bold;">R$500,00</span><span style="font-family: trebuchet ms;"> (Quinhentos Reais).</span> Se alguma empresa cristã quiser apoiar a iniciativa e elevar o valor do prêmio, a proposta vai ser analisada.<span style="color: #ff6600; font-family: trebuchet ms; font-size: 130%; font-weight: bold;"><br /><br />REGRAS: </span><br />
<br />
<span style="font-family: trebuchet ms; font-weight: bold;">I </span><span style="font-family: trebuchet ms;">-O prêmio é exclusivo para cristãos de Igrejas Evangélicas, que começaram a blogar a partir de 2008;</span><br />
<br />
<span style="font-family: trebuchet ms; font-weight: bold;">II</span><span style="font-family: trebuchet ms;"> - Para ter direito a participar do prêmio, você precisa enviar 05 (cinco) textos de sua autoria. Um em cada mês, a partir de 12 de julho. Vou conceder uma única tolerância para o mês de julho. O texto de julho, pode ser entregue até 12 de agosto de 2010. Daí em diante, o texto de cada mês deve ser entregue no próprio mês. O de agosto, em agosto, o de setembro, em setembro, o de outubro, em outubor e o último texto - novembro - deve ser entregue, sem atraso, até 20 de novembro de 2010.</span><br />
<br />
<span style="font-family: trebuchet ms; font-weight: bold;">III </span><span style="font-family: trebuchet ms;">- Não basta apenas enviar o texto. É preciso que ele chegue até a mim e seja publicado no Blog da Associação de Blogueiros Cristãos - www.blogueiroscristaos.blogspot.com .</span><br />
<br />
<span style="font-family: trebuchet ms; font-weight: bold;">IV </span><span style="font-family: trebuchet ms;">- A premiação é exclusiva para textos de própria autoria - inéditos (ainda não publicados) .Não vale textos copiados ou escritos por outra pessoa da família. O prêmio é para a originalidade.</span><br />
<br />
<span style="font-family: trebuchet ms; font-weight: bold;">V</span><span style="font-family: trebuchet ms;"> - Os dois melhores textos de cada mês serão publicados no blog www.olharcristao.blogspot.com dando o respectivo crédito aos autores e o endereço de seus blogs estarão dispostos nos textos.</span><br />
<br />
<span style="font-family: trebuchet ms; font-weight: bold;">VI</span><span style="font-family: trebuchet ms;"> - No final de novembro farei a escolha do melhor texto, entre os textos de todos os meses, e com a graça de Deus, comunicarei o prêmio e farei o depósito dos R$500,00 na conta do premiado, com sugestão de que aplique uma parte em oferta de missões.</span><br />
<br />
<span style="font-family: trebuchet ms; font-weight: bold;">VII</span><span style="font-family: trebuchet ms;"> - O critério da classificação dos textos é subjetivo e objetivo. Subjetivo porque vai levar em conta meus seis anos de blogagem. Objetivo, porque vai levar em conta o assunto, o contexto e a Língua Portuguesa.</span><br />
<br />
<span style="font-family: trebuchet ms;"><span style="font-weight: bold;">VIII</span> -<span style="color: #ff6600; font-weight: bold;"> </span><span style="color: #ff6600;"> </span><span style="color: #ff6600;">Faça seu cadastro enviando um email com: 1) seu <span style="font-weight: bold;">nome</span> completo, 2) <span style="font-weight: bold;">endereço</span>, 3) <span style="font-weight: bold;">Igreja</span><span style="font-weight: bold;"> </span>onde congrega, 4) <span style="font-weight: bold;">Data </span> de seu primeiro blog, 5) E digite <span style="font-weight: bold;">o texto</span> no final do email: "CONHEÇO E CONCORDO COM AS REGRAS DO PRÊMIO BLOGUEIRO CRISTÃO 2010"</span></span><br />
<br />
<br />
<span style="font-weight: bold;">IX - </span>O Concurso não será levado adiante se a quantidade de participantes for inferior a 50 participantes.<br />
<br />
<span style="font-weight: bold;">X </span>- TRANSPARÊNCIA: O nome dos participantes e outras informações importantes serão publicados, abaixo, nesta mesma postagem, que pode ser acessada do <span style="color: black; font-weight: bold;">menu</span> "<span style="color: #cc6600; font-weight: bold;">Concurso</span>" no cabeçalho deste Blog.<br />
<br />
<span style="font-family: trebuchet ms; font-size: 130%;"><br /><span style="color: #ff6600; font-weight: bold;">Patrocinador</span></span><span style="color: #ff6600; font-family: trebuchet ms;">:</span><br />
<span style="font-family: trebuchet ms;">João Batista Cruzué</span><br />
<span style="font-family: trebuchet ms;">Blog Olhar Cristão/ Associação de Blogueiros Cristãos</span><br />
<span style="font-family: trebuchet ms; font-weight: bold;">Prêmio Blogueiro Cristão 2010.</span><br />
<span style="font-size: 130%;"><br /><span style="color: #ff6600; font-weight: bold;">Comunicação:</span></span><br />
email para tirar dúvidas e enviar textos: <span style="color: #3333ff;">cruzue@gmail.com </span><br />
<br />
<br />
<br />
<br />
.</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-18580389.post-59530557983202895802010-05-29T20:32:00.001-03:002012-11-16T22:14:31.423-02:00Topnav - Com colocar menu de site no seu Blog<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg90NSx63YON6PiBEOcKsKkOFIj6VK8m9BgvhkZoOR3Lorf40hdmWT21T0fFb12LRJOxRpXnbk9-BB7Sxg8VJ0SN4ANpULUt_fe3KBCGFZ6IpFn_7_Xorf0Yv4aPzUB9B1KThT7ZQ/s1600/Toppnav+2.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><br /></a>
<div style="text-align: center;">
<span style="color: #ff6600; font-size: 130%; font-style: italic; font-weight: bold;"><span style="color: #333333;">TOPNAV</span> - CSS e HTML</span><br />
<br />
<span style="color: #ff6600; font-size: 130%; font-style: italic; font-weight: bold;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim6ZqYNJtaxOCgBuQBLHbFuKDrMugg9pVRFOHgeJRAafBb21ur-Vg7_MXJep6f9xrys0uBBX00Gg5UUSdvmmRNXXk8hlzf3XRpUlkE4_u_ehUSEfdZ4dVWGppcDB1-v3CUXsdjrw/s1600/Topnav+3.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5476836625296988418" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim6ZqYNJtaxOCgBuQBLHbFuKDrMugg9pVRFOHgeJRAafBb21ur-Vg7_MXJep6f9xrys0uBBX00Gg5UUSdvmmRNXXk8hlzf3XRpUlkE4_u_ehUSEfdZ4dVWGppcDB1-v3CUXsdjrw/s400/Topnav+3.png" style="cursor: pointer; display: block; height: 281px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a></span><br />
<div style="text-align: left;">
<div style="text-align: center;">
<span style="font-size: 85%;">O resultado do Topnav</span></div>
<br />
Por João Cruzué</div>
<br />
<div style="font-family: verdana; text-align: justify;">
<span style="font-family: verdana;">Desde o início, eu sempre desejei ter um menu de site no Olhar Cristão. Como eu sei que você também já deve ter imaginado isto, se ainda não conseguiu a mudança vou compartilhar outra vez este assunto para sua análise.<br /><br />Se acaso um dia quiser testar esta melhoria, é preciso escolher entre tuas medidas de segurança: </span><span style="color: red; font-family: verdana; font-weight: bold;">1</span><span style="font-family: verdana;">) Fazer uma cópia de todas as linhas de configurações usando o </span><span style="color: #3366ff; font-family: verdana;">Ctrl+a</span><span style="font-family: verdana;">, </span><span style="color: #3366ff; font-family: verdana;"> </span><span style="color: #3366ff; font-family: verdana;">Ctrl+c</span><span style="font-family: verdana;">, e colando com </span><span style="color: #cc6600; font-family: verdana;"><span style="color: #3366ff;">Ctrl+v</span></span><span style="color: #cc6600; font-family: verdana; font-weight: bold;"> </span><span style="font-family: verdana;">em arquivo do bloco de textos. Salve o arquivo com o nome de </span><span style="font-family: verdana; font-style: italic;">meublog</span><span style="font-family: verdana;">; </span><span style="color: red; font-family: verdana; font-weight: bold;">2</span><span style="font-family: verdana;">) Se achar melhor, crie um blog de testes semelhante ao modelo que tiver, para testar a inserção do CSS (figura 1) e HTML (figura 2). Depois de experimentar e acertar, siga os mesmos passos para inserir o Topnav no seu Blog principal. Relembrando, para acessar o "</span><span style="color: #3366ff; font-family: verdana;">Editar HTML</span><span style="font-family: verdana;">" do seu blog você pode ir pelo menu</span><span style="color: #cc6600; font-family: verdana;"> <span style="color: #3366ff;">Layout</span></span><span style="color: #3366ff; font-family: verdana;"> </span><span style="font-family: verdana;">ou </span><span style="color: #cc6600; font-family: verdana;"><span style="color: #3366ff;">Personalizar</span><span style="color: black;">.</span></span></div>
<br />
<span style="color: red; font-size: 78%; font-weight: bold;">clique duas vezes para ampliar a figura</span></div>
<div style="text-align: center;">
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ_cFbBCy-2VmXL22LQsS7u-rAj1-4JXl2cZXlfYFieQhQxE-lDTOFaAbBxSaFg_BWf6Dm95nazAYALsSUY9qM8S9e1gzNkIoDxll_mYDXxfbqSlh3a9LmDRwtM3OC87FAkYmtrQ/s1600/Toppnav+.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5476794455191914018" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ_cFbBCy-2VmXL22LQsS7u-rAj1-4JXl2cZXlfYFieQhQxE-lDTOFaAbBxSaFg_BWf6Dm95nazAYALsSUY9qM8S9e1gzNkIoDxll_mYDXxfbqSlh3a9LmDRwtM3OC87FAkYmtrQ/s400/Toppnav+.png" style="cursor: pointer; display: block; height: 400px; margin: 0px auto 10px; text-align: center; width: 300px;" /></a>Figura 1 - CSS<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAm10E7B45jV98NAz5bFQeEQQBy2wZQtyZq760CH9b-GgZbofHOXC-7kAsch5iwi4XQT23Q7-HJIJlJGMPxZ-wlLiZXaSTuJWV85wOddBW-7Pud_ux8SgZk3zfmGUzGCP5AH2w8A/s1600/Toppnav+.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"></a></div>
<div style="text-align: justify;">
<span style="font-family: verdana;">A primeira parte das configurações do blogspot é escrita em CSS. No Modelo Rounders 3, as linhas de CSS do Topnav são inseridas abaixo do HEADER. Em outros modelos você precisa fazer o teste para saber ONDE INSERI-LAS. As linhas de CSS alteram configurações de backgroundCollor, tamanho das fontes, espaçamento...</span><span style="color: #3366ff; font-family: verdana;"> c</span><span style="color: #3366ff; font-family: verdana; font-style: italic;">lique 2x na figura 1</span><br />
<br /></div>
</div>
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg90NSx63YON6PiBEOcKsKkOFIj6VK8m9BgvhkZoOR3Lorf40hdmWT21T0fFb12LRJOxRpXnbk9-BB7Sxg8VJ0SN4ANpULUt_fe3KBCGFZ6IpFn_7_Xorf0Yv4aPzUB9B1KThT7ZQ/s1600/Toppnav+2.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5476790262891171058" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg90NSx63YON6PiBEOcKsKkOFIj6VK8m9BgvhkZoOR3Lorf40hdmWT21T0fFb12LRJOxRpXnbk9-BB7Sxg8VJ0SN4ANpULUt_fe3KBCGFZ6IpFn_7_Xorf0Yv4aPzUB9B1KThT7ZQ/s400/Toppnav+2.png" style="cursor: pointer; display: block; height: 315px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a><span style="font-size: 85%;">Figura 2: HTML</span></div>
<br />
<span style="font-family: verdana;">No final das linhas de CSS, iniciam outras configurações em HTML. É bem no começo que você insere a segunda parte das configurações para colocar o menu de site no blogspot. Observe bem quando começa o HTML com a tag ]] skin . As linhas em vermelho mostra o que acrescentei para finalizar a configuração. A posição fica entre o </span><span style="color: black; font-family: verdana;">/div</span><span style="font-family: verdana;"> e a linha que tem as tags </span><span style="font-family: verdana; font-weight: bold;">croscol-wrapper</span><span style="font-family: verdana;">.</span><br />
<br />
<br />
<br />
<div style="font-family: verdana; text-align: justify;">
Há muito tempo desejei ter um menu de site no meu blog. Aprendi sozinho, observando. Gostei e estou compartilhando. Irmão João Cruzué, da Associação de Blogueiros Cristãos <a href="http://www.ablogsx.ning.com/" style="color: #3366ff;">ABC</a><br />
<br />
Visite o blog da <a href="http://www.blogueiroscristaos.blogspot.com/" style="color: #3366ff;">Associação de Blogueiros Cristãos</a> para copiar as linhas do CSS e HTML das figuras. Funciona assim: se você clicar com o botão direito do mouse em nosso blog, vai abrir uma caixa de seleção. Escolha a opção <span style="font-weight: bold;">código-fonte</span>, Copie e cole cada uma em arquivos separados do programa <span style="font-weight: bold;">bloco de notas</span>.<br />
<br />
Este programa existe no seu computador em: <span style="color: #ff6600;">Iniciar/Todos Programas/ Acessórios/Bloco de Notas</span>. Depois que você copiar os dois grupos de linhas (CSS e HTML) em arquivos do bloco de notas, salve com os nomes de CSS e HTML. Para mudar os links do meu blog para os seus, observe na figura 2 as linhas que estão em azul. É provável que isto pareça grego para você. Era assim que eu também achava. Mas o compromisso de oferecer melhor conteúdo em melhor visual me levou a investir um pouco do meu tempo investigando e aprendendo essas coisas.<br />
<br />
Um abraço sincero. João. <span style="color: #3333ff;">cruzue@gmail.com</span><br />
<br />
<span style="font-size: 85%;">Associe-se na <span style="color: #cc6600; font-weight: bold;">ABC</span>. Veja como no menu do meu blog - lá em cima. Já é resultado do efeito Topnav.</span><br />
<br />
<br />
<br />
<span style="color: white;">.</span><br />
<br />
<br />
<br /></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-18580389.post-17233365452699749172010-05-16T22:17:00.006-03:002010-05-17T00:15:50.113-03:00Curso de Blogs - Sintaxe do CSS do Blogspot<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKiUPL7nxH6vdCcB_9oJCypdBsqp2CEDHqJ4DyabayhW2yQ_78COuZ604d6jAiW8P0i6zTeFVI2LGWfgthGHZ-uZzFbzsoDaxN0G5KaFKJTusGR9rpbnbln4048y_htJv8LZV9aw/s1600/Cod-fonte.jpg"><br /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTfcGvRVgX9tBlm97iJtbyny6op_M71DrSyKO-1cJ2S4kh_7USK3tSful895XKFWZmbnhF7eh11TpsSK0lPkMwCyddCuvOQv1dPxzotG-KakHwO9ctwThr7CUmdE9q_NmF7LRJpg/s1600/Codigo-Fonte.JPG"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 291px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTfcGvRVgX9tBlm97iJtbyny6op_M71DrSyKO-1cJ2S4kh_7USK3tSful895XKFWZmbnhF7eh11TpsSK0lPkMwCyddCuvOQv1dPxzotG-KakHwO9ctwThr7CUmdE9q_NmF7LRJpg/s400/Codigo-Fonte.JPG" alt="" id="BLOGGER_PHOTO_ID_5472051523347787602" border="0" /></a>Por João Cruzué.<br /><br /><div style="text-align: justify;">Não é preciso ser graduado em TI para entender algumas coisinhas sobre a linguagem das páginas do blogspot. Tenho uma opinião formada sobre a edição de Blogs: buscar a melhoria do conteúdo sem esquecer a forma é uma atitude de compromisso, de respeito para com nossos leitores. Esta melhoria passa pelo conhecimento de detalhes da sintaxe da linguagem do "HTML" do Blogspot. A curiosidade levou-me a resolver alguns problemas e concretizar planos que julgava difíceis para mim.<br /><br />No Começo, eu conheci o Blog <a style="color: rgb(51, 51, 255);" href="http://www.blogger.com/%20http://dm-danielmiranda.blogspot.com/">O Levita</a> do irmão Daniel Miranda. Achava o máximo design do banner do Levita. Por uns dois anos e continuei com o cabeçalho original do meu<span style="color: rgb(51, 51, 255);"> </span><a style="color: rgb(51, 51, 255);" href="http://www.olharcristao.blogspot.com/">blog</a>. Só depois disso é que me aventurei a desenhar meus banners.<br /><br />Mas antes disso já conseguia alterar a cor de fundo, do fundo da caixa de textos, a cor das fontes dos títulos, datas , boxes laterais e rodapé. Por último, isto faz menos de um mês, eu consegui colocar um menu de site debaixo do cabeçalho de alguns de meus blogs. Continua sem compreender HTML, mas dá para experimentar algumas mudanças.<br /><br /><br /><span style="color: rgb(51, 102, 255);font-size:130%;" ><span style="font-weight: bold;">SINTAXE.</span></span><br /><br /><span style="font-weight: bold;">Definição</span>: A Sintaxe é a parte da gramática que estuda a disposição das palavras na frase e a das frases no discurso, bem como a relação lógica das frases entre si. (...) Para isso, as palavras são relacionadas e combinadas entre si. A sintaxe é um instrumento essencial para o manuseio satisfatório das múltiplas possibilidades que existem para combinar palavras e orações. <a style="color: rgb(51, 51, 255);" href="http://www.soportugues.com.br/secoes/sint/">[1]</a><br /><br />Dito isto, vamos ao ponto. Abra uma outra página na internet e digite o endereço do meu blog: www.olharcristao.blogspot.com . Olhe bem para a figura acima. Na página do meu blog, clique com o botão direito do mouse, ao lado do botão amarelo "<span style="color: rgb(204, 102, 0); font-weight: bold;">João Cruzué</span>". Vai abrir esta caixinha de menu onde lá embaixo está a opção "<span style="font-weight: bold;">Código-fonte</span>" - clique com o mouse esta opção. Se você fez tudo certo, vai abrir esta página abaixo. Clique para ampliar.<br /><br /></div><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKiUPL7nxH6vdCcB_9oJCypdBsqp2CEDHqJ4DyabayhW2yQ_78COuZ604d6jAiW8P0i6zTeFVI2LGWfgthGHZ-uZzFbzsoDaxN0G5KaFKJTusGR9rpbnbln4048y_htJv8LZV9aw/s1600/Cod-fonte.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 306px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKiUPL7nxH6vdCcB_9oJCypdBsqp2CEDHqJ4DyabayhW2yQ_78COuZ604d6jAiW8P0i6zTeFVI2LGWfgthGHZ-uZzFbzsoDaxN0G5KaFKJTusGR9rpbnbln4048y_htJv8LZV9aw/s400/Cod-fonte.jpg" alt="" id="BLOGGER_PHOTO_ID_5472053509852061586" border="0" /></a><br /><div style="text-align: left;">Como esta é uma dica restrita aos modelos de páginas do Blogspot, não vou tratar de outros assuntos, a não ser isto: toda página da Internet que se abre no seu monitor tem por trás de sua beleza uma estrutura construída de HTML ou de línguagens complementares. Basta clicar com o botão direito do mouse nos espaços vazios que vai aparecer seu código-fonte.<br /><br /><br /><span style="font-weight: bold;">DETALHES E TÍTULOS DO CÓDIGO FONTE</span><br /><br />Do início da página do código-fonte (Doctype) até a última linha das <span style="font-family:monospace;">"</span>/* Variable definitions" a linguagem é (X)HTML. Depois das Variáveis, começa as linhas em CSS, conforme abaixo.<span style="font-family:monospace;"><br /></span><br />*/<span style="font-family:monospace;"><br /></span>body {<span style="font-family:monospace;"><br /></span>background:#ebe5d5;<br /><br />Daqui ele se estende até bem abaixo, passando por vários títulos: como<br /><br />1 - /* Page Structure<br /><br />2 - /* Links<br /><br />3 - /* Blog Header<br /><br />4 - /*nav<br /><br />5 - /* Posts<br /><br />6 -<span style="font-family:monospace;"> </span>/* Comments<br /><br />7 - /* Profile<br /><br />8 - /* Sidebar Boxes<br /><br />9 - /* Footer<br /><br />Recomeço do HTML em --> <style.><br /><br />------------------------------------------------------<br /><br />Antes da sintaxe do CSS vamos olhar um pouco as linhas de "Variable definitions" ou traduzido: definição das variáveis.<br /><br />1 - Main Background Collor<br />Quer dizer a cor do fundo da caixa de textos onde você escreve as postagens.<br /><br />2 - Text Collor<br />Quer dizer a cor (default) das letras (fontes) que você digita seu texto.<br /><br />3 - Post Title Collor<br />A cor da fonte do título da sua postagem.<br /><br />4 - Date Header Collor<br />A cor da fonte das datas da sua postagem.<br /><br />5 - Post Border Collor<br />A cor das bordas da caixa de textos e do box lateral<br /><br />6 - Link Collor<br />A cor default de todos os links no blog<br /><br />7 - Visited Link Coll0r<br />A cor do link depois de visitado<br /><br />8 - Page Header Background Collor<br />A cor de fundo dos cabeçalhos orgiginais do Blogspot.<br />Não tem utilidade nos blogs de cabeçalhos modificados.<br /><br />9 - Blog title collor<br />A cor da fonte do título do blog<br />Não tem utilidade nos blogs com títulos feitos diretamente sobre o Banner do cabeçalho<br /><br />10 - Top Sidebar Title Color<br />A cor da fonte do título do primeiro box lateral<br /><br />11 - Top Sidebar background collor<br />A cor do fundo do primeiro box lateral<br /><br />e assim por diante... Estas cores podem ser modificadas nos 9 títulos do CSS abaixo.<br /><br /><br />SINTAXE DO CSS<br /><br />Definição: Cascade Style Sheets: folhas de estilo em cascata. O CSS é uma linguagem criada por volta de 1994 e é muito usada em redesign do HTML. No blogspot ela é usada para alterar cores de fundo, tamanho de fontes, cores de textos, links, posições dos menus: altura, espaçamento, distâncias etc. Sua sintaxe é mais clean do que o HTML. O CSS não funciona sozinha; precisa do HTML para lhe conceder beleza de forma e espaço.<br /><br /><br />1 - /* Body<br />O primeiro título do CSS no Blog Olhar Cristão (Modelo Rounders 3)<br /><br />A chave {background "#ebe5d5" dá a cor de fundo de externo de todo o blog. No caso é uma cor café-com-leite bem clara. Se está cor fosse "#000000" a cor de fundo seria o preto. Se fosse "#ffffff" seria o branco. São cores hexadecimais que começam em "000000" e terminam em "ffffff". Qualquer grupo númerico, alfa ou alfa-númerico de até 06 posições entre [0 a 9] e [a até f] vão definir as cores tanto no CSS quanto em HTML.<br /><br />2 - Page Estructure<br /><br /><span style="font-weight: bold;">Outer -wrapper { width: 956px</span><br />É a largura máxima com base no banner (cabeçalho) do Blog Olhar Cristão. A largura original era bem mais estreita. Ela pode ser alargada até 980px.<br /><br /><span style="font-weight: bold;">Main Wrapper1</span> <span style="font-weight: bold;">{ width: 700px</span><br />Estabelece a largura da caixa de textos da postagem. Eu alterei esta largura de 484px para aproveitar o expaço útil para 700px<br /><br /><span style="font-weight: bold;">Sidebar - Wrap </span> { width:240px;<br />Estabelece a largura da caixa do box lateral.<br /><span style="font-size:100%;"><span style="font-family:monospace;"><br /><br /></span></span><br />Bom não preciso ir muito adiante. As posições de largura, altura e espaçamento são estabelecidas em px. Todo número neste formato pode ser modificado, resultando ou não em mudanças. Todo formato #000000 ou #ffffff estabelece cor para o ítem selecionado. O melhor site para mostrar paletas de cores é o<span style="color: rgb(51, 51, 255);"> </span><a style="color: rgb(51, 51, 255);" href="http://www.blogger.com/%20http://www.december.com/html/spec/colorhues.html">December.com.</a><br /><br />Creio que aqui tem material de sobra para auxiliar em suas pesquisas.<br /><br />Última dica: para mudar o banner do blog olhar cristão eu levo pouco mais de 5 segundos. Vou em personalizar/Editar HTML, faço uma cópia da sua configuração, depois vou em escolher novo modelo (para habilitar a opção do cabeçalho que fica travada) escolho o mesmo modelo do meu blog. A seguir vou em elementos da página, o cabeçalho já está liberado, removo o cabeçalho antigo, faço o upload do novo, clico em salvar. Depois vou para Editar HTML, seleciono o conteúdo, deleto e reponho as configurações que tinha copiado antes da mudança. Salvo, e o novo banner do "HEADER" (cabeçalho) já está configuradíssimo.<br /><br />Abraço.<br /><br />Se você </style.>é evangélico e <style.>gostou desta dica, afilie-se na <a href="http://ablogsx.ning.com/">Associação de Blogueiros Cristãos</a><br /><br /><br /><br /><br /></style.></div><br /></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-18580389.post-50412057131764739232009-09-19T12:52:00.002-03:002009-09-19T12:54:00.371-03:00Curso de Blogspot - Como criar um LINK<div style="text-align: center;"><span style="color: rgb(255, 102, 0);font-size:130%;" ><span style="font-weight: bold;"><span style="color: rgb(255, 102, 0);"><span style="color: rgb(255, 255, 255);">.</span><br /></span></span></span><span style="font-size:130%;"><span style="color: rgb(255, 102, 0);">Criando links para seu Blog</span></span><br /><br />Autor: João Cruzué<br /><br /></div><div style="text-align: center;"><a href="http://cursodb.blogspot.com/" target="_blank"><img style="width: 515px; height: 315px;" src="http://i584.photobucket.com/albums/ss281/ubc777/Linkx.jpg" alt="Links" border="0" /></a><br /><span style="color: rgb(102, 102, 102);">Figura 1</span><br /><br /><div style="text-align: justify;"><span style="font-weight: bold;">Esta postagem</span> vai lhe ensinar COMO FAZER e colocar um <a href="http://olharcristao.blogspot.com/"><span style="font-weight: bold; color: rgb(0, 0, 153);">link</span></a> 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.<br /><br /><br /><span style="font-weight: bold;">O que é um link</span><span style="font-weight: bold;">?</span><br /><br /><span style="font-weight: bold;">Resposta: </span>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.<br /><br /><span style="color: rgb(51, 204, 0);">Por exemplo: </span>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.<br /><br /><span style="color: rgb(255, 0, 0);">Links </span>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.<br /><br />Esta é a função do <span style="color: rgb(51, 51, 255);">link</span>: mudar de uma página virtual para outra.<br /><br /><br /><span style="font-weight: bold;">Como montar um link?</span><br /><br /><span style="font-weight: bold;">Resposta:</span> 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.<br /><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJJuNJS1LI32LLJuKHGIxj8MfeTOvlBsDFJKEZ4ToQKbC3NpItQAJ6eW7Jws14hwzb8vJ6kmt96Frg59CCOPYXlb0xDgr_2qEaA9uSca-l-vr9co_ZwrH7GeHlLrYorajR8gPxDg/s1600-h/Estrutura.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 47px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJJuNJS1LI32LLJuKHGIxj8MfeTOvlBsDFJKEZ4ToQKbC3NpItQAJ6eW7Jws14hwzb8vJ6kmt96Frg59CCOPYXlb0xDgr_2qEaA9uSca-l-vr9co_ZwrH7GeHlLrYorajR8gPxDg/s400/Estrutura.jpg" alt="" id="BLOGGER_PHOTO_ID_5357591957764995858" border="0" /></a><span style="color: rgb(204, 0, 0);">forma básica </span><span style="color: rgb(204, 0, 0);"> para montar um link</span><br /></div><br /><div style="text-align: center;">Pratique digitando exatamente o que vê:<br /><br /></div><div style="text-align: center;">Entre as <span style="color: rgb(0, 153, 0); font-weight: bold;">aspas</span>, você vai colar o<span style="font-weight: bold;"> endereç</span>o que quiser linkar, veja o exemplo abaixo, também recortado da figura 1:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgArJKbEUOFzOzXn_ac635tqPRIA6mdGqLJh76PrcfO5ymbPWdzAxS0Pn-Ywd4qi5rm39B4Dfz-K86dRFv2MqUBMIZxhwv7GGWNvayy0HiNmHhllTqmxvoAO2nmfB8QOocpqn2bpg/s1600-h/Endere%C3%A7o.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 378px; height: 63px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgArJKbEUOFzOzXn_ac635tqPRIA6mdGqLJh76PrcfO5ymbPWdzAxS0Pn-Ywd4qi5rm39B4Dfz-K86dRFv2MqUBMIZxhwv7GGWNvayy0HiNmHhllTqmxvoAO2nmfB8QOocpqn2bpg/s400/Endere%C3%A7o.jpg" alt="" id="BLOGGER_PHOTO_ID_5357593992611840962" border="0" /></a><span style="color: rgb(204, 0, 0);">coloque o endereço</span> entre as aspas da "forma"<br /></div><br /><br /><div style="text-align: center;">Entre os sinais > < (maior e menor que), <span>você pode colocar qualquer nome. </span><br />no exemplo abaixo digitei o nome do curso.<br /><br /></div></div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVb9Ei-fnNS1JN6uD0AZxZ6501dN-XtdIuGG0hyqkw65ijVd5kE2qtjs5DOeem6ZQYwxHYjN7vlZSydCOR3TL50FddwVVtPayBIrdkwTULayf3AcDf1oONwIEWuauNlDpqJeJ8qQ/s1600-h/Nome+do+link.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 279px; height: 67px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVb9Ei-fnNS1JN6uD0AZxZ6501dN-XtdIuGG0hyqkw65ijVd5kE2qtjs5DOeem6ZQYwxHYjN7vlZSydCOR3TL50FddwVVtPayBIrdkwTULayf3AcDf1oONwIEWuauNlDpqJeJ8qQ/s400/Nome+do+link.jpg" alt="" id="BLOGGER_PHOTO_ID_5357596272269531858" border="0" /></a><span style="color: rgb(204, 0, 0);">nome do link</span><br /><br /><br />Veja agora o resultado: <a style="color: rgb(51, 51, 255);" href="http://cursodb.blogspot.com/">Curso de Blogs</a><br /><br /><br /><div style="text-align: left;"><div style="text-align: justify;"><span style="font-weight: bold;">Conhecimento adicional 1</span> : 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.<br /></div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-SCT6nnsD72WMLgpxg5hcvz_zuu4mchtv8Kcbb6tLzsW5e0FPz-NmA5f6r9WlsGeQh4fQs5OOJXqX80TpubwSqAHqkJB_Kb1lVB5L69xU8Rk63Wd-wfRsdrLiebmNtLRsIAbCUg/s1600-h/1CopLink.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 164px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-SCT6nnsD72WMLgpxg5hcvz_zuu4mchtv8Kcbb6tLzsW5e0FPz-NmA5f6r9WlsGeQh4fQs5OOJXqX80TpubwSqAHqkJB_Kb1lVB5L69xU8Rk63Wd-wfRsdrLiebmNtLRsIAbCUg/s400/1CopLink.jpg" alt="" id="BLOGGER_PHOTO_ID_5357600749512877682" border="0" /></a><br /><br /><br /><div style="text-align: justify;"><span style="font-weight: bold;">Conhecimento adicional 2</span> - 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: "<span style="color: rgb(0, 0, 153);">http://olharcristao.blogspot.com/". <span style="color: rgb(0, 0, 0);">Se você cli</span></span>car com o botão direito e copiar, poderá colar este endereço depois em qualquer ESTRUTURA de link que quiser. Sem digitar.<br /></div></div><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg16C7JSnxZYoEPgMvdPl-fJl_ZFeOGsO22vTj0aQ1KNBioVidsptUYIOWf6MoWbD3BRaCwK3UBoQCh1ioLX2hiRcbXCJsITFMKPK_QtyQ7MnIM7U4R9rabKyg4tBLtzQvitSFntg/s1600-h/1linkb.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 111px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg16C7JSnxZYoEPgMvdPl-fJl_ZFeOGsO22vTj0aQ1KNBioVidsptUYIOWf6MoWbD3BRaCwK3UBoQCh1ioLX2hiRcbXCJsITFMKPK_QtyQ7MnIM7U4R9rabKyg4tBLtzQvitSFntg/s400/1linkb.jpg" alt="" id="BLOGGER_PHOTO_ID_5357602911722987554" border="0" /></a>Barra de Endereço do navegador (browser) Firefox<br /><br /><br /><div style="text-align: justify;"><span style="font-weight: bold;">Conhecimento adicional 3</span>: 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 <span style="color: rgb(153, 51, 153);">Exibir</span> do Windows, clique em "Barra de status" para habilitar. Vou colar uma figura abaixo para demonstrar.<br /><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_z6wx9YwMAz_E0OMK383ackLt0y0tVg_kkKxlpJRXXTu-iTCSaDCsKFRebxzVG8Fd1UC-dpp7XPOU6t9BG53DgwZwcm5m-1eri00k0a_mZtWCBTV8LyExVYlZbtQD1LbR9MBLTQ/s1600-h/Links.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 80px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_z6wx9YwMAz_E0OMK383ackLt0y0tVg_kkKxlpJRXXTu-iTCSaDCsKFRebxzVG8Fd1UC-dpp7XPOU6t9BG53DgwZwcm5m-1eri00k0a_mZtWCBTV8LyExVYlZbtQD1LbR9MBLTQ/s400/Links.JPG" alt="" id="BLOGGER_PHOTO_ID_5383206070989789106" border="0" /></a>navegador com a Barra de status habilitada<br /><br /><br />.<br /></div></div><div style="text-align: left;"><div style="text-align: justify;"><span style="font-weight: bold;">Se você gostou</span> desta aula ou tenha alguma crítica a fazer, deixe seu comentário ou escreva para mim: <span style="color: rgb(51, 51, 255);">cruzue@gmail.com</span>. 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: <a href="http://ubeblog.ning.com/">UBE</a><br /></div><br /><br /><div style="text-align: center;"><span style="font-size:78%;">(Nota do autor: cópia do post não autorizada)</span><br /></div><div style="text-align: center;"><br />.<br /></div></div><br /><br /></div>Unknownnoreply@blogger.com12tag:blogger.com,1999:blog-18580389.post-67936322266391968142009-08-14T20:14:00.018-03:002009-08-15T21:56:13.788-03:00Como remover os cantos do Blogspot - caixa textos aumentada<div align="center"><br /><span style="color: rgb(255, 255, 255);">.<br /></span></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilbXOYAbcwbFV4Nj3fa-PuAjqvV5Zys867nrbEMWaHM8rOhk_LkLy97DmNbz9inIG-KyGD6nuzdfunJm_-nCgBSUIx-n2ZuQ6JZVGyTCLmILmoBeKsijRAY1vXJcHzcJ1uSrxhvQ/s1600-h/Borders.JPG"><img id="BLOGGER_PHOTO_ID_5369963891271010898" style="margin: 0px auto 10px; display: block; width: 400px; height: 143px; text-align: center;" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilbXOYAbcwbFV4Nj3fa-PuAjqvV5Zys867nrbEMWaHM8rOhk_LkLy97DmNbz9inIG-KyGD6nuzdfunJm_-nCgBSUIx-n2ZuQ6JZVGyTCLmILmoBeKsijRAY1vXJcHzcJ1uSrxhvQ/s400/Borders.JPG" border="0" /></a><br /><div align="justify"><strong>Como eliminar</strong> 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.<br /></div><div align="justify"><br /><span style="color: rgb(255, 102, 0);"><span style="color: rgb(0, 0, 102);"><strong>Localize estas linhas de configuração, a partir de Editar Html</strong></span><br /></span></div><div align="justify"><br />#main-wrap2 {<br />float:$startSide;<br />width:100%;<br /><span style="color: rgb(204, 102, 0);">background:url("http://www1.blogblog.com/rounders3/corners_main_top.gif") no-repeat $startSide top;<br /></span>padding:10px 0 0;<br />}<br /><br /><br /></div><div align="justify"> </div><div align="justify"><span style="font-weight: bold;">Elimine as duas linhas coloridas</span>. (<span style="color: rgb(204, 102, 0);">Coloridas</span> por mim)</div><div align="justify"> </div><div align="justify"><br /><br />E para retirar a linha vertical, <a href="http://comoblogar.blogspot.com/2008/11/como-remover-linha-inconveniente-caixa.html">remoção da linha vertical</a> incoveniente.<br /><br /><br /><span style="font-size:85%;">E o nome do meu blog é </span><a href="http://www.olharcrist%c3%a3o.blogspot.com/"><span style="font-size:85%;">http://www.olharcristão.blogspot.com/</span></a><span style="font-size:85%;"> - He he he!</span><br /><br /></div><div align="justify"></div><div align="justify"></div><div align="justify"><br />.</div>Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-18580389.post-18845406860000196102009-08-06T23:50:00.011-03:002009-09-24T07:32:15.491-03:00Como substituir o banner nos modelos do blogspot<div style="text-align: justify;"><span style="font-size:130%;"><br /><span style="color: rgb(204, 102, 0);">Por João Cruzué</span><br /><br />Algumas coisas a "gente" aprende ouvindo. Outras escrafuxando. Taí um assunto que desafiou minha paciência de blogueiro por um bom tempo.<br /><br />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.<br /><br />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.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjrmsdRTx7NrHM9xs8kUCPvbN-BN9YOhKvJjHiJ1z76SbWagnG9U7C75M-KHtfka4EjgwMbWC8eeqfW3RkNvUrz1Yw0gFZH4Knx2Y3fEwvGfH_dZGoDycR68PSlaZTBDjas7PBrQ/s1600-h/Banner.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 224px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjrmsdRTx7NrHM9xs8kUCPvbN-BN9YOhKvJjHiJ1z76SbWagnG9U7C75M-KHtfka4EjgwMbWC8eeqfW3RkNvUrz1Yw0gFZH4Knx2Y3fEwvGfH_dZGoDycR68PSlaZTBDjas7PBrQ/s400/Banner.JPG" alt="" id="BLOGGER_PHOTO_ID_5367050709501023490" border="0" /></a><br />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!<br /><br />E foi assim mesmo que aprendi a resolver sozinho o problema.<br /><br />Para trocar o banner eu aconselho efetuar a troca em cinco passos.<br /><br /><span style="color: rgb(255, 102, 0);">Primeiro:</span> 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).<br /><br /><span style="color: rgb(255, 102, 0);">Segundo:</span> 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.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhILSfaaiI9whuECiP4-o3y_5RRePxCEJfR1rVbR_JZnry6mNkWVrm5SCFtXKZ0w_u4aGQq8yQ_HXEb8raJVYBni7Z1TAvtetWHzKStrFlBhnNr1ORUrkCaA5JaiEGWTC_ZRmW_5A/s1600-h/Banner+2x.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 352px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhILSfaaiI9whuECiP4-o3y_5RRePxCEJfR1rVbR_JZnry6mNkWVrm5SCFtXKZ0w_u4aGQq8yQ_HXEb8raJVYBni7Z1TAvtetWHzKStrFlBhnNr1ORUrkCaA5JaiEGWTC_ZRmW_5A/s400/Banner+2x.JPG" alt="" id="BLOGGER_PHOTO_ID_5367054489819384434" border="0" /></a><br /><span style="color: rgb(255, 102, 0);">Terceiro:</span> 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.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLnQ6g4RcxiCWIbqY55Yq7cSwAShOMJvQpHfglgcl4NCGEVtd3bqCxrrBNWdnW1hC3_YobHc0JqCaxipJlvTWxslUw4xktVVBSrP2s5oXRUPHMbu7it22NSxHtEskETpkoA4NJnA/s1600-h/Banner+3.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 266px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLnQ6g4RcxiCWIbqY55Yq7cSwAShOMJvQpHfglgcl4NCGEVtd3bqCxrrBNWdnW1hC3_YobHc0JqCaxipJlvTWxslUw4xktVVBSrP2s5oXRUPHMbu7it22NSxHtEskETpkoA4NJnA/s400/Banner+3.JPG" alt="" id="BLOGGER_PHOTO_ID_5367054663357470658" border="0" /></a><span style="color: rgb(255, 102, 0);">Quarto:</span> 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.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh07Oda0iWaxL7bEqFDCM79U3gM2CW-pKWjedX5vXcK8igBx3WdVAODXKmhjGfdA0sM9GDRMPQcBl7Q1eSuBL0p4RgrADN41q0CQ4RDvp4VLe86rDO8nsxL6vqd8oW1lxRAoozu2A/s1600-h/Banner+4.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 356px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh07Oda0iWaxL7bEqFDCM79U3gM2CW-pKWjedX5vXcK8igBx3WdVAODXKmhjGfdA0sM9GDRMPQcBl7Q1eSuBL0p4RgrADN41q0CQ4RDvp4VLe86rDO8nsxL6vqd8oW1lxRAoozu2A/s400/Banner+4.JPG" alt="" id="BLOGGER_PHOTO_ID_5367054787575238914" border="0" /></a><br /><span style="color: rgb(255, 102, 0);">Quinto:</span> 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.<br /><br /><span style="color: rgb(255, 102, 0);">Sexto:</span> Salve.<br /><br />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.<br /><br /><span style="font-size:78%;"><br /></span></span><div style="text-align: center;"><span style="font-size:78%;"><span style="color: rgb(255, 102, 0); font-weight: bold;">Gostou?</span><br /><br /></span><span style="font-weight: bold;font-size:78%;" >João Cruzué - Visite o Blog <a style="color: rgb(51, 51, 255);" href="http://comoblogar.blogspot.com/">Dicas de Blogueiro.</a><br /></span></div><span style="font-size:130%;"><span style="font-size:78%;"><br /></span><br /><br /><br /></span></div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-18580389.post-39068025276101668642009-08-06T00:57:00.003-03:002011-05-08T22:18:56.808-03:00Blogspot - Como aumentar a caixa textos modelo Minima<div style="text-align: center;"><br /><br /><div style="text-align: left;">João Cruzué<br /><br /><a style="color: rgb(51, 51, 255);" href="http://olharcristao.blogspot.com/">Blog Olhar Cristão</a><br /></div><br /><br /><div style="text-align: justify;">Para aumentar a Caixa de Textos dos novos modelos do Blogger, você tem duas opções.<br /><br /></div><div style="text-align: justify;"><span style="font-weight: bold; color: rgb(255, 102, 0);">UMA</span> - Clique em <span style="font-weight: bold;">Design</span>/<span style="font-weight: bold;">Designer do Modelo</span>, depois no clique no menu da esquerda em "<span style="font-weight: bold;">Ajustar Larguras</span>". Como na figura, onde eu deixei a medida da caixa de textos com 895 px.<br /></div></div><br /><div style="text-align: center;"><img style="width: 578px; height: 237px;" src="data:image/png;base64,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" alt="" /><br /><br /><br /><br /><div style="text-align: left;"><span style="font-weight: bold; color: rgb(255, 102, 0);">DUAS </span>- Clique em <span style="font-weight: bold;">Design/Editar Html</span>, e desça nas linhas de HTML até chegar em "footer". Logo em seguida você vai ver linhas com estas definições:<br /><br /><br /><div style="text-align: center;"><a href="http://www.flickr.com/photos/14940431@N03/5701838898/" title="Body por cruzue, no Flickr"><img style="width: 590px; height: 275px;" src="http://farm6.static.flickr.com/5223/5701838898_48893d6393_b.jpg" alt="Body" /></a><br /><br /><br /><div style="text-align: left;">Observe que o números da medida da caixa de textos é o mesmo: 895px. Você tanto pode mudar usando a OPÇÃO UM ou DOIS. Eu prefiro a segunda, pois não desconfigura outras variáveis, como cor do título da postagem, cor de fundo da caixa de textos...<br /><br />Quem usa modelos mais antigos do Blogger, precisa entrar em Editar HTML e alterar o tamanho do "body" e do "main".<br /><br />Dúvida, escreva para mim: cruzue@gmail.com<br /><br /><br />Meu blog principal é: www.olharcristao.blogspot.com<br /><br /><br /><br />.<br /><br /><br /><br /><br /></div></div></div><br /></div>Unknownnoreply@blogger.com9tag:blogger.com,1999:blog-18580389.post-68024753165721030222009-06-07T23:28:00.001-03:002009-06-07T23:29:40.381-03:00História primeiros blogs - Curso de Blogs<span style="font-weight: bold;"><br /></span><span style="color: rgb(204, 102, 0);">Por João Cruzué</span><span style="font-weight: bold;"><br /><br /></span><div style="text-align: justify;"><span style="font-weight: bold;">O primeiro</span> Weblog da história da Web, <a style="color: rgb(51, 51, 255);" href="http://www.blogger.com/%E2%80%9Dhttp://info.cern.ch/">http://info.cern.ch</a>, foi criado por Tim Berners Lee no Laboratório do CERN em 1992.” Sua <a href="http://www.w3.org/History/19921103-hypertext/hypertext/WWW/News/9201.html"><span style="color: rgb(51, 51, 255);">página</span></a> foi afortunadamente conservada pelo consórcio administrador da Rede Mundial de Computadores.<br /><br /><span style="font-weight: bold;">O termo </span>“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 <a style="color: rgb(51, 51, 255);" href="http://home.mcom.com/home/whatsnew/">What’s New</a>. Publicado pela Netscape, o famoso browser dos pioneiros que depois foi desbancado pelo Internet Explorer de Bill Gates.<br /><br /><span style="font-weight: bold;">A partir de</span> fevereiro de 1996 surgiram os primeiros blogueiros plugados nas novidades que estavam por vir, Nas <a style="color: rgb(51, 51, 255);" href="http://www.scripting.com/twentyFour/">24 horas</a> que a Internet se abriu para o mundo. A partir dai ela explodiu e os <a style="color: rgb(51, 51, 255);" href="http://oldweblogscomblog.scripting.com/historyOfWeblogs">Blogs</a> seguiram em seu rastro. Ainda não se sabe quando o primeiro blog evangélico foi publicado.<br /><br /></div><div style="text-align: justify;"><div style="text-align: justify;"><span style="font-weight: bold;">Em 1º de abril</span> de 2004, o Google disponibilizou o <a style="color: rgb(51, 51, 255);" href="http://www.wired.com/science/discoveries/news/2009/03/dayintech_0401">Gmail</a> 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.<br /><br /><span style="font-weight: bold;">João Cruzué,</span> o criador do <a style="color: rgb(51, 51, 255);" href="http://olharcristao.blogspot.com/">Olhar Cristão</a>, 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 <a style="color: rgb(51, 51, 255);" href="http://comoviveremos.com/">E, Agora Como Viveremos?</a>, o Pastor <a style="color: rgb(51, 51, 255);" href="http://altairgermano.blogspot.com/">Altair</a> Germano e <a style="color: rgb(51, 51, 255);" href="http://belverede.blogspot.com/">Eliseu</a> Antonio Gomes.<br /><br /><span style="font-weight: bold;"> A primeira comunidade</span> agregadora de blogs que conhecemos foi a <a href="http://blogosferacrista.wordpress.com/"><span style="color: rgb(51, 51, 255);">Blogosfera Crist<span style="color: rgb(51, 51, 255);">ã</span></span></a> de Poliane Latta, da qual fazemos parte. Mas a explosão de blogs evangélicos se deu pela visão da <a href="http://blogueirosevangelicos.blogspot.com/"> União de Blogueiros Evangélicos</a> 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 <a href="http://ubeblog.ning.com/"><span style="color: rgb(51, 51, 255);">UBE</span></a> 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 <a style="color: rgb(51, 51, 255);" href="http://blogueiroscristaos.ning.com/">CNBC</a> do designer Lucas Junior apostando em tecnologia.<br /><br /></div><br /><span style="font-weight: bold; color: rgb(51, 51, 153);">Este e outros</span> artigos estão em minha nova página: <span style="color: rgb(51, 51, 255);"> </span><a style="color: rgb(51, 51, 255);" href="http://cursodb.blogspot.com/">Curso de Blogs</a><br /><br /><span style="color: rgb(51, 51, 255);">.</span><br /><br /></div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-18580389.post-53082946901761515992009-02-24T13:35:00.005-03:002013-09-03T22:47:50.729-03:00Como criar um blog evangélico<div style="text-align: left;">
<span style="color: #ff6600; font-size: 85%;"><span style="font-weight: bold;"><span style="color: #666666;"><br />Por João Cruzué</span></span></span><br />
<br />
<div style="text-align: justify;">
<span style="font-weight: bold;"><span style="color: #3366ff;">PROPÓSITO</span> </span><span style="color: black;"><br />O propósito deste</span><span style="color: black;"> texto é compartilhar conhecimento para quem deseja publicar conteúdo cristão na Internet, e ainda não sabe como criar seu próprio blog.</span></div>
</div>
<br />
<span style="color: #cc33cc; font-weight: bold;">FÁCIL e GRÁTIS</span><br />
Primeiro passo: abra uma conta no Gmail em<span style="color: #3333ff;"> </span><span style="color: #3333ff;"><a href="https://www.google.com/accounts/NewAccount?service=mail&continue=http%3A%2F%2Fmail.google.com%2Fmail%2Fe-11-111bd40ffbd86f107f1c5b19834b4b33-3cb8cc8b49d0d10118e5dbe8c9eb20f74170b086&type=2"><span style="color: #3333ff;">www.google.com</span></a></span><br />
Segundo: crie e publique gratuitamente seu blog em <span style="color: #3333ff;"><a href="http://www.blogger.com/"><span style="color: #3333ff;">www.blogger.com</span></a> </span><br />
Outras opções:<span style="color: #3333ff;"><span style="color: #3333ff;"> </span><a href="http://wordpress.com/signup/"><span style="color: #3333ff;">wordpress.c</span><span style="color: #3333ff;">om</span></a></span><br />
<br />
<span style="color: #cc33cc; font-weight: bold;">ABC DOS BLOGS</span><br />
Continue aprendendo aqui: <a href="http://comoblogar.blogspot.com/2008/09/como-blogar-abc-para-iniciantes.html" style="color: #3333ff;">Abc dos Blogs</a><br />
<br />
<span style="color: #3366ff; font-weight: bold;">ASSOCIAÇÃO</span><br />
Registre seu blog na <a href="http://blogueiroscristaos.blogspot.com/" style="color: #3333ff;">Associação de blogueiros Cristãos</a><br />
<br />
<br />
<span style="color: white;">.</span>Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-18580389.post-5792807032599211782009-02-23T16:26:00.010-03:002009-03-15T21:27:35.157-03:00Como justificar textos no Wordpress<div style="text-align: center;"><span style="color: rgb(255, 255, 255);">.</span><br /></div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgkIKRsiKSHVT61BYCIDqwnFT1ef1wazKdCJ-cZA-RPC0xGlF2oA_mxqmXsm7LmNPF4alxBYCRHL1JENCnesqHUWxFm4QAG3-e0sBoBUS3qhHMc8hU4G0rMG2U9YLv88vBAmu5CQ/s1600-h/Wordpress.bmp"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 369px; height: 163px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgkIKRsiKSHVT61BYCIDqwnFT1ef1wazKdCJ-cZA-RPC0xGlF2oA_mxqmXsm7LmNPF4alxBYCRHL1JENCnesqHUWxFm4QAG3-e0sBoBUS3qhHMc8hU4G0rMG2U9YLv88vBAmu5CQ/s400/Wordpress.bmp" alt="" id="BLOGGER_PHOTO_ID_5306077953077870450" border="0" /></a><br /><div style="text-align: center;"><div style="text-align: left;"><div style="text-align: justify;">Na edição mude de Visual para Html. Experimente digitar a linha <span style="font-weight: bold;">da figura</span> acima do primeiro parágrafo do texto que queira justificar. Confira o resultado em <a style="color: rgb(51, 51, 255);" href="http://olharcristao.wordpress.com/2008/05/06/o-consumidor-evangelico/">Olhar Cristao Wordpress.com</a><br /></div></div><br /><div style="text-align: left;"><br /><div style="text-align: center;"><span style="font-size:85%;"><span style="font-weight: bold;">João Cruzue</span>/<a style="color: rgb(51, 51, 255); font-weight: bold;" href="http://olharcristao.blogspot.com/">Blog Olhar Cristão</a></span><br /></div></div></div><br /><br /><div style="text-align: center;"><span style="color: rgb(255, 255, 255);">.</span><br /></div>Unknownnoreply@blogger.com9