Leandro Ricardo.com | Webdesign - Tutoriais - Flash - Templates - Photoshop

Persépolis de Marjane Satrapi

ledearaujo@gmail.com (Leandro Ricardo) — Mon, 01 Mar 2010 15:32:00 +0000

Um pouco sobre Persépolis:

Creio que um dos principais requisitos para se escrever uma autobiografia é a honestidade, o contrário, o que veríamos seria somente uma autopromoção.

Atualmente, com toda a exposição e sucesso que as HQ’s vêm tendo (principalmente em adaptações no lucrativo mundo dos cinemas), a ideia de mostrar a vida de algumas celebridades nesse formato vem se tornando (infelizmente?) algo cada vez mais frequente.

Mas foi longe dos holofotes, em meio aos quadrinhos alternativos, que surgiu Marjane Satrapi com sua autobiografia intitulada Persépolis.

Sucesso quase que imediato na França e ganhador de importantes prêmios como o Coup de Coeur do Festival de Angoulême, o livro se espalhou pela Europa e ganhou publicações por diversos outros países do mundo.

O livro começa com a introdução do quadrinhista francês David Beauchard (Uns dos incentivadores de Satrapi e autor de Epilético), que faz um breve resumo da história do Irã desde os tempos da Pérsia até o momento em que a pequena Marji com 10 anos de idade começa o relato de sua vida no inicio da Revolução Islâmica em 1980.

A HQ mostra a jornada da autora desde sua infância até o começo de sua vida adulta quando sai de seu país pela segunda vez. Em meio a essa jornada, nos é mostrada a forte ligação e amor pela sua família e a rica cultura de seu país. Além de, é claro, todas as dificuldades sofridas pelo seu povo causadas pelo radicalismo do novo regime.

As várias mudanças impostas pelo novo regime – que vão desde o uso obrigatório do véu pelas mulheres e a proibição de festas e ingestão de bebidas alcoólicas - nos são mostradas através dos olhos críticos e da personalidade forte, herdada de seus pais, da pequena Marji.

No começo de sua juventude o cenário muda e Marjane é enviada a Áustria pelos seus pais. Embora essa mudança não seja bem vista por alguns críticos – alguns por considerarem irrelevante e menos interessante - essa época é marcada pela sua perda de identidade – que em sua infância se mostrou tão forte.

O relato dessa época se faz importante (com toda a história da procura por aceitação e amigos, desilusões amorosas e preconceitos que uma pessoa sofre em um país estrangeiro) e ganha mais relevância ao mostrar, após todas as dificuldades, a recuperação e o retorno de Marjane ao seu país.

Particularidades:

Apesar de saber sobre a existência de Persépolis alguns anos atrás - devido à indicação ao Oscar de melhor animação em 2008 - confesso que foi através das famosas listas de melhores da década que despertou o meu interesse em conhecer a obra.

O que posso dizer é que Nenhum livro de história conseguiria me explicar tão bem a respeito da cultura do povo iraniano quanto Persépolis, que além de servir para desmistificar essa visão americanizada a respeito dos países do oriente médio, serve também para diminuir um pouco as distâncias e aproximar culturas.

Acostumados a escutar que guerras são responsáveis por importantes avanços tecnológicos ou são feitas no intuito de trazerem a paz, não nos colocamos no lugar ou ao menos pensamos que pessoas inocentes estão no meio do fogo cruzado.

E todas as desculpas usadas – rixas milenares, disputas territoriais e conflitos religiosos – caem por terra quando os reais motivos dessas guerras são revelados.

A guerra Irã x Iraque - 1980–1988:

O Iraque chegou a gastar 3/4 do seu Produto Interno Bruto em armamentos durante a guerra. Entre 1981 e 1985, o Iraque vendeu 48.4 bilhões de dólares em petróleo. No mesmo período, os gastos com armas chegaram a 120 bilhões de dólares.

Apesar de quase 80% das armas virem da União Soviética e França, não faltavam outros candidatos dispostos a entrar na fila: Alemanha, China, Coréia do Norte, Síria, Líbia, Egito... Brasil (quarto maior fornecedor de armas). Os EUA ajudaram o Iraque de outras maneiras: dinheiro, materiais, e expertise militar.

Em 1988, depois de matar 1.5 milhão de pessoas e de basicamente voltar ao ponto de partida na disputa territorial, os dois lados aceitaram uma trégua (o fim da guerra nunca foi assinado).

Fonte: FYI - http://fyiblog.blogspot.com/2006/01/guerra-ir-x-iraque-19801988.html

Outras opiniões:

Universo HQ – Ricardo Malta babeira: “[...] é inegável que Persépolis é um belíssimo álbum, quase didático, que tem como principal força mostrar de forma inédita nos quadrinhos o que ocorreu nas últimas décadas em uma região que já foi um dos maiores impérios da humanidade.”

Omelete – Erico Assis: “Em meio a toda tristeza da situação do Irã, a biografia de Satrapi é forte ao revelar o que é ser um civil no meio de uma revolução, de uma transformação cultural violenta e de uma guerra... Mas, no clima de terror e incerteza do país, Marji e sua família ainda encontram tempo para rir. São estes momentos, de humor no meio do caos (às vezes um tanto nervoso), que tornam Persépolis imperdível.”

Bigorna – Matheus Moura: “Considerado a primeira HQ iraniana, Persépolis encanta do início ao fim. Para alguns a simplicidade dos desenhos pode incomodar, entretanto a complexidade da história a faz sobressair quanto a isso.”

O Atemporal – Thiago Ferreira: “[...]por mais que o Oriente Médio e o resto do mundo estejam distantes cultura, política e geograficamente, uma coisa nos une: a vivência. Essa é a carta na manga que Satrapi usa sabiamente para apresentar um pouco de sua realidade, que não deixa de ser um fragmento verossímil da situação política do Irã.”

Na Vitrine – Renata: “Persépolis não é uma obra sobre o oriente feita para o ocidente, como certos livros puxadores-de-saco-dos-EUA sobre pipas e meninos infelizes são. Em nenhum momento Marjane exalta a liberdade do capitalismo, a superioridade consumista e nem nada dessas besteiras.

Ela reflete, isso sim, sobres as perdas que seu povo sofre, as consequências de uma guerra, quando a palavra do amor é transformada no grito do ódio, quando o riso é considerado nocivo e quando a imperfeição humana impede que a harmonia acompanhe a evolução de um todo.”

Bio:

Título: Persépolis Completo - Edição especial

Número de páginas: 352

Data de lançamento: Dezembro de 2007

MSP 50: Mauricio de Sousa por 50 artistas

