Manhê, criei um blog!

March 9th, 2009 | by Lucas |

É muito comum hoje em dia uma pessoa dizer: “Ah, vou criar um blog”. O problema é que muitas destas pessoas tem problemas com layout, HTML, CSS etc, deixando o blog “feinho” e consequentemente com poucas visitas.

Foi pensando nisso que resolvi escrever este post, citando tópicos de extrema importância para iniciantes em blogs que querem ingressar no mundo da blogosfera. Se você nunca usou a internet na sua vida e estava andando na rua quando viu um vendedor de cachorro quente e de um modo muito estranho e inexplicado resolveu criar um blog, aconselho que leia este ótimo post sobre Guia de etiqueta para os beneficiados com a inclusão digital.

1 - A primeira etapa: Definindo um assunto principal, quem vai postar… enfim!

Isso não é comigo, afinal se você não tiver capacidade de definir um assunto sozinho, como espera que eu te diga?

2 - A segunda etapa: Layout, tema ou também conhecido como template e vaca-louca.

Esta etapa é um pouco longa, afinal vou tratar de vários assuntos.

Com um tema “base” qualquer, você deve usar a opção de edição do HTML, no blogspot. Você encontrará códigos como este:

/* Variable definitions
====================
<Variable name=”mainBgColor” description=”Main Background Color”
type=”color” default=”#ffffff” value=”#ffffff”>

Observe os campos em azuis, eles se referem as cores que deverão ser definidas por você. Já em description, você pode ter uma prévia do que está editando, Main Background Color, pode ser traduzido como a cor de fundo do seu blog. Já as cores são representadas por números hexadecimais, você não precisa decorar todas as combinações referentes a cor, usando o próprio paint, você as personaliza na tabela de cores e pega o código referente à cor gerada. Aplique estes mesmos conceitos nas outras variáveis, que podem definir o link, o título do post entre outros.

Após as variáveis, você encontra as formatações das div, que é o CSS da página. Geek Ionizado, o que é CSS? Resposta aqui.

O código pode ser assim:

a:link {
color: $mainLinkColor;
}

$mainLinkColor é a variável, lá em cima ela pode se referir à uma certa cor

Esta parte não tem muita ultilidade, mas você pode observar que o que foi definido lá em cima são variáveis ou seja, elas representam um valor:

a:link {
color: #FFFFFF
}

Teríamos o mesmo resultado se definíssimos a variável de cima como #FFFFFF porém isto não importa desde que você edite a variável.

Inserindo novos “campos” e formatando-os:

Você já aprender a usar uma variável para definir algo, e para que serve a formatação no CSS. Uma coisa muito importante que você deve saber é como criar novas formatações para novas DIV, que você vai criar.

Geek Ionizado, qual a ultilidade disso?

Você pode formatar por exemplo um widget, Tomei como exemplo o do blogblogs, você pode ver o meu widget personalizado bem do lado direito do meu blog. Para começar, seu objeto será uma div, então ele ficará entre as tags:

<div>

Seu código

</div>

De início vou ensinar a formatar uma imagem, ela pode ser carregada com a tag img, veja:

<div id=”imagem”>

<img src=”http://www.google.com.br/intl/pt-BR_br/images/logo.gif”>

</div>

Carregamos a imagem e definimos uma id, que serve para identificar a div, para formatarmos no CSS, agora veja como ficará o CSS:

#imagem {
border:3px solid:#000000; width:500px; height:400px;
}

Border define o tamanho da borda da imagem. Solid define a cor da borda, o “;” separa o código. Width define a largura e heigth a altura. O px significa em pixels.

Para saber outras formatações basta dar uma rápida procura no Google.

3 - Visual: Banners, banner de parceria e imagenzinhas felizes:

Capriche no banner, nem sempre ele é necessário pois você pode atrair seu leitor mais no texto do que com o visual. No entando um banner e um conteúdo de qualidade pode agradar duplamente o leitor.

Banners de parceria: Fazendo parceria com outros blogs, você torna seu blog mais visitado e consequentemente, retorna visitas para outros blogs. Este é um dos modos mais usados de atrair visitantes.

Adsense: Ok, se você quiser complementar a sua renda familiar tentando ganhar dinheiro com seu blog vá em frente, mas distribuia bem o adsense. Não adianta nada colocar um pop-up gigante que não pode ser fechado esperando que o leitor irá clicar nele. Lembre-se: O que mais importa é o blog e o visual, e não “o quanto você vai ganhar” com ele.

4 - Postagens

Afinal, o que é um blog sem postagens? Nesta última etapa você aprende a organizar melhor seus posts, colocar tags e etc.

Um post bem escrito é o que conta, coloque-o na categoria correta e insira as tags certas. E principalmente não copie texto de outros blogs, isso só o torna mais “simples” e ficará conhecido como “kibador” e ninguém vai gostar do seu blog. Principalmente se você copiar um texto e não colocar os créditos do autor original.

Tags: , , , , , , , , , , ,

Comentar