Alma e coração - Tutoriais

O fim?

2011-06-20T17:53:00.004-03:00

Olá olá... Depois de quase 3 meses, quem aparece? Eu... Estou passando aqui pra avisar aos seguidores e visitantes que não pretendo mais atualizar este blog. Não pretendo, mas se acontecer daquela vontadezinha de compartilhar aparecer novamente, eu volto! Os comentários estão FECHADOS até segunda ordem, porém, quem tiver dúvidas, pode mandar pelo formulário que eu respondo numa boa (se eu souber,

Menu vertical com links em cores diferentes

2011-03-23T15:15:00.001-03:00

Mais um tutorial atendendo às buscas que acabaram caindo aqui. :) Nessa postagem, vou mostrar como fazer esse menu em lista. No próximo, mostro o com links horizontais (navbar ou linkbar). O resultado desse tutorial é esse abaixo (ou veja nesse blog de testes). É um pouquinho complicado, mas eu vou tentar explicar direitinho. Bora lá! 1. Vá em elementos de página e adicione um novo

Títulos da sidebar com cores diferentes

2011-03-12T22:23:00.001-03:00

Vou procurar fazer postagens de acordo com as buscas do Google que vem parar aqui no blog. Eu estava olhando o Analytics e encontrei entre as mais pesquisadas "cada titulo da sidebar com cor diferente". Não é tão simples pra quem tá começando, mas pra quem tem alguma experiência com o blogger é fácil e até óbvio. ^^ Vamos lá. O exemplo vai ser este aqui. Explicando: Em CCS há estilos para o que

Dica de Photoshop: Layout com sombra

2011-02-23T13:54:00.001-03:00

Pergunta enviada pela Carol através dos comentários. OBS: Não coloquei nenhuma imagem neste tutorial para a página carreguar mais rápido. Você pode baixar todas elas nesse link. Como vocês podem ver, eu adoro usar sombra nos meus layouts, fica tão bonito *cof cof*. Vou mostrar pra quem ainda não sabe fazer. Imagem 01 Abra seu Photoshop e crie um novo documento. Você pode escolher os

Até logo

2011-01-28T11:01:00.000-03:00

Oi, pessoal. Estou passando por aqui rapidinho pra avisar que vou dar uma sumida. Mas é de verdade! Desativei o formulário para envio de dúvidas, me desculpem, mas eu prefiro fazer isso do que deixar alguém esperando semanas pra ser respondido (fala a verdade, é sacanagem isso, né?). Os comentários estão ativos, mas também não vou aprovar e consequentemente, também não vou responder nada. Espero

Personalizando a área dos comentários

2011-01-12T13:03:00.001-03:00

Pedido da Adrielly, que chegou pelo e-mail. ^^ Deixar a área dos comentários mais bonitinha é a parte mais fácil de personalizar, na minha opinião. Isso por que você não precisa trocar nenhuma tag/código de lugar, só leva CSS nas classes que já vem prontinhas só esperando pra receber um up. ^^ Vou mostrar como deixar deste jeito: Separando as classes, fica desse jeito: Link do autor do

Dica de photoshop: Legenda em imagens

2010-12-17T15:30:00.001-03:00

Recebi pelo e-mail uma dúvida sobre edição de fotos. /amei adoro! rs A Bruna queria saber como faz pra colocar uma pequena legenda ou descrição nas imagens. É facinho ;* O exemplo é este: Primeiro vamos às bordas redondas (que ela não pergunto, mas…). Crie um novo documento (aqui eu uso o Photoshop CS3) em Arquivo >> Novo. Escolha o tamanho da imagem que você quiser. Aqui vou usar uma pequena

Personalizando o content-wrapper – Títulos da sidebar

2010-12-13T00:55:00.001-03:00

Depois de séculos sem atualizar o blog, estou voltando com alguns tutoriais e também a série de tutoriais de personalização da área de conteúdo (content-wrapper) do Blogger. /smile Dessa vez, vou falar da sidebar. Gadgets – Personalizando os títulos Bom, nos gadgets dá pra fazer muita coisa e é tudo bem simples, você só precisa saber onde mexer. Começando pelos títulos, a gente tem o "

