in WEB blog | Criar blog, Grátis!

Texto tachado (riscado) usando imagem

2009-07-28T11:50:00.000-07:00

Meus ~~internéticos~~ queridos leitores, já postei aqui sobre texto ~~tachado~~ riscado usando a tag <strike> </strike>. Agora,apresento uma forma diferente, e super fácil, de conseguir este mesmo efeito, só que usando uma imagem.

O efeito que se ~~obtém~~ consegue é igual ao visto neste ~~trecho~~ pequeno parágrafo de texto. Super ~~bacana~~ legal, né verdade?

Pois bem, isso é muito fácil de conseguir. São apenas 2 passos. Vamos a eles?!...

Passo 1: Logado no Painel do Blogger, vá a LAYOUT > Editar HTML (Não marque Expandir modelos de widgets) e insira o código abaixo, logo antes da tag </head> e salve suas alterações:

Não esqueça de substituir o texto em LARANJA, pelo url da imagem escolhida.

Passo 2: Agora, toda vez que você quiser "riscar/tachar" um texto, basta usar a tag <strike> </strike>, colocando a palavra ou o bloco de texto a ser "riscado/tachado" entre a abertura (<strike>) e o fechamento </strike> da tag.

<strike>Escreva seu texto AQUI, dentro da Tag!</strike>

Seu texto será apresentado desta forma:

~~Escreva seu texto AQUI, dentro da Tag!~~

Note, porém, uma outra diferença: No post anterior, dizíamos que tanto faz usar a tag <strike> </strike> como, simplesmente, <s> </s>! Neste caso, usando-se a imagem, ele só será exibido desta forma com a tag completa (<strike> </strike>). Por qual motivo, juro, eu ainda não compreendi!

Assim, após a inserção do código de estilo (Text/CSS) você poderá usar ambos os estilos: SEM IMAGEM, usando simplesmes <s> </s> ou COM IMAGEM, usando a tag completa (<strike> </strike>), conforme você pode ver neste post.

Para facilitar sua vida, caso decida usar este efeito, utilize as imagens (em diversas cores e estilos) abaixo. Basta copiar o url da imagem que quiser, conforme o layout de seu template, o substituir no estilo CSS (em laranja, acima):

Você poderá, ainda, criar suas próprias imagens, a seu gosto. Um tamanho razoável é 100 x 5 pixéis. Como ela se repete, qualquer que for o tamanho do bloco de texto, este será devidamente tachado!

Este efeito foi postado, há muito tempo, pelo Blog Bazar e repostado pelo excelente EL ESCAPARATE DE ROSA, que recomendo, fortemente, uma leitura!

Pronto! Fácil, não?!...

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

bX-kcaau0 – Erro ao postar no blogspot

2009-07-03T13:05:00.000-07:00

"Não consigo postar no blog! O que fazer?" Ora, vem aqui no inWEBblog, claro!...

Ultimamente tenho recebido muitos pedidos de amigos sobre este erro. Dizem, os reclamantes que, ao tentarem postar recebem a mensagem de erro citado (Error Message: bX-kcaau0) no título deste post.

Como acreditamos que este problema não seja, apenas, de meus amigos, mas de muitas pessoas, vamos corrigir este ERRO, facilmente!

Primeiro, acesse sua conta no Blogger e vá a PAINEL > CONFIGURAÇÕES > FORMATAÇÃO > MODELO DE POSTAGENS e tente SALVAR CONFIGURAÇÕES. Provavelmente você receberá uma mensagem de erro, na parte superior, mais ou menos assim:

EXISTEM ERROS NESTE FORMULÁRIO
Corrija os erros listados abaixo e envie novamente.

E um aviso, lá em baixo, acima de SALVAR CONFIGURAÇÕES, com termos parecidos com este:

Seu HTML não pode ser aceito: Tag is not closed: <span id="fullpost">

É que você configurou algum modelo de postagem e não abriu e fechou corretamente as tags e, por um descuido do Blogger, este erro "passou"! Basta corrigir este pequeno erro, corrigindo as tags ou limpando totalmente os modelos de postagens, e SALVAR CONFIGURAÇÕES, novamente. Se estas forem devidamente salvas, pode voltar às suas postagens, tranquiilamente.

Pronto! Fácil, não?!...

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Escala de cores hexadecimais

2009-05-02T06:58:00.000-07:00

Muitas vezes, quando vamos alterar o template de nosso blog, deparamo-nos com um pequeno mas chato problema: Qual o código hexadecimal da cor que queremos usar?

No Widgetbox, dentre muitas outras coisas super interessantes, temos uma ótima solução.

Veja, na escala abaixo, como é fácil definir qualquer cor. Basta clicar e arrastar os dois pequenos círculos abaixo e a cor já é automaticamente mostrada, na caixa "COLOR", com o seu respectivo código.

Farbtastic Widgetgreat free widgetsWidgetbox

Fácil, não?!...

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

No nofollow: O inWEBblog liberou geral!

2009-04-14T15:19:00.000-07:00

Este blog, agora, assumiu uma "nova postura” em relação a alguns detalhes importantes.

Primeiro, liberamos os comentários, que agora não terão mais a MODERAÇÃO. Ou seja, ao comentar neste blog, seu comentário é imediatamente publicado. E SEM CONFIRMAÇÃO de palavras! Afinal, entendemos que nossos leitores não iriam se aproveitar desta facilidade para fazer comentários que pudessem trazer quaisquer problemas para o blog, né verdade?!...

Segundo, mas importantíssimo! Assumimos a postura de blog DOFOLLOW, ou seja, os links em comentários e os backlinks do blog estão livres da restrição “nofollow” utilizada pelo Blogger/Blogspot.

MAS O QUE ISTO QUER DIZER?

Vamos explicar: Por um excesso de zelo, digamos assim, no intuito de evitar os SPAMs em comentários em nosso blog, o Blogger inclui uma linha em nosso código que impede que os mecanismos de buscas “leiam” os links eventualmente deixados nestes comentários. O mesmo ocorre com os backlinks, que são os links que diversas páginas possam ter entre si.

Ora, a não leitura destes links afeta, com certeza, o posicionamento do blog e seu pagerank. E isto, claro, não é nada interessante para nós, pobres bloggers!

Em verdade, o tema está muito longe de uma unanimidade. Alguns são contras, outros a favor, muitos se quedam indecisos, mas este blog resolveu aderir à ação NO NOFOLLOW, do DIRECTORIO DE BLOGS SIN NOFOLLOW, e eliminamos estas linhas. (Veja como fazer isto, mais abaixo). Se isto gerar spam indesejável, podemos voltar atrás, mas não acredito nesta possibilidade.

EM QUE ESTE PROCEDIMENTO AFETA SEU BLOG?

Desta maneira, todo e qualquer comentário postado neste blog será entendido pelo Grande G (Google, claro!) como um link para o próprio blog de quem comentou. E isto, claro, afetará, positivamente, seu pagerank!

É o mínimo que poderíamos fazer, em retribuição à generosa atenção de nossos leitores para com este blog. E todos saem ganhando!...

"Todo comentário postado neste blog será entendido pelo Google como um link para o próprio blog de quem comentou, afetando, positivamente, seu pagerank!"

Assim, doravante, fique à vontade para fazer seus comentários neste blog, SEM moderação, SEM confirmação de palavras e SEM nofollow!

Sobre esta “tendência”, você poder ler mais no link do DIRECTORIO DE BLOGS(...), acima ou clicando aqui. Caso você já tenha entendido o que isto realmente significa para seu blog e queira retirar as linhas que impedem a leitura de seus backlinks, vamos fazer isto agora! É muito fácil...