ledearaujo@gmail.com (Leandro Ricardo) — Sat, 30 Jan 2010 14:06:00 +0000

A Resenha:

Para celebrar o cinqüentenário de carreira de Mauricio de Sousa, 50 dos melhores artistas do traço brasileiro fazem histórias usando personagens criados pelo pai da Turma da Mônica, numa homenagem tão emocionante quanto divertida.

Essa é a breve descrição que você irá encontrar na contracapa de MSP 50. Um dos melhores álbuns de quadrinhos lançado no Brasil no ano de 2009.

Homenagem justa àquele que é considerado o maior formador de leitores do Brasil (*) e fonte de inspiração a diversos outros profissionais da área que sonham um dia alcançar sucesso semelhante.

O álbum pode ser considerado uma coletânea de obras primas. Independente das histórias (tirinhas, caricaturas, cartuns...) que resolveram homenagear diretamente Mauricio de Sousa ou aquelas em que mostram o artista convidado dando sua visão e estilo particulares, o interessante foi ver os personagens em traços e situações diferentes do universo normal da Turma da Mônica.

E o exemplo perfeito disso é “Cadê o Capitão Feio” de Orlandeli, que nos mostra um vilão taciturno que resolve se aposentar e pendurar sua capa após mais uma derrota para a turma do bairro do Limoeiro. Os detalhes soltos durante toda a narrativa – e ilustrados de forma fantástica - são os responsáveis pelo clima de mistério que ficou no ar e que deve ter feito muito leitor torcer por uma sequência.

Nessa mesma linha, encontramos mais duas histórias divertidas. Uma é “Tempirada de Caça” da Julia Bax, onde a artista junta em uma mesma aventura o Cebolinha, Chico Bento e um Curupira meio “louco”. A outra é “El Dia de Los Muertos” de Samuel Casal. Usando somente preto e branco chapados e tons de cinza, o artista cria um estilo dark bem bacana para a Turma do Penadinho.

Mas não há dúvidas que o elemento emoção foi o que falou mais alto nessa homenagem. Em “Muita coisa mudou”, Daniel Brandão mostra a turma já adulta em meio a flashbacks. Sem contar também que todo o “contexto histórico” conseguiu transmitir aos leitores todo o sentimento de nostalgia impregnado em cada página.

Mas as histórias de dois personagens em específico - no caso, o Astronauta e o Chico Bento, os mais recorrentes nesse álbum - foram as que melhor retrataram todo esse lado emocional.
“A vida de A” dos gêmeos Fábio Moon e Gabriel Bá, conseguiu com somente duas páginas, fazer com que os leitores imaginassem centenas de possibilidades e aventuras para o Astronauta.

Já “Minha Visão Preferida” de Vitor Cafaggi fecha o álbum com A história mais linda do Chico Bento de todos os tempos. Nunca o termo “fechar com chave de ouro” fez tanto sentido.

Do roteiro, a única coisa a ser dita – até para não entregar surpresas e diminuir o impacto (duvido muito) das pessoas que ainda não o leram – é o seguinte: Vai fazer você se arrepiar.

Literatura gráfica de extrema delicadeza. “Minha Visão Preferida” é a melhor surpresa nesse álbum e merece todos os elogios rasgados que vem recebendo.

Talvez o único ponto baixo faça referência à participação nada inspirada de um grande artista que frustrou a expectativa dos leitores e que infelizmente deixou a desejar. Uma pena!

Notícias apontam para um novo álbum que contará com outros novos 50 artistas e que se chamará MSP + 50. O editor será novamente Sidney Gusman, o que me faz ter certeza que a continuação será tratada com o mesmo profissionalismo e paixão.

Aliás, MSP 50 – Mauricio de Sousa por 50 Artistas é o exemplo perfeito de quando as coisas são feitas com paixão – ainda mais se tratando de arte - o resultado final será sempre perfeito e surpreendente.

* Particularidades:

Entrar na categoria de leitores iniciados pelas criações de Mauricio de Sousa é um orgulho. E possuir o registro (ou a prova material) disso até hoje, só prova o tamanho que esse orgulho representa.

A revista em questão foi uma do Chico Bento, responsável por despertar – junte-se a isso toda a curiosidade de uma criança de 6 para 7 anos – minha paixão pela literatura.

Parabéns pelo Dia do Quadrinho Nacional e pelos 50 anos de carreira ao maior representante do gênero, Mauricio de Sousa.

Outras opiniões :

Video: Banca de quadrinhos - Don Rodrigone

Melhores do Mundo – Ultra: “Não tenho dúvidas de que se trata de uma das mais importantes publicações nacionais de todos os tempos. Gibi pra colecionador, fãs da Turma da Mônica e apaixonados por quadrinhos. Entrou na mesma prateleira de V de Vingança, Maus, Watchmen e Cavaleiro das Trevas.”

Universo HQ – Eduardo Nasi: “Reunir toda essa gente é, sem dúvida, um mérito. Mas o álbum vai além: consegue apresentar só grandes histórias. Nenhum autor errou a mão. Não tem uma HQ ruim. Nem média. As mais fracas são muito boas. Várias são excelentes. E um punhado delas é excepcional.”

Blog dos Quadrinhos – Paulo Ramos: “O homenageado do álbum é um dos motivos para comprar a obra. Mas a publicação tem outros 50 motivos para atrair a atenção do leitor”

Mundo HQ – Djota: “Cinquenta obras primas. Perdoe o leitor se a adjetivação parece exagerada, mas não é comum uma releitura ser tão boa ou até mesmo superar o original, de modo que é difícil manter a impassividade ao se deparar com 50 releituras que atendem perfeitamente a esse quesito.”

Submundo Mamão – Vinci: “Acredito que para alguém que vem publicando seus personagens à tanto tempo, essa é uma grata surpresa!... É uma ode de puro agradecimento ao cara que incentivou e inspirou vários artistas do Brasil.”

BIO:

Título: MSP 50 - Mauricio de Sousa por 50 Artistas (Panini Comics)

Número de páginas: 192

Data de lançamento: Setembro de 2009

Autores: Laerte, Rodrigo Rosa, Flávio Luiz, Gilmar, Daniel Brandão, Lelis, Antonio Eder, Cau Gomez, Lailson, Fido Nesti, Julia Bax, Orlandeli, Ivan Reis, Baptistão, Mascaro, Fábio Yabu, Jean Galvão, Raphael Salimena, Benett, Fábio Moon, Gabriel Bá, João Marcos, Jean Okada, Otoniel Oliveira, José Aguiar, Angeli, Samuel Casal, Osmarco Valladão, Manoel Magalhães, Antônio Cedraz, Erica Awano, Luciano Félix, Gustavo Duarte, Fábio Lyra, Fernando Gonsales, Vinicius Mitchell, Fernandes, Rafael Sica, Spacca, Wander Antunes, Fabio Cobiaco, Ziraldo, Christie Queiroz, Dalcio Machado, Jô Oliveira, Guazzelli, Laudo, Marcelo Campos, Renato Guedes e Vitor Cafaggi.