Fontes diferentes no Blogger

2010-12-11T13:11:00.001-03:00

Todo mundo já percebeu e bastante gente me perguntou como faz pra colocar essas fontes diferentes que eu uso nos títulos de postagem e na sidebar (quando tem!) aqui no blog e também nos layouts que eu faço por encomenda (merchandising! rs). Respondo: é um script chamado Cufón. /smile Com ele, você pode personalizar todas as fontes do blog, isso porque ele "converte" os textos em imagens. Mas,

Hospedagem de Scripts – DropBox

2010-12-11T12:33:00.001-03:00

Pra quem quer dar um up no Blogger, muitas vezes você tem que recorrer à alguns scripts. Encontrar sites que hospedem scripts de forma gratuita não é fácil, mas existem alguns, como o DropBox. :) DropBox Eu não tenho certeza se o DropBox já foi melhor, mas desde que eu comecei a usar ele vive tirando meus arquivos do ar, só que pela facilidade e como volta em pouco tempo, ainda é uma boa

Personalizando o menu de páginas

2010-11-11T12:44:00.001-03:00

Gabriela me perguntou através do formulário como personalizar o menu de páginas do blogger. Me dei conta de que realmente não tem muitos tutoriais poraí… Vou mostrar pra você como deixá-lo desse jeito (ou parecido, ai você decide, rs). O negócio aqui é que você vai ter que criar uma classe pra lista de páginas, ou seja, PageList. No HTML do seu template deve estar mais ou menos assim:

Personalizando o content-wrapper – Parte 1

2010-11-09T14:22:00.001-03:00

Content-wrapper, pra quem não sabe, é a "coluna principal" onde ficam a sidebar (coluna lateral) e o main-wrapper (área de postagem). Se você usar o Mínima como base para personalizar seu template/layout, você vai perceber que ele não existe no CSS, só no HTML, deste jeito (veja o sublinhado):

Fazendo foto polaróide no Photoshop

2010-11-08T15:23:00.001-03:00

A Elisa me perguntou através do formulário, como eu fazia pra deixar minhas polaróides sem aquele aspecto feio de 'cerrilhamento' ou 'dentes' nas bordas e também como deixar ela amassada como no meu portal. 1. Abra o Photoshop e crie um novo documento do tamanho que você quiser a polaróide. Aqui eu escolhi 200x250px, certo? Usando a lata de tinta , preencha plano de fundo com uma cor da sua

Colocar menu mapeado no Blogger (Exemplo dois)

2010-10-23T14:40:00.001-03:00

Bastante gente tem perguntado o que fazer pra colocar aquele código de mapeamento gerado pelo DreamWeaver, FontPage ou ImageReady no footer ou header do blog. Não é complicado, mas é um pouco trabalhoso. Nesse tutorial vou mostrar como colocar no header. Vamos lá. :) Por exemplo, eu quero colocar links no footer, mas quero tudo mapeado, bem bonitinho. E também quero um menu no cabeçalho, mas

‘Configurar’ dados do post

2010-10-04T12:38:00.001-03:00

Semana passada, dei uma olhada no Analytics aqui do blog e alguém pesquisou sobre como fazer pra colocar essas linhas que separam autor, data, hora e marcadores que eu uso aqui e também no meu outro blog, então vou explicar. /wink Bom, pra dar estilos a esse trecho você vai ter que separar as tags em duas partes e criar uma nova classe no CSS e uma nova div no HTML. Novamente, vou mostrar os

Resultado do sorteio de layout!

2010-10-01T11:40:00.001-03:00

É, resolvi adiantar o sorteio porque alguns planos mudaram. Então, vamos lá. No total foram 77 inscritos, alguns foram desclassificados porque não tinha link ou não tinha banner linkando a promoção. Outros porque o blog foi excluído ou não existia… Enfim, vamos aos sorteados. Resolvi sortear 3 layouts! Número 12: James Pimentel, do blog Cão sem Plumas. Número 2: Pauliany, do blog