1. ELIMINANDO NOFOLLOW EM SEUS COMENTÁRIOS

Passo 1: Primeiro, lembre-se de fazer um backup de seu template! Depois, logado no Painel de seu Blogger, vá a LAYOUT > Editar HTML, marque Expandir Modelos de Widgets e procure (Use CTRL + F) pela seguinte linha de código:

Passo 2: Elimine a parte destacada em AZUL, deixando-a, EXATAMENTE, assim:

2. ELIMINANDO NOFOLLOW EM SEUS BACKLINKS

Passo 3: Procure, agora, pela seguinte linha de código:

Passo 4: Mais uma vez, elimine a parte destacada em AZUL, tal como feito nos passos anteriores.

É isto! adeus nofollow em seu blog.

Mas não basta só eliminar estas linhas, o ideal é que você insira seu blog, clicando no link a seguir, no DIRECTORIO DE BLOGS SIN NOFOLLOW, e siga as instruções ali contidas, pelo menos no que diz respeito a colocar um pequeno link para o DIRECTORIO(...)!

E BONS COMENTÁRIOS E BACKLINKS, melhorando seu pagerank e o posicionamento de seu blog, nos mecanismos de pesquisas!

Pronto! Fácil, não?!...

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Pullquotes ou Intertítulos: Você decide!

2009-04-13T16:46:00.000-07:00

Também chamado de "olho", um pullquote ou intertítulo é um recurso visual extremamente utilizado por revistas e jornais, há muitos anos e até hoje, e que confere um aspecto profissional ao seu blog, dando destaque a partes de seu artigo, além de quebrar grandes blocos de texto, com beleza.

Fácil de ser implementado, basta usarmos apenas umas poucas indicações em seu CSS. Mas se você não é um expert em HTML e CSS, não se preocupe. Aqui você aprenderá a criar um destaque extra a seu blog, de maneira extremamente fácil.

Seu pullquote ficará assim. Mas, antes de mais nada, lembre-se de fazer um Backup de seu template, afinal caldo de carne e canja de galinha nunca fizeram mal a ninguém!

Passo 1: Antes de mais nada, lembre-se de fazer um Backup de seu template.

Passo 2: Logado no Painel de seu Blogger, vá a LAYOUT > Editar HTML (Não é necessário marcar Expandir Modelos de Widgets) e localize (Use CTRL + F) a seguinte linha de código:

]]></b:skin>

Passo 3: ACIMA dela, de preferência próximo às suas definições de blockquote, cole o código abaixo:

.pullquote {
float:right;
width:200px;
margin-top:10px;
margin-bottom:10px;
margin-left:20px;
border-top-width:3px;
border-bottom-width:3px;
border-top-style:solid;
border-bottom-style:solid;
border-top-color:#1d3c6e;
border-bottom-color:#1d3c6e;
font-size:14px;
text-align:center;
line-height:25px;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:400;
padding:10px;
}

Passo 4: Salve seu template. Depois, você poderá alterar o estilo de seu intertítulo conforme o esquema de cores de seu template. Para isso basta alterar os principais códigos destacados em AZUL, que são óbvios, por sua nomeclaturas.

Passo 5: Agora, vá a CONFIGURAÇÕES > Formatação > Modelo de Postagens e cole, lá, o código abaixo:

<h4 class="pullquote">Texto de seu pullquote/intertítulo aqui!</h4>

Note que esta fase é a "chamada" para seu "olho" e estamos colocando-a em Modelo de Postagens apenas para facilitar a utilização de seu pullquote. Assim, toda vez que você for fazer um post este código já estará disponível. Se você, em determinado artigo, não pretender utilizar este recurso, basta exclui-lo e pronto!

Passo 6: Salve suas Configurações.

Pronto! Fácil, não?!...

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Tradutor personalizado e eficiente no blog

2009-04-08T15:57:00.000-07:00

Hoje, com a dinâmica da Web 2.0, todo site ou blog que se preze deve ter um tradutor disponível, para que eventuais leitores em outras línguas possam ler suas páginas.

É verdade que existem inúmeros tradutores disponíveis por aí, inclusive um do Google, muito bom, do qual, de certa forma, nos valemos para apresentar este, mas que esteticamente deixa muito a desejar. Outros, por sua vez, demoram “anos” para traduzir uma página. Este Tradutor Personalizado que vamos aprender a implementar é extremamente rápido na tradução e muito fácil de introduzir em seu blog.

Seu tradutor ficará igual ao que você vê no topo desta página. Vamos a ele!...

Passo 1: Antes de mais nada, lembre-se de fazer um Backup de seu template. Agora, copie o código abaixo:

<center><div id="tradutor">

<a class="bandeira" target="_blank" href="#" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cen&hl=en'); return false;" title="Uhu, Galera! in English">
<img border="0" width="24" alt="English" src="http://dl.getdropbox.com/u/814038/Band_English.png" height="24" title="Uhu, Galera! in English"/>
</a>

<a class="bandeira" target="_blank" href="#" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Ces&hl=en'); return false;" title="Uhu, Galera! en Español">
<img border="0" width="24" alt="Spain" src="http://dl.getdropbox.com/u/814038/Band_Spain.png" height="24" title="Uhu, Galera! en Español"/>
</a>

<a class="bandeira" target="_blank" href="#" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cfr&hl=en'); return false;" title="Uhu, Galera! en Français">
<img border="0" width="24" alt="Français" src="http://dl.getdropbox.com/u/814038/Band_France.png" height="24" title="Uhu, Galera! en Français"/>
</a>

<a class="bandeira" target="_blank" href="#" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cde&hl=en'); return false;" title="Uhu, Galera! in Deutsch">
<img border="0" width="24" alt="Deustsch" src="http://dl.getdropbox.com/u/814038/Band_Germany.png" height="24" title="Uhu, Galera! en Deutsch"/>
</a>

<a class="bandeira" target="_blank" href="#" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cit&hl=en'); return false;" title="Uhu, Galera! Italiano">
<img border="0" width="24" alt="Italiano" src="http://dl.getdropbox.com/u/814038/Band_Italy.png" height="24" title="Uhu, Galera! Italiano"/>
</a>

<a class="bandeira" target="_blank" href="#" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cja&hl=en'); return false;" title="Uhu, Galera! 日本語">
<img border="0" width="24" alt="Japan" src="http://dl.getdropbox.com/u/814038/Band_Japan.png" height="24" title="Uhu, Galera! 日本語"/>
</a>

<a class="bandeira" target="_blank" href="#" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cru&hl=en'); return false;" title="Uhu, Galera! на русском языке">
<img border="0" width="24" alt="Russia" src="http://dl.getdropbox.com/u/814038/Band_URSS.png" height="24" title="Uhu, Galera! на русском языке"/>
</a>

<a class="bandeira" target="_blank" href="#" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cko&hl=en'); return false;" title="Uhu, Galera! 한국어">
<img border="0" width="24" alt="Korea" src="http://dl.getdropbox.com/u/814038/Band_Korea.png" height="24" title="in WEB blog 한국어"/></a><br/><span style="font-size: 80%">Widget by <a href="http://inwebblog.blogspot.com/2009/04/tradutor-personalizado-e-eficiente-no.html">inWEBblog</a></span><br/> </div></center>

Passo 2: Logado no Painel de seu Blogger, vá a Layout > Elementos de Página > Adicionar um Gadet e, na janela Pop up que se abrirá, escolha HTML/Javascript. Cole o código copiado no passo anterior na caixa de texto. Não coloque título.

Passo 3: Altere as partes em LARANJA, substituindo-as pelo NOME de seu blog.