Template - Graffiti Style

ledearaujo@gmail.com (Leandro Ricardo) — Fri, 18 Sep 2009 01:15:00 +0000

DEMO - DOWNLOAD

Já faz algum tempo que venho prometendo template novo. Na verdade 2 estavam na agulha, faltando apenas acertar alguns detalhes. Um desses é o que irei disponibilizar agora.

Seguindo a mesma linha, escolhi dessa vez o tema Graffiti Style. Um layout que se acomoda muito bem nas configurações 1024X768 (mas que fica ainda melhor nas configurações acima disso).

Pensando em evitar ao máximo colocar códigos em excesso no HTML, criei áreas para gadgets em Elementos da página. O que irá facilitar o trabalho de quem estiver interessado em instalar o template.

Vamos agora as recomendações:

- Substitua e hospede, assim que puder, todas as imagens do template em seu próprio host de confiança.

- Para colocar a data e a busca no topo do site.

Vá em Layout >>> Elementos da página >>> Adcionar um gadget >>> HTML/Javascript >>> e cole os respectivos códigos em cada janela que irá se abrir e depois salvar.

Data:

“Nome do Blog” | <script language="JavaScript">
hoje = new Date()
dia = hoje.getDate()
dias = hoje.getDay()
mes = hoje.getMonth()
ano = hoje.getYear()
if (dia < 10)
dia = "0" + dia
if (ano < 2000)
ano = 1900 + ano
function NArray (n)
{
this.length = n
}
NomeDiaWMOnline = new NArray(7)
NomeDiaWMOnline[0] = "Domingo"
NomeDiaWMOnline[1] = "Segunda-feira"
NomeDiaWMOnline[2] = "Terça-feira"
NomeDiaWMOnline[3] = "Quarta-feira"
NomeDiaWMOnline[4] = "Quinta-feira"
NomeDiaWMOnline[5] = "Sexta-feira"
NomeDiaWMOnline[6] = "Sábado"
NomeMesWMOnline = new NArray(12)
NomeMesWMOnline[0] = "janeiro"
NomeMesWMOnline[1] = "fevereiro"
NomeMesWMOnline[2] = "março"
NomeMesWMOnline[3] = "abril"
NomeMesWMOnline[4] = "maio"
NomeMesWMOnline[5] = "junho"
NomeMesWMOnline[6] = "julho"
NomeMesWMOnline[7] = "agosto"
NomeMesWMOnline[8] = "setembro"
NomeMesWMOnline[9] = "outubro"
NomeMesWMOnline[10] = "novembro"
NomeMesWMOnline[11] = "dezembro"
document.write (NomeDiaWMOnline[dias] + ", " + dia + " de " + NomeMesWMOnline[mes] + " de " + ano)
</script>

Busca: (caso você não use um outro sistema de busca como o do Adsense do Google)

<form action="Endereço do Blog/search" id="searchthis" method="get" style="display: inline;">
<table cellpadding="0" cellspacing="5" style="height: 100%; width: 230px;">
<tbody>
<tr>
<td valign="middle"><input id="b-query" name="q" size="45" type="text" value=" Procurando algo?" />
</td>
<td class="navbutton" valign="middle"><input id="submit" name="submit" tabindex="1" type="submit" value="Buscar" />
</td>
</tr>
</tbody>
</table>
</form>

- Linkar os ícones do Cabeçalho:

Vá em Layout >>> Editar HTML >>> E com ajuda do “Crtl + F” procure pela Div icons e então colocar o endereço de sua página inicial, página de contato e Feed.

<a href='Endereço do link aqui'>

- Menu de navegação:

Você irá fazer a mesma coisa que fez no item anterior. Vá em Layout >>> Editar HTML >>> E com ajuda do “Crtl + F” procure pela Div menu_nav.

<li><a href='Endereço do link aqui' title='Inicio'>Inicio</a></li>

Espero que gostem!

Até a próxima notícia, template ou tutorial!

Abraço! :)

Decretada a morte do Google Page creator

ledearaujo@gmail.com (Leandro Ricardo) — Sat, 27 Jun 2009 18:55:00 +0000

Hoje, dia 27 de junho de 2009, fui notificado pelo Google que todos os serviços do Google Page Creator serão cancelados definitivamente.
Até então, mesmo não aceitando novas inscrições, o Google Page Creator, guardava os arquivos de antigas contas.

Mas o aviso já foi dado. Os arquivos contidos na antiga conta serão migrados para o Google Sites. Infelizmente nem todos os arquivos são suportados pelo Google Sites. Principalmente arquivos javascript.

Arquivos CSS, XML, SWF (flash), imagens, arquivos de áudio... São alguns dos arquivos que eu já testei suportados pelo Google Sites.

O conselho que eu dou é não esperar pela migração de seus arquivos pelo Google, pois dessa forma (caso você não tenha um backup de seus arquivos) você poderá perder arquivos importantes.

Para quem usa arquivos javascript – plugin lightbox, emoticons, etc... – aconselho os serviços logo abaixo.

Ripway
Dropbox
SkyDrive – Basta ter uma conta no Hotmail.

Com o Dropbox eu não obtive sucesso. O Skydrive eu nunca testei, mas já li relatos de pessoas que usaram e se deram muito bem.

Já com o Ripway eu não tive nenhum problema. Aliás, foi tudo muito fácil. Recomendo esse serviço para as pessoas que usam plugins do tipo Lightbox, pois é bem cômodo e intuitivo usar o serviço Ripway.

Alguns prints logo abaixo para vocês perceberem essa facilidade (clique na imagem para ampliar):

Várias versões do IE em um único programa: IETester

ledearaujo@gmail.com (Leandro Ricardo) — Fri, 26 Jun 2009 22:49:00 +0000

Dores de cabeça com versões antigas do Internet Explorer. Isso já se tornou costumeiro entre web designers e programadores.

E com o insucesso do Vista, ainda há muitas pessoas que usam o Windows XP e consequentemente o Internet Explorer 6 (que em vários casos, consegue ser pior que o IE 5.5) que vem junto com o sistema operacional.

Em outro post eu havia mencionado o MultipleIEs. Mas faz um tempo que uso outro programa para testes. Que é o IETester.