Sorteio: Layout personalizado!

2010-09-25T00:10:00.001-03:00

Incrições encerradas!!!Já tem um tempo que eu não atualizo o blog, então pra não deixar parado, resolvi fazer um sorteio! /haha As regras são bem simples: 1) Preencha esse formulário até às 23:59h do dia 29 de Setembro (deste ano! rs). 2) Coloque o banner de participação ou um link para este post no seu blog (aonde eu possa ver) e ajude a divulgar a promoção. 3) Infelizmente, só para

Data na mesma linha do título do post

2010-09-23T13:55:00.002-03:00

Quem é vivo sempre aparece! Voltei… /hehe Hoje vim dar uma dica super rápida que vocês já sabem qual é devido ao título desse post, que é deixar a data desse jeito: É bem facinho mesmo. Primeiro, você vai procurar isso aqui: h2.date-header { margin:1.5em 0 .5em; } Esse é o trecho de CSS da data, certo? Ele vem sem estilo, quase. Então, você vai arrumar pra data passar

Photoshop e criação de layouts: bordas redondas

2010-08-13T20:53:00.001-03:00

Finalmente, vamos à segunda parte dessa série de tutoriais. Mas, antes, quero pedir desculpas às pessoas que passaram por aqui e viram o blog ‘fechado’. Eu queria arrumar o layout e também preparar novos posts pra esquecer aquele episódio do plágio. /mad Acredito que todo mundo percebeu que eu adoro usar bordas redondas nos meus layouts. Fica um acabamento bem bonito, na minha opinião. Um

Plágio, infelizmente!

2010-07-31T16:08:00.002-03:00

Gente, estou aqui, infelizmente, pra trazer uma notícia ruim… Duas meninas me avisaram no meu blog pessoal que meu lay foi 100% copiado. Mas, não foi só isso, também houve plágio de um dos posts (esse aqui). Queria pedir ajuda de vocês pra comentarem no blog da criatura e pedirem pra que ela retire o layout e apague o post. Infelizmente, os comentários são moderados e tenho certeza que ela não

Emoticons nas postagens/comentários do Blogger

2010-07-30T00:01:00.001-03:00

Vocês devem ter reparado por aqui ou no meu blog pessoal que eu sempre dou uma animada nos posts com uns emoticons. Pois bem, me perguntaram algumas vezes como eu faço isso e acho que já devia ter colocado um tutorial aqui, né? Hoje é o dia. /nice Mas antes de começar, vou recomendar outros artigos sobre o mesmo assunto: no Gothic Darkness, no IceBreaker e também no BloggerSphera tem uns scripts

Photoshop e criação de layouts

2010-07-29T14:19:00.001-03:00

Essa semana (eu acho!), recebi um e-mail da Camille perguntando que editor de imagens eu usava e se eu poderia ensinar como usar, então, bora lá! Não sou uma ‘maga’ em edição de imagens, mas acho que dá pra enrolar e fazer uns layouts até ajeitadinhos, néah? rs Eu uso o Photoshop CS3. Foi o que eu me dei melhor, apesar da dificuldade inicial em pegar jeito com as ferramentas. O negócio é ter

Usando layouts do site Blogskins

2010-07-21T19:00:00.001-03:00