Passo 4: Caso queira, salve as imagens das bandeiras, uma a uma, hospede-as no seu site de hospedagem preferido. Se não souber ou não tiver nenhum, eu recomendo o Dropbox (Ver post sobre como usá-lo), que aceita todos os tipos de imagens.

Passo 5: Caso você tenha optado por hospedar as imagens em seu site preferido, substitua as partes destacadas em AZUL pelo url de suas próprias imagens, mas se não quiser ter esse trabalho poder deixar como está, sem problemas!

Passo 6: Salve seu template e seu tradutor já estará disponível.

1. Note que cada bloco de texto/código, logo após a abertura da tag (<center><div id="tradutor">), refere-se a um idioma. Você pode eliminar qualquer idioma que queira, apenas deletando o bloco de texto/código correspondente. Assim, claro, o "tamanho" de seu tradutor diminui, pela ausência da bandeira relativa ao idioma excluído. 2. Convém eliminar os espaços em branco, existentes entres tais blocos, aqui deixados somente para efeitos de ilustração da informação acima(1).

Pronto! Fácil, não?!...

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Como Usar o Dropbox

2009-04-03T15:18:00.000-07:00

Se você chegou a este post, sem ter lido a primeira parte dele, recomendo, firmemente, que você a leia, antes. Basta clicar aqui.

Se você já tem seu Dropbox corretamente instalado (Verifique no System Tray de seu micro - a barra inferior, lado direito, onde tem o relógio - se o ícone do aplicativo já está lá!) vamos aprender a usá-lo, agora!

Clicando com o botão direito do mouse sobre o respectivo ícone, aparecem as opções para seu Dropbox, como visto na imagem a seguir, e logo mais abaixo descriminado:

Open My Dropbox (Abre a pasta onde estarão seus arquivos)

Web Interface (0,0% of 2.0 Gb used (% de uso de seus 2.0GB disponíveis).

Recently Changed> Exibe suas últimas alterações, uploads, arquivos alterados, deletados, etc)

Fórums (Link para o fórum – em inglês - de discussão do Dropbox)

Up to date (Não disponível. Refere-se a atualizações que não sei, mesmo, quais!)

Upgrade My Account (Para atualizar sua conta grátis para um plano pago, com mais espaço disponível)

Preferences (Definições de configurações do programa. Esqueça!)

Exit (Sair, claro!)

SUA CONTA DROPBOX LHE DÁ DIREITO A 2GB, INTEIRAMENTE GRÁTIS!

Mas, vamos centrar nossas atenções no primeiro item Open My Dropbox!

Pois bem, clicando nesta opção, você será enviado para uma Pasta típica do Windows, onde constará um arquivo .txt (This is your Dropbox.txt – Leia sobre isto mais adiante) e as seguintes sub-pastas:

Photos (Algumas fotos estarão previamente armazenadas aqui. Faça delas o que quiser!)

Public (Os arquivos colocados nesta pasta serão públicos e terão seus links disponibilizados para você, mediante um único clique. Veremos isto mais adiante)!

O arquivo .txt é apenas uma mensagem de boas vindas. E que boas vindas! Vejamos o que ele diz, textualmente:

"Anything you put in this folder is seamlessly uploaded to Dropbox and available on-line.

We'd love to hear what you think. E-mail us at beta@getdropbox.com or visit our forums (http://getdropbox.com/forum) anytime.

The Dropbox Team"

Traduzindo, para um bom e claro português:

"Tudo que você colocar nesta pasta é, continuamente, carregado no Dropbox e disponibilizado on-line"

“Tudo que você colocar nesta pasta é, continuamente, carregado no Dropbox e disponibilizado on-line.

Gostaríamos, muito, de ouvir o que você pensa...”

Ora, o que eu penso? Só digo mais adiante!...

Você entendeu direitinho? TODO E QUALQUER ARQUIVO que você colocar nesta pasta, via Copiar e Colar, via Arrastar e Soltar, não interessa como, SERÁ AUTOMATICAMENTE carregado para o Dropbox e estará disponível on-line IMEDIATAMENTE!

MARAVILHA! Era tudo que nós queríamos! Todos aqueles ícones, Javascripts, PHPs, imagens que você usa em seu site ou blog serão disponibilizados on-line com o devido url com apenas um clique. Quer saber como? Vamos direto ao assunto.

NOTA: SOMENTE OS ARQUIVOS DA PASTA PUBLIC TERÃO URLs PÚBLICOS!

Carregando arquivos e recebendo seu respectivo url

Pegue qualquer arquivo e salve-o, mova-o, copie-o e cole-o nesta pasta e ele será atualizada em sua conta no Dropbox. Colocando-o dentro da pasta PUBLIC ele será tornado público e terá um url único. Vamos ver como?

Pegue o mesmo arquivo e jogue-o dentro da pasta PUBLIC. Agora, com o BOTÃO DIREITO do mouse, clique sobre ele. Dentre as várias opções, agora, há uma nova: Dropbox!

Escolhendo Dropbox você terá duas (2) opções:

Revisions...

Mostra o histórico de todas as alterações que você fez no arquivo desde a data que você o carregou e, AINDA, a possibilidade de restaurá-lo, incluída aí a recuperação de arquivos antes DELETADOS!

Copy Public Link

Escolhendo essa opção você já terá na sua área de transferência (clipboard) o url de seu arquivo, para inseri-lo onde quiser!

E a equipe do Dropbox ainda quer ouvir o que eu penso?!...

Por que será, mesmo, que eles querem ouvir o que nós pensamos?

Tá bom, eu digo!...

Pois ouçam, caras, sem meias palavras: S-E-N-S-A-C-I-O-N-A-L!

Nota do Autor: Este post NÃO É PATROCINADO!

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Criar e inserir Favicon no blog, usando Favicon.CC

2009-04-03T10:55:00.000-07:00

Mas, por que você deveria colocar um favicon no seu blog? Bom, primeiro, entendamos o que é um Favicon e esta questão já estará resolvida.

Segundo a Wikipédia, “Favicons (palavra derivada de favorite (favorito) e icon Ícone) são pequenas imagens no formato *.ico com cerca de 16x16 pixels que ficam guardados em um site para visualização pelo seu navegador. Em alguns navegadores como Internet Explorer, até a versão 6, só exibem os favicons quando um site/blog é adicionado aos favoritos. Neste caso, apenas no menu correspondente aos favoritos pode-se encontrar a imagem. Em outros navegadores como Firefox, Óper e Internet Explorer 7(+), os favicons podem ser encontrados também nas abas e na barra de endereço.

Os favicons tem alto teor de acessibilidade, pois ajudam um usuário comum a identificar uma página quando ela está exibida em uma lista ou em uma barra de abas. Visando isto, muitos favicons são imagens simplificadas do logotipo da marca que representam.

Na ausência de um favicon, os navegadores exibem seu próprio ícone ou um ícone padrão como uma folha em branco.”

Entendido isto, vejamos, agora, como é muito simples criar e inserir seu favicon no blogspot.

Passo 1: Crie uma imagem (*.png, *.gif, *.jpg) no tamanho de 16x16 pixels e faça o upload para seu site de hospedagens favorito. Para tanto, recomendo o Dropbox (Veja nosso tutorial), pois este aceita TODOS os formatos de arquivos, inclusive a extensão .ico, de que estamos tratando aqui. Anote o url desta imagem.

(Note que esta imagem pode ser o que você quiser, até mesmo uma foto sua!)

Passo 2: Agora, vamos criar, online, a imagem com extensão .ico. Clique no link a seguir e acesse o Favicon.CC. Você será levado à página mostrada abaixo:

Passo 3: Clique em Import Image (Importar Imagem). Você chegará à pagina abaixo:

Passo 4: Clique em Procurar, escolha a imagem no seu computador, depois clique em Upload. Você chegará ao campo de edição de seu favicon, como mostrado a seguir:

Note que já temos uma prévia de como ficará nosso favicon!

Estando a seu gosto, clique em Dowload Favicon. Se não, edite-o, usando o pincel do Color Picker (clique na cor que quiser, depois clique na sua imagem, que fica ao lado esquerdo e esta será editada).

(Você pode, inclusive, criar um ícone animado (Use Animation), mas isto não é recomendável!)

Passo 5: Agora que você já criou sua imagem .ico hospede-a, conforme dito no Passo 1 e anote, também, seu url.

Passo 6: Logado no Painel de seu blog, vá a Layout > Editar Html e procure (Use CTRL + F) pela seguinte linha (Não é necessário marcar "Expandir modelos de widets"):

]]></b:skin>

Passo 7: Cole, logo ABAIXO dela, o código a seguir:

<!—Inicio Favicon -->
<link href='http://url_de_sua_imagem1' rel='shortcut icon'/>
<link href='http://url_de_sua_imagem2' rel='shortcut icon'/>
<!—Fim Favicon -->

Passo 8: Substitua o que está em VERMELHO pelo url de sua imagem .ico e o que está em AZUL pela sua imagem .png, .jpg, etc, conforme você a tenha criado. Salve seu template. Agora, visualize seu blog. Se você fez tudo certinho, seu favicon já pode ser visto.

Pronto! Fácil, não?!...

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Usando o Dropbox para hospedar arquivos

2009-04-01T11:25:00.000-07:00

Dropbox: Hospede todos os seus arquivos num só lugar!

Quer saber onde e como hospedar seus arquivos? Use o Dropbox! É grátis e suporta todos, eu disse TODOS(!) os formatos de arquivos. Quer aprender a usar o Dropbox? Pronto, você acaba de chegar ao lugar certo!...

De interface super amigável e de fácil manipulação, o Dropbox é, hoje, no meu entender, a melhor alternativa de hospedagem Grátis de arquivos, já que alguns sites que prestavam estes serviços ou cessaram suas atividades, ou estão causando problemas, como o JavaScript Host, que nestes últimos dias deixou este blog quase desfigurado, por conta de alguns arquivos JS lá hospedados. Isto, pra não citar outros como SkyDrive, Ning, Geocities, GoogleDocs etc.

Mas vamos ao que interessa, de fato!...

Pra usar os serviços do Dropbox você terá que baixar um aplicativo, de pouco mais de 14Mb. Dependendo de sua conexão, isto não levará mais do que 5 minutinhos e, tenha certeza, VALE A PENA! Afinal, esta será, talvez, a primeira e última vez que você terá que visitar este site, para gerenciar, compartilhar e sincronizar seus arquivos, de onde você quiser, apenas arrastando e soltando!

E aqui, vamos aprender isso, passo a passo!

Passo 1: Para baixar este aplicativo, acesse o site do Dropbox, clicando aqui. Você será direcionado para a página que viu lá no topo deste post. Clique em Download Dropbox. Você verá um Aviso de Segurança, sobre o Editor. Sem problemas! Opte por Salvar seu download e aguarde a conclusão deste.

Passo 2: Download concluído, é hora de instalar o Dropbox! Clique em Executar e aguarde (É bem rápido!) a instalação ser processada.

Passo 3: Antes da tela abaixo, você será instado a escolher a pasta para instalação de seu Dropbox. Não perca tempo com isso e aceite a pasta sugerida.

Passo 4: Aceite, também, sem problemas, os "Termos dos Serviços", clicando em "I agree"!

Passo 5: Como você é Novato no pedaço, aceite, na próxima tela, a marcação (1) “I'm new to Dropbox“ e clique em “Next” (2)!

Passo 6: Estamos, quase, chegando lá!... Vamos criar sua conta (1). Informe os dados solicitados: Primeiro nome, Último nome, Email válido, digite e confirme sua senha. Clique, mais uma vez, em "Next" (2)!

Passo 7: Pule o tour (Skip tour and finish), se quiser, e finalize seu cadastro.

Pronto! Você já está apto a usar seu novo site de hospedagem de arquivos, gratuitamente! Dê uma olhada no seu "system tray", na barra inferior direita, de seu micro que o ícone do Dropbox já está lá. Enjoy!

Mas este tutorial está ficando muito longo e pesado! Que tal transformá-lo em dois posts? Tudo bom pra você? Então, vá logo treinando, pois o sistema é muito intuitivo e depois você poderá ler o outro post, com detalhes de utilização do Dropbox, clicando aqui!

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Inserindo Menu Expansível no Blog

2009-03-26T12:01:00.000-07:00

Primeiro, vamos entender que um MENU EXPANSÍVEL, na verdade, nada mais é do que, como o próprio nome diz, um menu que, ao ser clicado se expande e, ao ser clicado novamente, se retrai. Simples, assim!

Agora, imagine que você tem informações que julga importante (Seus blogs Favoritos, por exemplo!) e quer dividi-las com seus leitores. Imagine, ainda, que estas informações, por sua quantidade, uma vez colocadas em sua SideBar, possam ocupar um precioso espaço vertical nesta mesma Barra Lateral ou quem sabe, até, “quebrar” o layout de seu template.

O que fazer, então? Simples!... Utilize um MENU EXPANSÍVEL, igual a estes dois existentes neste blog: FAVORITOS e RSS FEEDS. Aproveite, dê uns cliks lá e veja como funcionam.

Pois bem, fazer isso é extremamente simples. E é o que vamos ver agora!

Passo 1: Antes de tudo, lembre-se de fazer um Backup de seu template, afinal seguro morreu de velho, como prega o velho ditado.

Passo 2: Após logar-se no Painel de seu blog, vá a LAYOUT > Editar HTML (Ver imagem acima) e procure (Use as teclas CTRL + F) pela tag <head>. Note que não é necessário marcar Expandir Modelos de Widgets. Cole, logo abaixo dela, o seguinte código (1):

Passo 3: SALVAR seu template. Agora, vá a Elementos de Página > Adicionar um Gadgets. Na janela que se abrirá (Adicionar um Gadget/Noções Básicas), escolha HTML/JavaScript e, na caixa Conteúdo, cole o código (2) abaixo, do jeito que está. Mais adiante iremos alterá-lo.

<a href="javascript:void(0);" onclick="expandcollapse('favoritos')"><img border="0" src="http://i549.photobucket.com/albums/ii396/inaciorolim/Favoritos.png"/></a><br/>
<ul id="favoritos" class="texthidden">
<li><a href="http://uhugalera.blogspot.com/">UhuGalera</a></li>
<li><a href="http://inwebblog.blogspot.com/">inWEBblog</a></li>
</ul>

Passo 4: SALVAR. Agora, dê uma visualizada em seu blog. Seu MENU EXPANSÍVEL, com seus blogs Favoritos já está lá! No momento, estão linkados apenas os dois blogs deste Editor: o Uhu, Galera!... e este in W|E|B blog. Peço que, se você achar que mereço, mantenha-os lá.

CONSIDERAÇÕES FINAIS

1. Você pode inserir quantos links quiser. Para tanto, basta repetir a última linha, antes do fechamento da tag (</ul>), seguindo a disposição do código (3) abaixo:

2. Note que os itens em VERMELHO (Código 2) são, apenas, títulos de identificação e poderão ser alterados a seu bel prazer, desde que mantidos nomes iguais em ambos!

3. O url em AZUL (Código 2), aponta para a imagem que foi usada como ícone de seus favoritos. Aqui, usamos uma imagem .png, personalizada, com 95 x 91px. Mas, querendo alterá-la, basta hospedar sua nova imagem no local de sua preferência, anotar seu url e substituir a imagem atual.