As vantagens são muitas em usar o IETester. Ele por exemplo é capaz de simular as várias versões do IE (5.5, 6, 7 e 8 ), tudo em uma janela.

Ainda em fase de desenvolvimento, apresenta um problema parecido que acontece no MultipleIEs relacionado a animações flash no IE6 (olha ele de novo).

Recentemente li em um artigo que a Microsoft venderá novo Windows sem Internet Explorer na Europa. Fico imaginando se isso tivesse sido feito já na época do lançamento do Windows XP. Que maravilha seria o mundo hoje para todos os desenvolvedores web.

Aprendendo WebDesign e Programação – Profissionais em ação (Parte3)

ledearaujo@gmail.com (Leandro Ricardo) — Fri, 29 May 2009 14:04:00 +0000

Tendo em mente que você está acompanhando os posts - Aprendendo WebDesign e Programação - e já leu a introdução, a primeira e segunda parte da sequência, entro agora então na terceira parte que irá mostrar os profissionais em ação.

Nesse texto disponibilizarei alguns links de video-aulas (e de alguns podcasts para complementar). Esse material pode ser de grande importância, pois essa é uma maneira de você observar e assimilar diferentes técnicas de diversos profissionais da área.

Uma ótima ferramenta para montar o design e layout do seu site é o Fireworks. Vai uma dica?

Comece o layout com ele, acerte e acrescente detalhes do design com o Photoshop e finalize com o Fireworks.

Vamos à lista de link:

Fireworks:

MX Studio - Aqui você irá encontrar tutoriais que ensinam técnicas importantes de várias ferramentas do programa de forma simples e bem explicada.

Photoshop:

Becck Design - Já escrevi um texto sobre esse site. Clique no link e confira.

Web Standards:

Becck - (Agora para fazer download de algumas aulas é necessário o preenchimento de um pequeno formulário) Site completo (parte1) | Site completo (parte 2) | Site completo (parte final)

MXMasters -

Criando um site completo

Tableless - Estruturação de um layout de 3 colunas

PodCast

Guanabara - Técnicas de SEO - Parte 1 | Técnicas de SEO - Parte 2

Com essa terceira parte eu finalizo a primeira etapa que consiste em aprender o básico da área de webdesign. Pretendo atualizar sempre esses posts com novos links.

Programação é o próximo assunto a ser abordado. Mas isso ficará para um próximo post.

(E desde já, conto com a ajuda de meus amigos programadores) :)

Até a próxima!

Inclusão digital e o mau uso das Redes sociais

ledearaujo@gmail.com (Leandro Ricardo) — Sat, 02 May 2009 04:52:00 +0000

Segundo Wikipédia:

“Inclusão Digital ou infoinclusão é a democratização do acesso às tecnologias da Informação, de forma a permitir a inserção de todos na sociedade da informação... Um incluído digitalmente não é aquele que apenas utiliza essa nova linguagem, que é o mundo digital, para trocar e-mails. Mas aquele que usufrui desse suporte para melhorar as suas condições de vida.”

Foi instituída no ano de 2005, a medida provisória que tinha como um dos principais objetivos diminuir o valor dos micro-computadores. E parece ter dado certo.

O que ainda parece não ter dado muito certo, foi a implementação da inclusão digital (outro dos principais objetivos).

E tudo começa (errado) logo na compra, onde mães acompanhadas de seus filhos adolescentes estão mais preocupadas em saber se o computador “roda” MSN e Orkut!

E é nessa febre dos sites de relacionamento e no mau uso da ferramenta – sim... Pois todo o potencial que elas poderiam oferecer está sendo desperdiçado – onde se destaca mais o despreparo do novo usuário “incluído digitalmente”.

Ok... Todo o entretenimento oferecido na rede é interessante. E muito importante, levando-se em conta toda cultura que pode ser adquirida através dele. Mas a pergunta é:

Como isso vai ajudar a melhorar as condições de vida desses novos usuários?

Em que momento este usuário terá um insight sobre uma nova profissão a seguir freqüentando o Orkut? (se você tiver uma me conte para que eu crie um perfil por lá)

Eu estaria mentindo ao dizer que o governo não vem fazendo sua parte. Mas também só posso falar de onde eu moro. Aqui em Vitória (ES), por exemplo, existem algumas instituições que dão aulas gratuitas de informática .

E também há salas com computadores – localizados em pontos estratégicos da cidade – que oferecem internet de graça a população. Bastando somente o interesse das pessoas e alguns casos, um pouco de divulgação sobre o serviço.

Essa discussão ainda vai longe e no final vai ter sempre alguém discordando e dizendo que no Brasil existem outros assuntos mais importantes para se preocupar. Que inclusão digital não seria prioridade em um país com tantos problemas sociais como: desemprego, saúde, habitação, poluição e... Educação!

Educação. É... Essa discussão vai longe!

Campanha para eliminar browsers antigos do mercado

ledearaujo@gmail.com (Leandro Ricardo) — Fri, 20 Mar 2009 14:55:00 +0000

Lendo o Blog de meu camarada Lázaro Santos :-), tive conhecimento da campanha que o site IMasters está fazendo desde o começo deste ano de 2009.

A campanha consiste em você inserir um código que alertará a pessoa (com uma barra com opções de navegadores para download) que ele está usando um navegador fora dos padrões atuais da Web.

A idéia é ótima, tanto que já coloquei o código no meu e indico para o site de outras pessoas.

Veja a barra em ação e logo abaixo o artigo retirado do IMasters.

O uso de navegadores desatualizados por parte de alguns internautas faz com que desenvolvedores ainda percam muito em produtividade. Isso porque esses browsers não possuem suporte às funcionalidades e às tecnologias atuais para alcançar seus clientes, limitando soluções e criando dores de cabeça desnecessárias.

Lançado em 2001, o Internet Explorer 6.0 ainda abocanha 35% do mercado de navegadores. Infelizmente, trata-se de um browser que não acompanha o estágio atual da internet, pois apresenta falhas de segurança e limita todo o potencial de uma internet melhor para todos os usuários.

Chamada de Campanha CrossBrowser, a iniciativa visa a excluir navegadores desatualizados do mapa da internet do Brasil.

Para participar, basta inserir o código abaixo em todos os seus sites e de seus clientes. Assim, será exibida uma barra simples, sem marcas, para todo usuário que acessá-los utilizando navegadores desatualizados, que irá orientá-lo para atualizar o seu navegador e falar da importância desta atitude.

Ajude a tornar a internet ainda melhor. Divulgue em seu website a faixa da campanha, avise os amigos e cole o código na sua página:

Espero que tenham gostado da dica (e que transformem o uso dela em um hábito até que não existam mais pessoas usando navegadores ultrapassados).