Não sei se tem poraí, mas deve ter… Mesmo assim, vou mostrar. Usar os lays do Blogskins é facílimo! /wink Primeira coisa que você tem que saber é que são todos modelo clássico, certo? Então: Não dá pra usar widgets. Tem que adicionar os comentários manualmente. Pra usar, você tem que reverter o blog para o modelo clássico. Retornando ao modelo clássico Vá em Design (o antigo

Listas personalizadas nas páginas

2010-07-16T13:45:00.001-03:00

Ontem recebi uma dúvida da Camila. Ela me perguntou como usar uma lista personalizada nas páginas do Blogger. Tipo essas que a gente usa na sidebar com os ícones (bullets, marcadores) ao lado. É bem fácil! /wink Vou explicar como configurar no CSS e depois como usar de uma forma super tranquila. Bom, primeiro, entenda: As listas são sinalizadas com ul (que é o começo da lista, digamos assim) e

Leia, por favor!

2010-07-08T22:30:00.001-03:00

Gente, de uma coisa eu ainda não tinha me dado conta. Hoje, recebi um e-mail com uma dúvida. A pessoa me falou que não estava achando o código do outter-wrapper. Quando fui visitar o blog desta pessoa, vi que ela está usando um desses modelos novos do blogger e foi aí que a ‘luz’ acendeu. /nah Quando você vai mudar o lay do blog, agora tem uma nova opção, não é? Onde era Layout, agora é Design.

Banner ‘ao lado’ das colunas

2010-06-23T22:48:00.001-03:00

O blog anda sem atualização e eu recebi a mesma dúvida algumas vezes através do formulário de contato. Então, pra me economizar e economizar os dedos de vocês também, hoje vou mostrar como deixar o layout do seu blog nesse modelo: Clique aqui para ver a imagem ou aqui pra ver no meu antigo blog. Então, não é complicado, eu juro! Bom, pra fazer isso, é como fazer um layout qualquer. Você faz um

Aviso

2010-05-31T23:10:00.002-03:00

Só um aviso: Por tempo indeterminado não estarei atualizando o blog. Mas se tiverem dúvidas, podem mandar pelo formulário de contato. Dentro do possível e do meu conhecimento, vou responder, ok? E o layout tá assim meio 'nada a ver' porque vinculei ao meu blog pessoal (que também está abandonado) como uma página de extras /tongueBoa semana à todos. /happy

Resultado do sorteio de Layout!

2010-05-16T01:34:00.001-03:00

Sem enrolação, vim só postar a planilha + resultados. Foram 14 blogs inscritos, que estão listados de acordo com a ordem de chegada no meu e-mail, conforme expliquei na página da promoção. O sorteio foi feito através do site Random.org e o resultado foi: Logo, as ‘sortudas’ foram Rebeca Rocha e Ana Carolina Lima. Até segunda-feira entro em contato com as sorteadas através do e-mail, ok? Se

Colocando i-frames no Blogger

2010-05-11T13:26:00.002-03:00

A Jamylle me perguntou como faz pra colocar Iframes no blogger. Já ia fazer e então aproveito a pergunta dela pra postar de uma vez! /hehe Aproveito também pra agradecer Clara que foi quem me mostrou como usar essas belezinhas /tongue (Obrigada, amiga!). Não sei se alguém percebeu, mas essas abinhas aqui ao lado são iframes. Então, você pode ler um pouco sobre sobre esse recurso aqui. Pra usar

Marcadores, data e comentários abaixo do titulo do post

2010-05-10T23:53:00.002-03:00

Bom, me pediram há bastante tempo que eu mostrasse como colocar marcadores, assinatura e comentários abaixo do título da postagem. Criei coragem e vou mostrar hoje. /tongue Vai ficar desse jeito: Post footer é a área abaixo da postagem, ok? Na área de posts do CSS tem um estilo definido pra essa área. Se você mexe no Blogger já deve ter visto, com certeza. Então, vá em Editar HTML e marque a

Fazendo background para blogger/twitter

2010-05-10T01:57:00.001-03:00

À pedido da amiga Joyce, vim trazer um tutorial sobre como fazer background. Que fique claro: é assim que eu faço, não sei como outras pessoas fazem ou se é a maneira correta, ok? /wink Então, vamos lá. Pra quem não tem o Photoshop, na página de extras (que já está no ar com algum conteúdo) tem um link para download do PS portable. Vá em arquivo > Novo e nas dimensões bote 200x200 pixels (deixe

Ajustando a largura das colunas

2010-05-01T01:20:00.001-03:00

Uma coisa que eu não expliquei no tutorial “Fazendo templates” foi como ajustar a largura das colunas, mas vou explicar agora. Bom, por padrão, o modelo mínima vem com 660px de largura (widht) pro header , outer wrapper e footer, ok? Então, observe o gráfico abaixo (clique para ver maior): Essa parte cinza é o outer wrapper. É nele que fica tudo do seu layout. Logo, se você quer abrir mais

Acordei boazinha = New lay + promoção

2010-04-29T17:09:00.004-03:00

Ah, novo lay! Nem acredito que gastei umas boas horinhas nesse negócio… Mas ficou do jeito que eu queria. O lay black era mais “menino&menina”, só que eu não gosto de layouts escuros. Então, hoje, estou chegando com uma promoção relâmpago! hehe É, isso aê! Um lay personalizado, “de grátis”. Basta me mandar seu nome (com pelo menos um sobrenome) + o endereço do seu blog e você já está

Primeira letra do post grande

2010-04-26T11:46:00.002-03:00

Eu tenho visto muitos blogs usando esse efeito e perguntaram ali em baixo. Vou mostrar duas formas de fazer isso, ok? Bom, a primeira é pra quem tá acostumado a postar no modo editar HTML. Escolha um dos dois códigos e cole no CSS: .capitular1 { font-size: 40px; /*---- tamanho da letra ----*/ color: #9370DB; /*---- cor da letra ----*/ font-weight: bold; float: left;

Borda arredondada nos widgets

2010-04-23T01:21:00.001-03:00

Acho que todo mundo que usa o blogger já viu um modelo verdinho que usa as bordas arredondadas nos extras do lateral, né? Então, eu sempre fui doida pra saber como fazia aquilo e, procurando procurando no Google, até encontrei alguns tutoriais, mas era tudo tão complicado e trabalhoso, que eu acabei desistindo por um tempo. Mas, quando fui fazer esse lay black, tive uma idéia! Só precisei de uma

Descobrindo dimensões de uma imagem

2010-04-08T21:20:00.000-03:00

Bom, pra quem faz layouts, é muito importante saber as dimensões de uma imagem. Eu vejo que ainda tem gente que não sabe, então vou explicar super rápido. Abra a imagem que você quer saber a altura e largura. Quando estiver visualizando, clique com o botão direito em cima dela e escolha propriedades (clique para ver maior). Depois na janelinha que abrir, clique na guia Resumo. Pronto, vai

Layout com “cara de site”

2010-04-08T15:35:00.001-03:00

Me perguntaram lá na comunidade do blorkutando, como fazer um layout assim como este. Não é difícil, mas é importante que você conheça bem a “demarcação” do blogger pra aplicar as cores no lugar certo. Resumindo, é um layout que usa mais CSS. Vou tomar como base o modelo Mínima, certo? Primeiro passo é fazer a limpeza e adicionar uma coluna única que “amarre” os posts e a sidebar. Pro cabeçalho

Seguidores em modelo clássico – Exemplo 2

2010-04-08T01:05:00.002-03:00

Pro segundo exemplo, eu escolhi este modelo, ele é mais fácil de editar. Tendo o código de seguidores, é só adicionar mais uma “caixa” e colar. O código do gadget de seguidores, você configura nessa página. Depois, escolha um trecho pra copiar. Eu escolhi o widget pra Tagboard. Tudo que você tem que fazer é colar o código dentro da área de “entrada”. Nos layouts que olhei, sempre vem marcadas

Fazendo capa pra Comunidades

2010-04-04T14:12:00.001-03:00

À pedido da amiga Joyce, tô trazendo um tuto sobre como fazer capas pra comunidades do Orkut. Na verdade, nem tem muito o que fazer, né? Basta pegar uma imagem, colocar o nome e depois “upar” a danadhenha. Falando de tamanho, você não precisa medir muito, porque o Orkut vai ajeitar da melhor forma, mas eu recomendo que você não use uma imagem muito grande pra que não fique borrada ou desfocada.

Imagem "hover" no cabeçalho

2010-04-04T02:42:00.001-03:00

Tenho visto em alguns blogs poraí, que estão usando muito links com imagem hover. Eu, como gosto de mergulhar nessas "ondinhas" logo tratei de fazer também. rs Maaaaaaas, não vou mostrar aqui como fazer uma cabeçalho chiquérrimo com link hover (até porque eu não sei fazer de cabeça, Ariane é que me salva), mas vou mostrar algo que sei fazer faz um tempinho, que aprendi só observando os layouts do

Colocando imagens em links e listas

2010-03-25T15:17:00.002-03:00

Bom, a Camila Sato me perguntou como faz pra colocar essas bolinhas coloridas do lado dos links, então vou explicar. É super fácil. Essas bolinhas nada mais são do que o background dos links. Tudo que eu faço é afastar o textos mais pra direita. No caso dos links lá em cima, eu fiz assim: #header-wrapper a:link { background: url(link da bolinha laranja) no-repeat left;

Conhecendo a base do Blogger

2010-03-24T23:20:00.002-03:00

Já há tempos devia ter trazido um gráfico explicativo aqui pro blog. Como a “plataforma” que eu domino mais ou menos é o blogger, trouxe um gráfico que explica as partes principais. É bom pra que está começando observar onde ficam as tags “primárias” e o que é o que. Depois, vou trazer, com a ajuda da Yasmin, uma explicação mais detalhada sobre as variáveis do Blogger, ok? Clique aqui para

Colocando Imagem com Links mapeados no cabeçalho do Blogger

2010-03-24T14:54:00.003-03:00

Nesse tutorial, eu mostrei com colocar links mapeados em uma imagem. Agora, vou mostrar como colocar essa imagem no cabeçalho do blogger. Primeiro, a gente tem que “esconder” o cabeçalho original. Pra isso, vá em Layout, Editar HTML. Em cada parte do header, coloque display: none. Isso vai fazer com que o cabeçalho não seja mostrado. #header-wrapper { width:660px; margin:0 auto

Dica de Photoshop: Traçado duplo com cores diferentes

2010-03-24T13:17:00.001-03:00

Uma dica legal pra usar em criação de Layouts são os efeitos em texto. Eu, particularmente, gosto muito de colocar traçado nos meus. Fica fofo e bonitinho ^^ Vou mostrar aqui um truque pra ter um traçado duplo sem ter que traçar e modificar camadas diferentes. Bora lá. Primeiro crie uma nova imagem e digite o que você quiser. Eu vou usar essa imagem Agora, na guia Camadas (Janela > Camadas),

Dica de Photoshop: Redimensionar imagem sem distorcer

2010-03-24T12:40:00.001-03:00

Pra quem tá começando a mexer com Photoshop eu sei como é complicado. Vim trazendo uma dica rápida hoje. Passeando por ai eu tenho visto o mesmo errinho que é bem fácil de ser resolvido. Sabe quando você quer ajustar uma imagem pra caber num espaço menor (tipo pra fazer wallpaper pra celular ou capaz de comunidade no Orkut) e quando vai redimensionar ela fica espremida, torta? Pois é… Acontece!

Colocando divisória entre postagens

2010-03-15T14:01:00.001-03:00

A Mel me pediu um tutorial de como colocar uma divisória (ou borda) entre as postagens. Vou mostrar como colocar uma simples - apenas com CSS - e também colocar uma imagem. Primeiro, a divisória com CSS, geralmente já vem no modelo Mínima. Ela vem assim: .post { margin:.5em 0 1.5em; border-bottom:1px dotted $bordercolor; padding-bottom:1.5em; } A variável .post é a

Retirando a sidebar

2010-03-12T13:03:00.001-03:00

Nesse tuto vou mostrar como retirar a sidebar, pra deixar só a coluna de postagens, assim como nesse exemplo. Tirar a sidebar é muito fácil. Tudo que você tem que fazer é colocar display: none na parte do CSS que é responsável por ela. Exemplo (Modelo Mínima): #sidebar-wrapper { width: 220px; float: $endSide; display: none; word-wrap: break-word; /* fix for long text

Favicons

2010-03-09T12:37:00.009-03:00

Mini gifs retirados do site Cyworld e hospedados e convertidos para .ico por mim. Por favor, se usá-los, faça um link para cá.

Mapeando imagem no FrontPage

2010-03-08T23:07:00.001-03:00

A Elisa pediu um tutorial de mapeamento de imagem, então aqui estou eu. Bom, pode parecer dificil, mas nem é, são só uns poucos cliques e já se tem uma imagem mapeada. Bora? Então, abra o FrontPage e coloque a exibição no modo Design. Você encontra isso na parte de baixo da janela do programa (imagem aqui). Crie uma imagem com os nomes ou símbolos que você quer no seu menu ou seja lá o que for

Colocando favicon

2010-03-03T00:01:00.001-03:00

Todo mundo conhece os famosos favicons, né? São essas figurinhas que aparecem do lado do endereço de sites. Pra colocar um favicon no blogger, é a coisa mais fácil que tem. Bora lá. Primeiro encontre algum site que ofereça favicon (no Evelyn’s Place tem um monte, com os códigos prontinhos…) Pegue o código oferecido e no HTML do seu blog procure por isso aqui: ]]> Então, é só

Um pouco de CSS: alterando as cores do template

2010-03-02T23:32:00.001-03:00

Me perguntaram ali no cantinho como deixar sidebar (barra de conteúdos extras) e a parte de postagens de cores diferentes, e a resposta são três letrinhas, uma sigla: CSS. O CSS é o que define as cores, posição e mais um tantinho de coisa numa página web. Você já devem ter ouvido dele porai e, se ainda não sabe do que se trata, só uma palavra: Google. Lá você vai encontrar explicações mais

Fontes para Windows

2010-02-27T21:52:00.001-03:00

Reuni aqui algumas fontes bonitas, que eu gosto. Estão todas redirecionadas para o link original de download.

Colocando um menu simples no cabeçalho

2010-02-27T12:03:00.002-03:00

Uma pessoinha chamada Tay (que não deixou link) pediu ali nos recados pra eu mostrar como faz pra pôr esses links ali em cima, então vou mostrar. Eu vi no blog da Mhilka e fui tentar fazer no meu. É bem fácil, só precisa de uns poucos códigos. Não sei se é uma maneira oficial, porque eu não vi em lugar nenhum, fui pelo método de tentativas, mas é simples e funciona bem no Internet Explorer,

Configurando e usando Blockquote

2010-02-22T14:44:00.002-03:00

É, o blockquote tá na moda! Então, lá vem tutorial e super fácil. Bora lá… Só explicando: Blockquote são esses trechos destacados que tem aqui no blog, tem gente que chama de In Off. Bastante gente perguntou, então vou mostrar como colocar e como usar. Primeiro, vá no editor do blogger e abaixo da parte de links ou na área de postagem, coloque um código assim: blockquote { background: #

Dica: Fazendo um banner pra blog

2010-02-22T14:07:00.001-03:00

Então, a pedido da Nati, vou dar uma dicas aqui de como fazer uma montagem simples e bonita. Esclarecendo que não sou uma expert, mas dá pra enrolar, né? Como todo mundo deve ter percebido, eu gosto muito de juntar uma imagem única e mudar só o fundo (fazendo uma espécie de Blend), tipo como no meu blog, eu acho que fica lindo e dá muitas possibilidades. Então, vou fazer um tuto. Lembrando, sou

Dica: Fazendo banner para blog

2010-02-22T00:16:00.000-03:00

Comentários em templates BlogSkins

2010-02-18T18:41:00.000-03:00

O template escolhido foi esse, a pedido da Amanda. Bora lá! Esse código é dos modelos clássicos do próprio Blogger, testei em dois modelos e está tudo ok, então, se der erro, retire e tente de novo. Primeiro procure a tag <$BlogItemBody$> e após ela cole esse código (dê um ou dois enter pra você não se enrolar, ok):