4. Neste tutorial, criamos apenas um menu expansível com link para seus Favoritos, mas este procedimento é válido para o que sua criatividade mandar. Enjoy!

Pronto! Fácil, não?!...

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Remover "Mostrando postagens com marcador..."

2009-03-02T11:16:00.000-08:00

Você já notou que ao clicar em algum marcador, num blog Blogspot, o(s) post(s) correspondentes é (são) exibido(s) abaixo da mensagem "Mostrando postagens com o marcador ´???´...", não é verdade?!...

Pois bem, esta mensagem de status, embora explicativa, é totalmente desnecessária e ocupa um precioso espaço de tela, quando não finda por "quebrar" o layout de seu template, na maioria das vezes.

Mas é muito fácil retirar esta mensagem. Neste post vamos aprender a fazer isto, rapidamente, em poucos passos. Vamos a eles?!...

Passo 1: Antes, E SEMPRE QUE FOR ALTERAR SEU TEMPLATE, faça um backup dele.

Passo 2: No Painel de seu Blogger, vá a LAYOUT > Editar HTML e procure (Use CTRL F) pela seguinte linha de código:

]]></b:skin>

Passo 3: COPIE e COLE a linha de código a seguir, logo ANTES dela,

.status-msg-wrap{display:none;}

Passo 4: Estando tudo OK clique em SALVAR MODELO.

Pronto! Fácil, não?!...

Esta dica é do blog Ice Breaker, que vale a pena ser visitado!

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Inserindo uma mensagem ao Formulário de Comentários

2009-02-26T07:46:00.000-08:00

Atendendo a pedidos, vamos explicar aqui, em poucos passos, como colocar uma mensagem de boas vindas ou as regras de seu blog, antes do formulário de comentários.

Este espaço pode, e deve, ser utilizado para encorajar seus leitores a comentar seus artigos, criticando, elogiando ou mesmo sugerindo temas para seus futuros posts.

Isto é conseguido, facilmente, em apenas 2 passos. Vamos aprender?

Passo 1: No PAINEL de seu blog, vá a CONFIGURAÇÕES > MENSAGEM DO FORMULÁRIO DE COMENTÁRIO digite o texto desejado. Note que não há limite de caracteres, mas não exagere, por favor!

Passo 2: Clique, agora, em SALVAR CONFIGURAÇÕES.

Pronto! Fácil, não?!...

Nota: Atendendo ao pedido de um "Anônimo" chamado Paulo(?).

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Mais um Formulário de Busca Personalizado

2009-02-13T06:02:00.000-08:00

Ótima ferramenta de navegabilidade, as caixas de buscas permitem que seus visitantes encontrem, rapidamente em seu blog, o(s) assunto(s) desejado(s)!

Uma forma bem simples de inserir uma Caixa de Busca Personalizada em seu blog é o que veremos agora, em apenas 3 passos.

Mas, antes, considere a possibilidade de usar, caso você seja um editor do Google Adsense, o AdSense para Pesquisas, que poderá render-lhe alguns trocados.

Feita esta observação, vamos começar?

Passo 1: Copie o código abaixo:

<p align="center">
<form id="searchthis" action="URL DE SEU BLOG/search"
method="get" style="display:inline;">
<strong>Pesquisar no blog<br/></strong>
<input id="b-query" maxlength="200" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Ok!" type="submit"/>
</form></p>

Sobre os itens destacados em AZUL, note-se o seguinte:

-Center (centro) refere-se ao alinhamento, que poder ser, ainda, left (esquerda), right (direita), a seu critério.

-URL DE SEU BLOG, dispensa comentários, é o endereço de seu blog mesmo.

-Pesquisar no blog é o título que aparecerá na sua Caixa de Pesquisa.

-200 (maxlength) é o comprimento máximo, em pixéis, da caixa.

-20 (size) é o número máximo de caracteres de entrada.

-Ok! é o título do botão de pesquisa.

Passo 2: No Painel do Blogger, vá a LAYOUT > Elementos de página > Adicionar e organizar elementos da página > Adicionar um gadget. Na aba que se abrirá (Adicionar um gadget/Noções Básicas), escolha HTML/JavaScript.

Passo 3: Na próxima janela, Configurar HTML/JavaScript, cole o código que você copiou no passo 1, na caixa conteúdo. (Não é obrigatório a inserção de título). SALVAR!

Pronto! Fácil, não?!...

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Como fazer backup de seu template

2009-02-04T03:24:00.001-08:00

Você já deve ter percebido que sempre que for fazer alterações em seu template é recomendável fazer um backup. Assim, caso algo não saia da maneira esperada é só recuperar seu modelo anterior.

Este procedimento simples e EXTREMAMENTE IMPORTANTE é conseguido em apenas 3 passos, incluindo-se nestes a própria recuperação. Vamos a eles?

Passo 1: No PAINEL de seu blog, vá em LAYOUT > Editar HTML > Fazer backup/Restaurar modelo > Baixar modelo completo.

Passo 2: Se você estiver usando o Mozilla FireFox este, automáticamente, já salvará o seu modelo de template no seu Desktop (Área de trabalho do Windows). Caso esteja usando o Internet Explorer será necessário, e recomendado, que indique uma pasta e, preferencialmente, um nome mais amigável para o arquivo. Feito isto, é só SALVAR.

Passo 3: Caso seja necessário recuperar seu template, basta ir em LAYOUT > Editar HTML > Fazer backup/Restaurar modelo > Faça upload de um modelo de um arquivo no seu computador: > Procurar, daí é só apontar para o arquivo que você salvou no Passo 1, Abrir este arquivo e Fazer Upload!

Pronto! Fácil, não?!...

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Como bloquear o botão direito do mouse

2009-02-03T07:34:00.001-08:00

Não sei como você capta as imagens que usa em seu blog. Mas recomendo que observe os direitos de copyright dos autores destas, para evitar problemas futuros. Eu, particularmente, uso alguns programas, como Corel Draw, Corel Photo Paint e Photoshop, para editar/criar minhas imagens. E, claro, ninguém gosta de ver suas criações sendo usadas por outrém, sem que se nos dê os devidos créditos.

Uma forma simples para evitar o famoso CTRL C + CTRL V em suas imagens é bloquear o uso do botão direito do mouse de seu visitante, se assim você desejar, claro; Afinal, este procedimento não impede outros artifícios que podem ser utilizados para a captura de dados, mas já é um bom começo!

Veja aqui como fazer isso, facilmente, em apenas 3 passos!

Passo 1: Lembre-se de, ANTES, fazer um backup de seu template, sempre que for alterá-lo!), para evitar complicações. Feito isso, copie o código Java Script abaixo:

<SCRIPT language="JavaScript">
function click(){
if (event.button==2){
style="background-color: #fff2cc;">alert("Ops! Botão direito do mouse bloqueado!")
}
if (event.button==3){
alert("")
}
}
document.onmousedown=click
</SCRIPT>

Note que a mensagem "Ops! Botão direito do mouse bloqueado" pode ser alterada a seu gosto!

Passo 2: Vá em LAYOUT > Editar HTML (não precisa marcar Expandir modelos de widgets) e cole o código copiado entre as tags <HEAD> e </HEAD>.

Recomendo antes da tag de fechamento </HEAD>!

Passo 3: Estando tudo OK é só SALVAR MODELO e fazer um teste!

Pronto! Fácil, não?!...

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Uma CAIXA DE BUSCA simples e poderosa!

2009-01-30T07:34:00.000-08:00