Aprendendo WebDesign e Programação - CSS (Parte2)

ledearaujo@gmail.com (Leandro Ricardo) — Fri, 27 Feb 2009 18:31:00 +0000

Seguindo os posts sobre como aprender WebDesign e Programação pela internet, vamos agora ao CSS... Mas antes visite os sites logo abaixo para já ter uma noção do que pode se fazer através dessa técnica:

CSS Zen Garden

Painel com todos os layouts do Zen Garden

E para uma introdução ao assunto, nada melhor que escutar a explicação do mestre e dinossauro das CSS Maurício Samy Silva, a.k.a. Maujor. :-)

O link logo abaixo irá lhe redirecionar ao Blog do Maujor onde você poderá escutar o Podcast (on-line ou fazendo o download) com uma entrevista com o Maujor feita pela Agência GrifeMídia.

Podcast: Entrevista com o Maujor

Logo abaixo 2 dos principais sites que tratam sobre o assunto com a maior competência e dedicação:

Maujor : Bem... O que dizer sobre o Maujor?

Se você quer realmente aprender CSS não há para onde correr, pois é aqui onde o assunto é tratado em sua forma mais abrangente. Do básico ao avançado, esse site é a parada obrigatória para qualquer desenvolvedor web.

Tableless : Aqui você irá encontrar notícias e novidades sobre tecnologia e principalmente sobre CSS e Web Standards.

Tutoriais e vídeo-aulas fazem parte de seu conteúdo também, bastando somente uma navegada para encontrá-los.

Bem... Existem centenas de Sites/Blog que disponibilizam material sobre esse assunto.

Nestes você encontrará tutoriais e diferentes técnicas de como montar um menu ou como construir um layout.

Para encontrar esses sites, basta ir ao Google e ser feliz!

Como disse o Maujor: “CSS não é uma tecnologia muito fácil, é uma tecnologia fácil”!

Então vamos aos estudos.

Abraço e até o próximo Post! ;-)

Aprendendo WebDesign e Programação - HTML (Parte1)

ledearaujo@gmail.com (Leandro Ricardo) — Tue, 20 Jan 2009 21:06:00 +0000

Após uma pequena introdução (feita no post anterior) sobre como aprender WebDesign e Programação pela internet, começo agora de fato - nessa primeira parte - a mostrar onde encontrar alguns bons tutoriais e vídeo aulas.

Começaremos então com HTML. E a primeira dica é:

Esqueçam o Dreamweaver, pois ao contrário do que é dito nos cursos técnicos, ele não ajuda em nada para quem está começando.

Depois de muito navegar procurando por um material a mais sobre HTML, acabei percebendo que o que eu já tinha em mãos era suficiente.

A primeira dica deste post, são as vídeo aulas de HTML do Blog Guanabara.info.

Não tenho dúvida em afirmar que essas são as melhores vídeo aulas sobre o assunto disponíveis na internet.

E todo o código usado nas aulas, é feito no bloco de notas. Na unha, como deve ser feito em qualquer linguagem de programação.

O tempo de cada vídeo aula - que dura em média de 7 a 9 minutos - é muito bem aproveitado devido à clareza e ao dinamismo das explicações do professor Gustavo Guanabara.

Se eu tivesse que destacar algum "problema" seria pelo simples fato das aulas ainda não estarem completas, mas creio que isso não durará por muito tempo. Até porque se trata de um curso ainda recente.

Exemplo logo abaixo do vídeo de inauguração das aulas de HTML do Guanabara.info.

Visitem o Blog para assistir o restante.

Para quem tem pressa e não quer esperar pelas próximas vídeo aulas do Guanabara, basta visitar essas páginas com tutoriais sobre HTML.

No site HTML.net você encontrará um tutorial traduzido pelo Maurício Samy Silva, o Maujor.

Lá você terá a noção dos comandos básicos do HTML, e já ter uma noção também de como inserir o CSS (?... Calma, isso será abordado no próximo post) no código HTML.

O outro site é o Criar Web.com. Mais especificamente na página que trata sobre formulários. Nesse tutorial você saberá o significado de cada tag usada para montar um formulário.

Depois de lido e entendido esse tutorial, você poderá até ganhar um tempo construindo seus formulários no Dreamweaver. :-)

Introdução - Parte 1 - Parte 2 - Parte 3

Então é isso pessoal. Essa foi a primeira parte com dicas sobre como aprender WebDesign e Programação pela internet.

Na próxima aula, CSS.

Aprendendo WebDesign e Programação (Tutoriais – Vídeo Aulas – Dicas)

ledearaujo@gmail.com (Leandro Ricardo) — Fri, 16 Jan 2009 21:43:00 +0000

Com a onda já consolidada da web 2.0, onde qualquer um com o mínimo de conhecimento pode montar um blog, surgem cada vez mais pessoas interessadas nas linguagens voltadas ao desenvolvimento web.

Para quem está começando e tem o real interesse de aprender e trabalhar com isso, minha opinião é que essa pessoa procure um curso técnico. E não digo isso nem pelo aprendizado em si, pois existem pela Net vários cursos e vídeo aulas fantásticas (que é sobre o que se trata esse post, mas aguardem), mas sim pelo networking.

Conhecer pessoas nesse meio, ainda mais para quem está começando é fundamental, pois é a partir daí que irão surgir futuras parcerias e até mesmo propostas de trabalho.

Mas nem tudo é tão simples. Fazer um curso técnico desses não quer dizer que você sairá um expert no assunto. Alguns cursos pecam, não por ensinar técnicas ultrapassadas, e sim por não ensinar as novas. Vai depender só de você correr atrás e se aprofundar mais no assunto.

E um outro porém, e creio que esse é o que mais pega na hora de fazer um curso técnico, são os preços que na maioria das vezes são salgados.

Pretendo então a partir deste post mostrar algumas (ótimas) alternativas que podem ser adotadas por aqueles que têm vontade de aprender essas linguagens, mas que por algum motivo ($$$ :-)) não podem freqüentar um desses cursos técnicos.

No próximo post começo com essas dicas e comentários a respeito de cada site/blog indicados por mim.

Até! ;-)

Google Pages ganha limite de tráfego

ledearaujo@gmail.com (Leandro Ricardo) — Thu, 08 Jan 2009 15:43:00 +0000

Faz um tempo que eu venho tendo certo tipo de problema com o Google Pages. E como em alguns tutoriais eu venho sempre o indicando, me senti então na obrigação de relatar o que vem acontecendo.

O que eu não imaginava é que esse problema já vem de longa data.

Esse artigo logo abaixo, foi publicado pelo Blog Google Discovery em julho de 2007.