Já postei aqui sobre uma CAIXA DE BUSCA ELEGANTE, onde a dica (Pesquisar neste blog) é autolimpante: ao clicar-se dentro da caixa ela desaparece e, ao clicar-se fora ela torna a aparecer. Mas, recentemente, fuçando no Blogger in Draft, descobri esta nova pesquisa, implementada recentemente, e achei-a tão interessante que passei a usá-la neste blog.

Ela faz a pesquisa desejada, automaticamente, (e exibe o resultado!) numa ordem interessante. Vamos ver como é?

Antes, lembre-se de fazer um backup de seu template!

~~Aproveite e faça um teste na minha caixa de busca com o termo "Tachado", por exemplo e veja o resultado!~~ Ele é exibido conforme a figura ~~no topo deste post e~~ abaixo ~~indicado~~:

1. Este blog (o seu blog),
2. Link daqui (Links de seu blog para outros endereços),
3. Linkbar (Sua lista de blogsl) e, por fim,
4. A Web.

E nada mais fácil do que implantá-la em seu blog, em 1 único e simples passo. Vamos conferir:

Passo único: No Painel de seu blog, vá em LAYOUT > Elementos de Página > Adicionar um Gadget. Na aba que será mostrada, sua velha companheira, escolha Caixa de Busca e SALVAR.

Pronto! Fácil, não?!...

Edit: O texto riscado é um "update" do Autor. Uma vez que a caixa de busca em referencia, em função da mudança de template, foi retirada. Permanece valendo todas as outras informações!

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Porque Blogar é preciso!...

2009-01-22T08:57:00.000-08:00

Não tenho, e nem teria, a pretensão de esgotar todos os assuntos, dicas, truques e recursos que podemos utilizar na blogosfera, em qualquer plataforma, aqui neste blog. Até mesmo porque este blog é dedicado, inteiramente, à plataforma Blogger/Blogspot!

Mas, aqui, você encontrará dicas que me foram muito úteis ao iniciar-me no mundo blogueiro.

É, este blog, também e principalmente, um atendimento ao pedido de um grande amigo, Ary Sacramento, que há tempos insiste para que eu o ajude a desenvolver seu blog que, pelo projeto e por sua abnegação, sei, será de extrema utilidade!

Então, Ary, mãos à obra! Vamos criar seu blog, agora.

Enjoy, amigo!

Este blog é dedicado a pessoas que (Como eu, um dia!) penam para ensaiar o seu primeiro blog. Ele contém dicas diversas e numa linguagem simples, que lhes permitirão, em poucos passos, tornarem-se, ao menos, principiantes blogueiros!

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Inserir Texto riscado ou Tachado

2009-01-21T06:25:00.000-08:00

Um efeito simples, mas interessante, o texto ~~tachado~~ riscado consiste meramente em apor-se um ~~risco~~ traço sobre o texto, em seu sentido horizontal, como você está vendo neste ~~texto~~ post.

Este efeito é muito útil quando se quer dar a impressão de mudança de idéia ou correção, por exemplo, ou ainda em casos de indicativos de promoções, do tipo de ~~R$ 12,00~~ por R$ 9,90.

Fazer isto é muito fácil. Quer saber como?

Para tanto basta utilizar a Tag <strike></strike> (ou simplesmente <s></s>), assim:

<s>Escreva seu texto AQUI, dentro da Tag!</ s>

Seu texto será apresentado desta forma:

~~Escreva seu texto AQUI, dentro da Tag!~~

Mas se você já usa o Blogger in Draft, este processo ficou agora mais fácil ainda. Basta você marcar o texto que quer tachar e clicar em “Tachado”, no seu editor de posts, representado pelo ícone ~~ABC~~.

Pronto! Fácil, não?!...

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Inserindo Caixa de Texto em posts, no seu blog

2009-01-20T12:36:00.000-08:00

Muitas vezes precisamos inserir textos puros em nossos posts. Quer para passarmos códigos HTML/JAVASCRITPS ou outros motivos quaisquer. Uma maneira prática de fazer isso é o que veremos, agora, neste post.

Para inserir uma caixa de texto em uma postagem no seu blog, use a tag <TEXTAREA>, conforme você verá a seguir.

Façamos um pequeno teste, para ver a tag funcionando:

<textarea style="COLOR: rgb(0,0,0); BACKGROUND-COLOR: #ffffff" rows="2" cols="57">ESCREVA AQUI O TEXTO QUE VOCÊ QUER QUE APAREÇA NA CAIXA DE TEXTO. NOTE QUE EM rows="?" VOCÊ ALTERA A ALTURA DA CAIXA DE TEXTO E EM cols="?" VOCÊ ALTERA A LARGURA DESTA! ISSO PODE SER MUITO ÚTIL, QUANDO VOCÊ QUER MOSTRAR TEXTO PURO, SEM FORMATAÇÕES E SEM INTERPRETAÇÕES DE HTML EM SUAS POSTAGENS!</textarea>

No exemplo acima, o texto será apresentado desta forma:

Use a Barra de Rolagem lateral e note que aparece na caixa de texto, sem nenhuma formação (negrito e itálico), todo o texto compreendido entre cols="57"> e </textarea> que é o fechamento da tag!

Pronto! Fácil, não?!...

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Primeiros passos: Como criar um blog, grátis!

2009-01-20T04:29:00.000-08:00

Blogger/Blogspot - A melhor plataforma para blogs, atualmente!

Se você chegou até este post é porque está interessado em Criar um Blog, claro! Mas como diria o Jack (o Extripador, lembra?), vamos por partes. Primeiro saiba que um blog não é nenhum bicho de 7 cabeças. Um blog, na verdade, nada mais é do que um site de fácil utilização, onde você pode escrever (Postar) sobre quaisquer assuntos, fazer um diário, guardar e exibir suas fotos, enfim, fazer o que você quiser!

E sem editar uma linha sequer de código HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) que é uma linguagem de marcação utilizada para produzir páginas na Web. Documentos HTML podem ser interpretados por navegadores como Internet Explorer, Ópera, Mozilla Fire Fox, para citar apenas alguns.

Aqui você aprenderá, em poucos passos, a Criar, Administrar e Rentabilizar um Blog, na plataforma Blogger/Blogspot, na minha opinião a melhor e mais popular plataforma para blogs, e que, melhor ainda, é inteiramente grátis!

Gostou?!... Então, calma. Em poucos instantes você estará apto a tornar-se um principiante blogueiro e a falar para o mundo inteiro.

Passo 1: Acesse a página principal do Blogger, clicando aqui. Você chegará à página que vê abaixo. Para começar a criar seu blog imediatamente clique em Criar Blog (1) ou, se preferir, Faça um Tour (2), antes, para familiarizar-se com o que é um blog e suas utilizações.

Passo 2: Você, agora, será instado a Criar uma conta no Google. Preencha os campos (todos são obrigatórios) e clique em CONTINUAR, conforme indicado na imagem abaixo (1). Se você já tem uma conta no Google (como Gmail, Grupos do Google ou Orkut), acesse-a primeiro (2), e siga as instruções da tela que se abrirá a seguir, abaixo demonstrada, em qualquer dos casos.

Passo 3: É hora de dar nome aos bois! Se você ainda não sabe qual nome quer dar a seu blog, faça uma pequena pausa e PENSE. Lembre-se que o nome de seu blog é muito importante. É por ele que você será reconhecido e acessado na WEB. O ideal (mas não obrigatório!) é que o nome de seu blog (1) seja igual ao seu endereço URL (2) (URL, de Uniform Resource Locator), em português Localizador de Recursos Universal, que é o endereço de um recurso (um arquivo, uma impressora, uma página WEB etc.), disponível em uma rede, seja a Internet, ou uma rede corporativa, uma Intranet.

Note que no campo 2 você poderá Verificar a disponibilidade de seu URL. Estando tudo OK, clique em CONTINUAR (3)!

Passo 4: Agora, escolha um modelo (Template ou "modelo de documento" é um documento sem conteúdo, com apenas a apresentação visual e instruções sobre onde e qual tipo de conteúdo deve entrar a cada parcela da apresentação; Por exemplo: conteúdos que podem aparecer no início e conteúdos que só podem aparecer no final). Use a barra de rolagem lateral (1) e defina o modelo que mais se ajuste ao seu estilo e dos assuntos que tratará no seu blog. Depois, clique em CONTINUAR (2).

(Note, também, que depois você poderá Alterar o Modelo de seu Blog ou criar um modelo personalizado, mas por enquanto - lembra do Jack? - vamos por partes!)

Ready! Prêt! Está pronto! Agora é só clicar em COMEÇAR A USAR O BLOG (1) e fazer o seu primeiro post, que é como se chamam os artigos que você escreve em seu blog.

Pronto! Fácil, não?!...

Mas relaxe, que seu primeiro post será tratado em Primeiro Post - Part I!

Edit - Jan, 26, 2009 - Meus internéticos leitores e o Grande G que desculpem, mas, por problemas em minha máquina, este post teve que ser reescrito.

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Caixa de Busca Elegante

2009-01-15T06:09:00.000-08:00

Todo blog (ou site) que se preze tem que ter uma Caixa de Busca - como a que você vê na imagem mais abaixo, para facilitar o acesso de seu visitante às informações mais relevantes e de seu (dele) interesse.

Este recurso simples, mas EXTREMAMENTE ÚTIL E ELEGANTE, pode ser implementado, facilmente, em apenas três (3) passos, no seu blog.

Vamos a eles, sem mais delongas!

Passo 1: No PAINEL de edições de seu blog, vá em LAYOUT - (Elementos de Página) - ADICIONAR GADGET, na sua Sidebar (Barra Lateral). Clique e aparecerá uma outra janela (ADICIONAR GADGET). Escolha HTML/Java Script.

Passo 2: Copie e cole o código da caixa de texto abaixo, na caixa que se abriu. Não coloque título.

Passo 3: Salve e, ao retornar ao PAINEL, já será possível ver sua Caixa de Busca, com dica auto-limpante (Ao clicar para pesquisar a dica desaparece, ao clicar fora a dica reaparece)!

Pronto! Fácil, não?!...

Créditos desta dica para o blog Usuário Compulsivo, que vale a pena visitar.

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Capitulação | Drop Caps

2009-01-15T04:19:00.000-08:00

O efeito de Capitulação (Drop Caps, no inglês) consiste em fazer com que o parágrafo de texto circunde a primeira letra deste, como você pode ver no início deste post.

É um recurso muito utilizado em livros, jornais e revistas e que dará a seu texto um belo aspecto visual.

Este efeito é conseguido, facilmente, em apenas 5 passos, conforme mostraremos a seguir!

Passo 1: Antes (E SEMPRE!) de alterar seu template, vá a LAYOUT > EDITAR HTML > BAIXAR MODELO COMPLETO e faça um backup, caso você queira, depois, reverter este procedimento.

Passo 2. Em EDITAR HTML, localize (Para isso, use Ctrl + F) o seguinte código:

]]></b:skin>

Passo 3: Logo ACIMA (ANTES) dele, cole o código mostrado abaixo:

/* ---( drop caps )--- */
.dropcaps { float:left; color: #000000; font-size:100px; line-height:80px; padding-top:1px; padding-right:5px; }

Note que o código em vermelho indica a cor da letra capitular. O azul, o tamanho desta e o verde o distanciamento na altura. Estes códigos poderão ser alterados conforme seu gosto e o layout de seu template.)

Passo 4: Salve seu template.

Agora, é só digitar, no início de cada postagem, no modo Editar HTML, o código abaixo:

<span class="dropcaps">C1</span>C2

(Onde C1 é a primeira letra de seu texto, que, se iniciado por um artigo poderá ter um espaço antes de C2, que é a continuação do mesmo).

Passo 5: Para automatizar este último procedimento, para não ter que repeti-lo a cada post, basta ir a CONFIGURAÇÕES > FORMATAÇÃO > MODELO DE POSTAGENS, colocar este código lá e SALVAR CONFIGURAÇÕES. Assim, toda vez que você for iniciar uma postagem este código já será exibido, daí é só editá-lo e fazer seu post.

Pronto! Fácil, não?!...

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Posta para Technoratti - ntmew2c7bf

2008-12-20T07:55:00.000-08:00

ntmew2c7bf

OPS! Blog em construção!

2008-10-20T16:09:00.000-07:00

Um blog que vale OURO! | Imagem by Google

Ainda estamos construindo este blog! Volte dentro de alguns dias e usufrua de todas as nossas dicas, grátis, sobre como criar, administrar e rentabilizar o seu blog. Tenha certeza que vai valer a pena.

Em todo caso, MUITO OBRIGADO por sua visita e sua generosa compreensão!

Estamos fazendo de tudo para que o mais breve possível você possa usufruir de todas as dicas que serão apresentadas aqui.

Aguardamo-lhes em breve.

O Administrador!

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Política de Privacidade

2008-10-20T14:47:00.000-07:00

Ao usar este Blog, você estará concordando, previamente, com os termos desta Política de Privacidade. Sempre que você der informações através deste Blog, estará concordando que tais informações sejam coletadas, usadas e reveladas segundo esta mesma política.

Sobre Cookies e web beacons

Este blog não utiliza cookies e/ou web beacons quando um usuário tem acesso às suas páginas. Entretanto é recomendável a leitura atenciosa do tópico final: Ações de Terceiros (AdSense - Google).

Sobre Crianças e Menores de Idade

Embora não tenha conteúdo tipicamente Adulto, este Blog não é recomendado a crianças menores de 13 anos. Recomendamos que VOCÊ, como pai/mãe, converse com seus filhos sobre o correto uso da Internet e sobre as informações que estes venham a revelar a Blogs/Web Sites, afinal, EU não tenho nada a ver com o que seus filhos façam ou deixem de fazer.

Sobre Links com outros Blogs/Web Sites

Este Blog poderá conter links ou referências a outros Blogs/Web Sites. Queira considerar-se avisado de que não controlo outros Blogs/Web Sites e que, de modo algum, esta Política de Privacidade se aplicará a tais Blogs/Web Sites. Recomendamos que você leia a política de privacidade de cada Blog/Web Site que visitar.

Sobre Ações de Terceiros - Google

Por questões de rentabilização, este Blog pode usar publicidade gerida por terceiros, (Google Adsense, etc.) em todas ou algumas de suas páginas, portanto, fique notificado que:

1. O Google, como fornecedor de terceiros, através do Google Adsense, utiliza cookies e/ou web beacons nos widgets que mostram publicidade nos Blogs/Sites, possibilitando desta forma que estes recebam informações relevantes como o seu browser e endereço de IP de forma a que seja possível a implementação de tecnologias como Geotargetting - identificação da localização geográfica.

2. Com o cookie DART, o Google pode exibir anúncios para seus usuários com base nas visitas feitas aos seus e a outros sites na Internet.

3. Os usuários podem desativar o cookie DART visitando a Política de privacidade da rede de conteúdo e dos anúncios do Google.

Ao visitar este Blog, você aceita, também, os termos impostos na Política de Privacidade do Google Adsense.

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Termos de Uso e Responsabilidade

2008-10-20T14:31:00.000-07:00