O produto Google Pages ganhou um limite de tráfego impossibilitando que possa usar o produto como um sistema de compartilhamento de arquivos, esta limitação também afeta aqueles usuários que possuem um site de fotos online na qual deverá visualizar o bloqueio temporário de seu conteúdo(The bandwidth or page view limit for this site has been exceeded).

Essa limitação vai contra a própria idéia do produto Google Pages, segundo a Central de Ajuda do produto, umas das sugestões de utilização do serviço seria a criação de um álbum online de fotos. Estranho não é?

Update: Segundo Mike, membro da equipe de suporte aos usuários do Google Pages, o Google não fornece até o momento nenhuma informação a respeito do limite de tráfego mas informa que recentemente foi implantado um sistema anti-spam para evitar abusos e outros problemas.

Com isso me sinto “gentilmente” obrigado a migrar de vez para o Google Sites. O problema é que lá ainda não é aceito a hospedagem de certos arquivos! :-(

A notícia é velha, mas o recado foi dado.

Template - DJ Style

ledearaujo@gmail.com (Leandro Ricardo) — Thu, 01 Jan 2009 02:00:00 +0000

Demo - Download

Continuando a mesma idéia de usar temas na criação de templates, trago depois de ~~algumas cobranças~~ alguns pedidos que recebi pelos comentários do blog, o template DJ Style.

O layout segue os mesmos padrões de configuração (800x600) do template anterior, Emo Style.

Para visualizar o template DJ Style basta clicar na imagem ou aqui.

Ao criar esse blog, a minha idéia a princípio era só ter uma espécie de portifólio. Mas ao perceber que existiam muitas pessoas com as mesmas dúvidas que eu tive quando montei o meu site/blog, resolvi então dividir um pouco do meu conhecimento.

E como algumas pessoas poderão perceber, eu programei esse post para o primeiro dia do ano. E isso foi de propósito, pois gostaria de agradecer a todos que visitaram e que (com elogios e dúvidas) comentaram no meu site.

Sucesso e um Feliz 2009 a todos! :-)

Becck Design: Download de video aulas de Photoshop (e muito mais...)

ledearaujo@gmail.com (Leandro Ricardo) — Thu, 18 Dec 2008 16:58:00 +0000

Para quem aprende e pratica Photoshop através de tutoriais e vídeo tutoriais já deve ter percebido alguns problemas.

Para não me alongar comentando cada caso, resolvi somente citá-los:

• Um tutorial sobre um simples efeito no Photoshop requer várias páginas com comentários e dicas. As várias imagens também são necessárias no passo-a-passo;

• Há sempre o risco, para a pessoa que divulga o tutorial, esquecer algum detalhe que atrapalharia no resultado final;

• O problema dos vídeo tutoriais, embora feitos com muita boa vontade, é que são feitos de forma amadora.

Esses são só alguns que eu pude notar, embora acredite que existam mais.

Essa pequena introdução foi necessária, pois agora irei mostrar a vocês uma ótima dica de site (brasileiro) que acabará com grande parte desses problemas. A Becck Design.com.

Na Becck Design você encontrará vídeo tutoriais sobre as várias ferramentas da Adobe, bastando somente preencher um pequeno formulário de cadastro para fazer os downloads.

Confesso que as aulas de webstandards - que hoje foram aposentadas (espero que volte um dia), mas que você ainda pode encontrá-las nos arquivos do site – foram de grande ajuda pra mim logo quando comecei.

Uma atenção especial para as vídeo-aulas de Photoshop comandadas pelo Fábio Beccari que não fica atrás de nenhum tutorial gringo.

Suas aulas costumam ser dinâmicas, e o conhecimento do assunto abordado é confirmado na clareza de suas explicações.

Esses dias eu estava assistindo a uma interessante vídeo-aula sobre os novos recursos do Photoshop Cs4, e digo para vocês que está imperdível...

Faço essa divulgação aqui da Becck Design.com por simplesmente ser um freqüentador assíduo e pelo enorme respeito ao público e ótimos serviços prestados pelo site.

Photoshop: Shapes personalizados para Download

ledearaujo@gmail.com (Leandro Ricardo) — Fri, 12 Dec 2008 16:58:00 +0000

Como o assunto dos últimos posts foi Photoshop, trago até vocês um artigo traduzido do site Smashing Magazine, onde você poderá encontrar 80 conjuntos diferentes de Shapes personalizados (com mais de 2500 perfis individuais) divididos em várias categorias diferentes.

Se você pretende baixar e usar qualquer um desses Shapes, não se esqueça de verificar em termos e condições estabelecidos pelo criador.

Usuários de Photoshop se beneficiam da grande quantidade de recursos de alta qualidade que estão disponíveis gratuitamente para download.

Toda a atenção é voltada para os Brushes, mas os Shapes também são extremamente úteis para várias situações.

Encontrar um Shape já personalizado pode economizar tempo e algumas dores de cabeça na sua concepção e, felizmente, há uma grande variedade de Shapes personalizados disponíveis.

Um dos (vários e ótimos) Shapes a me chamar a atenção foi esse:

Já aproveito para mostrar como deve ser baixado o Shape no Deviant Art:

(clique para ampliar)

Para instalar, basta descomprimir os arquivos zipados e ir ao diretório do Photoshop/Presets/Custom shapes... E colocar os arquivos “.csh” na pasta.

E para ver como é seu Shape recém instalado no Photoshop:

(clique para ampliar)

Agora é só clicar aqui para ir à página com os links e fazer os downloads!

Divirtam-se! :-)

Photoshop: Design Effect

ledearaujo@gmail.com (Leandro Ricardo) — Mon, 01 Dec 2008 22:13:00 +0000

Tutorial traduzido a partir de uma vídeo-aula disponibilizada no site Planet Photoshop.

Esse tutorial tem como objetivo mostrar como usar a luminosidade de uma imagem e criar um efeito de design bastante interessante.

Repare no resultado final de cada etapa para que esse tutorial funcione com qualquer uma de suas fotos.

Com algumas poucas alterações você conseguirá o mesmo efeito para qualquer imagem.

Antes de começarmos, um exemplo do efeito sugerido nesse tutorial:

(Clique nas imagens para uma melhor visualização.)

O primeiro passo é abrir sua imagem no photoshop ou fazer o download da imagem logo abaixo.

Com a imagem aberta, escolha a aba “Channels” (ao lado da aba “Layers”) e com o “Control” pressionado clique na imagem RGB.

Como pode ser visto na imagem de exemplo logo abaixo, você irá perceber que várias partes da imagem estarão com a marcação de seleção. Repare que os pontos luminosos foram selecionados.