Todo o material exibido neste Blog é de autoria exclusiva e de responsabilidade de seu Autor. Fotos, textos ou citações de terceiros, quando houver, têm seu respectivos autores e/ou detentores de copyright citados.

O Autor deste blog reserva-se o direito de, mesmo mediante solicitação, por quaisquer meios, e à seu critério, não autorizar obras derivadas, nos termos deste. A utilização não autorizada de todo ou parte deste blog será prontamente rebatida, por todos os meios, pelo Autor, por toda a vida digital do infrator, até que este vá parar no inferno.

No entanto, como o Autor é bonzinho, você poderá:

1. copiar,
2. imprimir,
3. distribuir,
4. exibir e
5. executar

esta obra, única e exclusivamente, sob as seguintes condições:

Atribuição.
Você deve dar crédito ao autor original, na forma especificada pelo autor ou licenciante.

Uso Não-Comercial.
Você não pode utilizar esta obra com finalidades comerciais.

Vedada a Criação de Obras Derivadas.
Você não pode alterar, transformar ou criar outra obra com base nesta. Para cada novo uso ou distribuição, você deve deixar claro, para outros, os termos da licença desta obra. Qualquer uma destas condições podem ser renunciadas, desde que Você obtenha permissão do autor.

Termo de exoneração de responsabilidade.
A Licença Simplificada não é uma licença propriamente dita. Ela é apenas uma referência útil para entender a Licença Jurídica (a licença integral) - ela é uma expressão dos seus termos-chave que pode ser compreendida por qualquer pessoa. A Licença Simplificada, em si, não tem valor legal e seu conteúdo não aparece na licença integral.Qualquer direito de uso legítimo (ou "fair use") concedido por lei, ou qualquer outro direito protegido pela legislação local, não são em hipótese alguma afetados pelo disposto acima.

Nada nesta licença prejudica ou restringe os direitos morais do autor.

Este é, apenas, um sumário para leigos da Licença Jurídica.

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

BlogToc | Mapa do Blog

2008-10-20T12:32:00.000-07:00

Este blog utiliza o BlogTOC (Tabela de Conteúdo do Blog), que permite que você navegue e encontre o(s) artigo(s) e assuntos(s) que procura. Nele você encontra uma lista de todos os arquivos, com os links para os respectivos artigos, a data de cada um e as respectivas categorias onde estão arquivados. Você poderá ver um pequeno resumo de cada artigo ao colocar o cursor sobre o título.

Os artigos estão apresentados em ordem alfabética ascendente, mas clicando nos títulos das colunas você pode classifica-los em ordem ascendente ou descendente por data ou ordem alfabética, conforme o caso.

Quando você clica no nome de uma determinada categoria, o BlogTOC mostrará todos os posts arquivados nessa categoria. Para voltar à lista completa, clique no título "Categorias".

Para ir até a página do post de seu interesse, simplemente clique no título do post. Se você entrou na página do post e quer voltar a ver o Mapa do Site, clique no botão VOLTAR, no Menu Superior de seu Navegador.

Bem-vindo ao in WEB blog e boa leitura!

****************************************************************************************************

FECHAR TOC

2008-10-20T09:02:00.000-07:00

Assinar RSS | FEEDS

2008-10-20T06:25:00.000-07:00

____________________________

ASSINAR RSS FEEDS. "DIABÉISSO"?
____________________________

O termo Feed vem do verbo em inglês "alimentar". Na Internet, este sistema também é conhecido como "RSS Feeds" (RDF Site Summary ou Really Simple Syndication).

Na prática, Feeds são usados para que um usuário de internet possa acompanhar os novos artigos e demais conteúdo de um site ou blog sem que precise visitar o site em si. Sempre que um novo conteúdo for publicado em determinado site, o "assinante" do feed poderá ler imediatamente. (Ver mais em: Wikipedia)

Imagine que você gosta de várias revistas e livros e, geralmente, para adquirir estas publicações, você precisa ir a várias bancas especializadas, para poder adquirir o que você quer. Agora imagine o comodismo que seria, se todas essas bancas tivessem um serviço de avisar quando cada revista que te interessa chegasse e ainda fossem levá-las até a sua casa sem você ter que ligar pedindo?!...

ESSA É A GRANDE VANTAGEM NA UTILIZAÇÃO DOS FEEDS!

Agora que você já entendeu o que é ASSINAR RSS FEEDS, considere assinar este blog e receba todas as atualizações, com toda comodidade. É só clicar neste link.

OBRIGADO!

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

Sobre o Autor | About me

2008-10-20T04:34:00.000-07:00

Sou Inácio Rolim, 50, brasileiro vibrador e cearense 'retado', nascido na pequenina São Luis de Ibaretama, outrora distrito (hoje emancipado) de Quixadá, terra da Pedra da Galinha Choca (Abaixo, esq. - Foto de Alex Uchoa), onde aprendi a pescar piaus e a caçar gordos preás; Muito jovem ainda deixei para trás, e para sempre, os açudes, as lagoas e as matas da infância. Hoje, residindo em Fortaleza, vejo minha terra natal, mal parafraseando o poeta Drummond, como apenas um retrato na parede. E que nem dói!

Eternas paixões deram-me variados e maravilhosos relacionamentos. Casado e separado algumas vezes (hoje divorciado), tenho um (01) filho, Luiz Eduardo (DUDU), 13, a paixão maior que resiste!

Além do amor por este filho, gosto de publicidade, marketing e economia; Adoro literatura e quando possível curto as belas praias de minha terra, como a Praia da Lagoinha (foto à direita), vista sob a lente atenta do fotógrafo cearense Alex Uchoa.

Por profissão, abracei a publicidade, onde militei por muitos anos, e por conveniência, hoje, trabalho no mercado automotivo.

GOSTOU DESTE ARTIGO? ENTÃO ASSINE O RSS FEEDS DO BLOG. É GRÁTIS!
Ficaria, também, muito honrado com um COMENTÁRIO seu sobre este Post.

in WEB blog | Criar blog, Grátis!

Texto tachado (riscado) usando imagem

bX-kcaau0 – Erro ao postar no blogspot

LEIA MAIS - EFEITO EXPANDIR/OCULTAR TEXTO

Escala de cores hexadecimais

No nofollow: O inWEBblog liberou geral!

"Todo comentário postado neste blog será entendido pelo Google como um link para o próprio blog de quem comentou, afetando, positivamente, seu pagerank!"

Pullquotes ou Intertítulos: Você decide!

Seu pullquote ficará assim. Mas, antes de mais nada, lembre-se de fazer um Backup de seu template, afinal caldo de carne e canja de galinha nunca fizeram mal a ninguém!

Tradutor personalizado e eficiente no blog

Como Usar o Dropbox

"Tudo que você colocar nesta pasta é, continuamente, carregado no Dropbox e disponibilizado on-line"

Criar e inserir Favicon no blog, usando Favicon.CC

Usando o Dropbox para hospedar arquivos

Inserindo Menu Expansível no Blog

Remover "Mostrando postagens com marcador..."

Inserindo uma mensagem ao Formulário de Comentários

Mais um Formulário de Busca Personalizado

Como fazer backup de seu template

Como bloquear o botão direito do mouse

Uma CAIXA DE BUSCA simples e poderosa!

Porque Blogar é preciso!...

Inserir Texto riscado ou Tachado

Inserindo Caixa de Texto em posts, no seu blog

Primeiros passos: Como criar um blog, grátis!

Caixa de Busca Elegante

Capitulação | Drop Caps

Posta para Technoratti - ntmew2c7bf

OPS! Blog em construção!

Política de Privacidade

Termos de Uso e Responsabilidade

BlogToc | Mapa do Blog

Assinar RSS | FEEDS

Sobre o Autor | About me