Agora no rodapé da aba “Channels” clique em “create new channel”.

Uma nova channel com o nome “Alpha 1” será criada.

Note que aparecerá somente a marcação com o fundo preto. Confirme se o seu plano de fundo está com a cor branca selecionada e aperte “Control + backspace”.

A imagem novamente aparecerá.

Agora vá ao menu e escolha, “Select” > “Inverse” (ou Shift + Control + I).

Pressione "Alt” + “backspace” e a área escura da imagem ficará ainda mais escura.

Mais uma vez iremos inverter a marcação. ‘Select” > “Inverse” (ou Shift + Control + I)

Pressione 3 vezes a tecla “Delete”, sua imagem ficará como no exemplo abaixo:

Logo em seguida vá ao menu, “Image” > “Adjustments” > “Levels” (ou tecla de atalho Control + L) e diminua o brilho das áreas escuras escolhendo o valor 20 da primeira caixa de seleção.

Iremos escolher a ferramenta Brush com as seguintes configurações:

• Tamanho (médio) 60px,

• Soft

• Cor branca.

E iremos pintar as áreas ao redor do rosto em que a luminosidade está mais forte, apagando aquilo que não precisaremos usar em nosso design final.

Pressione Control + I e transforme a imagem em um negativo.

Voltemos agora para a aba “layers” .

Crie uma nova camada acima da camada background (onde se encontra a nossa imagem) e escolha a cor branca como background para essa nova camada (Control + backspace).

Novamente crie mais uma camada. Vá ao menu “Select” > “Load Selection” > e em “Channel” escolha “Alpha 1”. E em operation deixe como “New selection”

Pressione Ok.

Escolha uma cor para o primeiro plano (nesse tutorial eu escolhi #002157) e aperte Alt + Delete para preencher a seleção que deverá ficar assim:

Vamos travar essa camada e na caixa de ferramentas escolha Gradiente Tool (G).

Clique em Gradient Editor e mude a opção Gradient Type para “noise”.

Em randomize escolha uma paleta de cores de sua preferência para o efeito final.

Com a ferramenta Gradiente Tool ainda selecionada, basta arrastá-la.

Experimente cores diferentes, acrescente margem, mude a posição de efeito da Gradiente Tool. Escolha o que melhor lhe satisfazer! Aqui está um exemplo do efeito da ferramenta Gradiente Tool em ação:

A primeira vista o tamanho do tutorial pode assustar, mas você vai perceber que ele é bem simples de se fazer. E o resultado é bacana!

Até a próxima! ;-)

Photoshop: Adicionando um efeito dramático

ledearaujo@gmail.com (Leandro Ricardo) — Wed, 19 Nov 2008 11:32:00 +0000

Tradução do Tutorial publicado no site Photoshop Frenzy.
Clique nas imagens para uma melhor visualização.

Nesse tutorial será mostrado como adicionar um efeito dramático a um perfil no photoshop.

O efeito sugerido é este que aparece a seguir nas imagens.

Abra sua imagem em um novo projeto e imediatamente crie duas cópias da camada background.

Com a camada “background copy” selecionada vá ao menu e siga esses 4 passoas:

1. Filter,

2. Other,

3. Hight Pass,

4. E em Radius coloque 5 pixels e click Ok.

Agora escolha (nessa mesma camada ‘background copy”) o efeito de camada “Overlay”.

Agora com a camada “Background Copy 2” selecionada vá ao menu e siga os seguintes passos:

1. Image,

2. Adjustment,

3. Desaturate.

E escolha “Hard Light” como efeito nessa camada.

No menu da paleta das camadas escolha “Flatten Image”. Novamente ficaremos com uma única camada “background”.

Duplique esta camada e dê “Ctrl + F” para aplicarmos o mesmo efeito usado no início desse tutorial.

Escolha “Overlay” como efeito de camada.

E novamente no menu da paleta das camadas escolha “Flatten Image”.

Agora clique no ícone Create New Adjustment Layer (imagem abaixo) no rodapé da paleta de camadas e escolha “Curves”.

Na caixa “Curves” faça como na imagem ou digite um valor próximo a:

• Input: 57

• Output:190

Clique no Thunbnail Mask da camada onde foi criado o “Curves adjustment” e pressione “Ctrl+i”. A imagem ficará escura.

Modifique seu primeiro plano para a cor branca (pressione D).

Selecione a ferramenta Brush na caixa de ferramentas e use as seguintes configurações para o pincel:

• Diameter - 15px

• Hardness - 15%

Passe por sobre os olhos para aumentar os brilhos.

E pronto! Nosso efeito dramático está completo! Divirtam-se e apliquem esse efeito em outros projetos!

(A última etapa desse tutorial não foi traduzida devido a explicação do autor estar meio confusa e por não ter grande influência no resultado final)

Maujor + Blogger = Conhecimento e Aplicação

ledearaujo@gmail.com (Leandro Ricardo) — Wed, 12 Nov 2008 15:20:00 +0000

Observando alguns comentários, percebi que existem dúvidas (algumas delas básicas) sobre a área de WebDesign em geral.

Algumas dessas dúvidas são de pessoas que talvez acabaram de sair de seus cursos técnicos onde aprenderam a construir layouts usando tabela ou tendo uma noção superficial de CSS.

O Blogger é a ferramenta perfeita para essas pessoas e para aquelas que estão aprendendo por conta própria na internet, pois nele você tem a liberdade de mexer no HTML e criar seu próprio CSS. Uma ótima maneira de praticar todo conhecimento já adquirido.

E a fonte quase que obrigatória onde você pode aprender todo esse conhecimento é no site do Maujor.

O site tem como objetivo a divulgação das Web Standards com foco principal nas CSS, na acessibilidade, nas boas práticas de desenvolvimento Web e em traduções de documentos do W3C e de matérias de autores consagrados.

E ainda tem o Blog do Maujor, onde são divulgados tutoriais e novidades sobre CSS, Web Standards e Tableless.

Mas o principal conselho é praticar, não adiantará nada ler livros ou conhecer ótimos sites se você não colocar o que você acabou de aprender em prática. Use e abuse do Blogger.

Seu Madruga - Estampa HellBlade

ledearaujo@gmail.com (Leandro Ricardo) — Wed, 05 Nov 2008 12:44:00 +0000

Para dar aquela atualizada volto com mais uma estampa feita para a marca de roupas HellBlade.

Dessa vez tive a idéia de usar um personagem muito famoso da cultura pop.

Minha preocupação inicial foi em não deixar a estampa com um ar muito infantil.

No final acabou que eu gostei muito do resultado.

Espero em breve já estar usando a camiseta com essa estampa que criei! :-)

Eu usei alguns brushes e efeitos do Photoshop para montar essa imagem!

Para quem quiser ver a imagem em um formato maior, basta clicar na imagem!

Até a próxima!

Panfleto - Edinho Tattoo.com

ledearaujo@gmail.com (Leandro Ricardo) — Mon, 20 Oct 2008 21:38:00 +0000

(clique para ampliar)

Lightbox no Blogger - Álbum de fotos

ledearaujo@gmail.com (Leandro Ricardo) — Tue, 14 Oct 2008 02:14:00 +0000

Primeiramente peço para que façam uma visita a página Álbum de fotos - Lightbox onde se encontra o exemplo do que será explicado neste post, que é como montar um álbum de fotos no Blogger usando o lightbox.

... Mas, para quem não quer perder tempo abrindo uma nova página, basta clicar na imagem abaixo e ter uma pequena idéia.

Vamos então as explicações.

A primeira coisa a ser feita é ir a esse site e fazer o download do plugin lightbox V2.04.

O único trabalho que você terá agora é dezipar o arquivo e fazer algumas modificações em seu código!

- Hospede ~~(recomendo google pages)~~ 4 das imagens que estão na pasta “Images”; são elas:

Closelabel.gif
Loading.gif
Nextlabel.gif
prevlabel

- Abra o "lightbox.css" (dentro da pasta CSS) e substitua:

* url(../images/prevlabel.gif);

por

url("Link da imagem hospedada prevlabel.gif");

* url(../images/nextlabel.gif);

por

url("Link da imagem hospedada nextlabel.gif");

- Abra o lightbox.js e substitua:

* fileLoadingImage: 'images/loading.gif',

* fileBottomNavCloseImage: 'images/closelabel.gif',

por

* fileLoadingImage: “Link da imagem hospedada loading.gif',

* fileBottomNavCloseImage: “Link da imagem hospedada closelabel.gif',

A primeira parte está feita. Agora vamos hospedar os códigos javascript e CSS.

lightbox.css
builder.js
effects.js
prototype.js
scriptaculous.js
lightbox.js

Depois de hospedado os códigos, vamos ao Painel do Blogger >>> Layout / Elementos da página >>> E Adicionar um Gadget HTML/javascript. Agora basta colar essas 4 linhas de código fazendo as modificações que estão em destaque (azul).

E finalmente a última parte, que é chamar as imagens nas postagens com os seguintes códigos:

Para chamar uma imagem:

Ou uma série de imagens (slideshow):

<a href=" URL da Imagem #1.jpg" rel="lightbox[Série]">Expressão de Link #1</a>
<a href=" URL da Imagem #2.jpg" rel="lightbox[Série]">Expressão de Link #2</a>
<a href=" URL da Imagem #3.jpg" rel="lightbox[Série]">Expressão de Link #3</a>

Em lightbox[Série], basta colocar entre colchetes o nome a série de desenhos relacionadas. Exemplo:

rel="lightbox[album] ", rel="lightbox[desenhos]", etc...

Para mudar alguns termos para o português é só editar as imagens e procurar no código (lightbox.js) palavras que estão em inglês e trocar pelo português. (Ctrl+f, ok?)

Qualquer dúvida é só postar um comentário! ;-)

Para quem usa arquivos javascript – plugin lightbox, emoticons, etc... – aconselho os serviços logo abaixo.

Ripway
Dropbox
SkyDrive – Basta ter uma conta no Hotmail.

Com o Dropbox eu não obtive sucesso. O Skydrive eu nunca testei, mas já li relatos de pessoas que usaram e se deram muito bem.

Alguns prints logo abaixo para vocês perceberem essa facilidade (clique na imagem para ampliar):

Colocando Favicon no Blogger

ledearaujo@gmail.com (Leandro Ricardo) — Sun, 05 Oct 2008 14:51:00 +0000

Código simples e eficiente para quem deseja colocar um favicon em seu Blog.

Com esse código é possível acrescentar também no Internet Explorer, já que algumas pessoas têm problemas em adicionar favicon nesse navegador (nem falo nada!).

Vamos para algumas dicas agora:

Quando você for montar seu favicon, escolha o tamanho 32x32.

Se você hospeda suas imagens no Google Sites, desista, pois não irá funcionar.

Hospede no Google Pages ou em outra página de sua preferência e faça os testes!

Você vai precisar de uma imagem PNG (recomendo fazer isso no Photoshop, pois assim a imagem ficará bem mais leve que no Fireworks).

E de outra imagem no formato ICO... Que você poderá converter nesse site:

Converticon

Agora vamos para o código:

Basta agora substituir o Link.PNG e Link.ICO pelo endereço onde foram hospedadas as imagens.

Algumas tutoriais dizem que o código deve ser colado logo após essa linha de código:
]]></b:skin>
... No meu caso, eu o colei logo abaixo das tags <title> </title> e funcionou perfeitamente!
Faça seus testes e boa sorte!

Cetel Eletrônica - Site

ledearaujo@gmail.com (Leandro Ricardo) — Mon, 29 Sep 2008 18:49:00 +0000

Este é o website de apresentação da Cetel Eletrônica, uma empresa com mais de 21 anos de atuação no mercado capixaba com uma trajetória de excelência em serviços prestados na área de manutenção em eletrônica e sonorização e equipamento hospitalares.
Representantes exclusivos da SERCOM - fabricante de aparelhos médicos hospitalares

Cartões de visita - Banners

ledearaujo@gmail.com (Leandro Ricardo) — Mon, 29 Sep 2008 18:20:00 +0000

Retirar "marcadores" do final do Post

ledearaujo@gmail.com (Leandro Ricardo) — Tue, 23 Sep 2008 19:17:00 +0000

Não sei se já existe algum post perdido pela internet ensinando como retirar a legenda “marcadores” do final das postagens do template do Blogger (uma vez que, mesmo desmarcando essa opção em Elementos da Página continua aparecendo).

Mas mesmo assim deixo essa dica, pois se eu estava procurando por isso acredito que outras pessoas também estejam.

Na imagem abaixo um exemplo:

Vá em layout – Editar HTML – Expandir modelosde widgets.

Procure por essa parte em seu código:

Agora é só apagar essa parte do seu código, mas...

Antes de qualquer modificação em seu código é prudente salvar seu template.

Uma ótima dica é, ao invés de apagar o trecho do código, colocar ele entre as tags “” (sem aspas). Isso se o seu código estiver no HTML.

Caso esteja no CSS, basta colocar entre “/*” e “*/” (sem aspas).

Dessa forma você transforma sua linha de código em um comentário. Qualquer coisa é só retirar as tags de comentário. Bem mais fácil não?