Extras HTML

é no singular mesmo, hihi. 

Bem, eu vejo que muita gente se interessa por templates de blogspot, sempre vejo gente perguntando pela dashboard, onde se encontrar e tal, pelo que vejo é um tanto difícil  e quando eu tinha blog, a maioria dos templates bonitos eram pagos. Então vou dividir esse tutorial em partes e explicar mais ou menos como se faz. 

O Blogger fez a opção de qualquer utilizador poder fazer seu template sem requirir conhecimentos de HTML, CSS e Javascript, é uma coisa super simples, eu mesmo não utilizo o blogger, mas eu já tentei e é super fácil. Então chega de mimi e vou falar como faz. 

Template para seu Blogger

No painel de controle do seu blogger, clique em Modelos > Personalizar. 

O primeiro passo que terá é você escolher o modelo pré definido para você usar como uma base. 

Em seguida é onde você irá definir o layout do seu template. Mas o que é isso? Você irá escolher a definição de suas postagens, as caixas, a sidebar, footer, e etc. 

Bem, eu decidi fazer alguns tutoriais de blogger (como fazer templates, e etc), mas esse eu percebi que é o essencial mesmo. Então vamos lá? 

Já percebi que é muito comum no tumblr ter themes meio com cara de "mal feitos", as vezes eles são bem feitos ao extremo, mas algumas características (como as cores, logotipo, imagens, etc) dão essa cara a ele. Então decidi dar algumas dicas, (que não são somente faladas por mim, mas por blogueiros) que podem ser úteis. 

1. Cores: A combinação de cores é muito importante para a "cara" do seu tema. Se elas não estiverem combinando, não estiverem transmitindo coisas boas, se estiverem muito forte, faz com que a pessoa que entre no seu blog/tumblr veja-o com uma cara diferente e talvez parem de olhar por causa delas, mesmo que ele esteja com a criação de imagens perfeita, html/css perfeitos. Então, para mim, isso é o mais importante. 

2. Rapidez: Não deixe muitas coisas desnecessárias a vista, coloque somente o essencial, muita coisa causa cansaço na pessoa. Evitar muitas imagens em apenas uma página contribui muito. 

3. Organização: A organização do seu blog é tão importante quanto o tópico "rapidez", procure colocar em uma sequencia que as pessoas já estejam acostumados. Por exemplo, no menu, você não irá colocar no último link. Agrupar os itens que achas essenciais para seu blog e principalmente para o leitor. 

4. Imagens: Utilize imagens decorativas, para chamar o público, com decorações, mas saiba fazê-la, saiba "respeitar" todos os tópicos que foram citados acima, e também é essencial que você fazer uma imagem com uma decoração bonita e bem feita. 

5. Template/Theme: Este é o tópico mais importante, e o qual você irá juntar tudo o que eu disse acima, em uma só coisa, ou seja, decorações bonitas, cores que combinem e que não sejam muito fortes (aquelas que chegam a doer os olhos) e organização. Tente fazer uma coisa que chame o público, uma coisa bem decorada mas com moderação. Como em disse no primeiro tópico, as cores, para mim, são o mais importante de um theme/template. Se eu entrar em um tumblr/blog em que o template/theme estiver mal feito, ou com cores muito fortes, eu não vou lê-lo, ou seja, ele não vai "convidar", "convencer" o leitor, o que o faz sair e não olhar/seguir o blog/tumblr.

PSD HEDHEAD

Esse PSD destaca bastante o ruivo, como vocês podem ver no primeiro exemplo. Pode não parecer, mas ele não é forte, e se você quiser, dá até para usar em loiras que ficará bonito. Espero que gostem! De like se baixar/gostar. 

Eu estava preparando um theme, e eu fiz umas boxsides (que são essas acima), até que ficaram bonitinhas, então eu resolvi disponibilzá-las. Você pode mudar a cor, o tamanho, a largura, o que quiser, contado que credite... Espero que gostem! E, ah... Me desculpem pela caixa estar feinha, hihi. Se baixar dê like

Bom, ontem eu estava brincando com os códigos, e saiu um menu bem legalzinho, e eu decidi disponibilizar pra vocês. Ele fica legal em themes em grade, e/ou em sidebares separadas. Aqui tem uma visualização dele, mas peço que não liguem pra caixa, nem pra nada, porque eu fiz rapidinho, rs. Então, vamos lá?&nbs p; 

Comece colocando isso antes de </head>

<link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>

Depois vamos para a parte do CSS, coloque isto:

.menud {width: 40px; height: 20px; padding: 5px;  font-family: 'Play'; color: #fff; font-size: 12px; background: #e9b9c7; -webkit-transition-duration: 1s; -o-transition-duration: 1s; text-shadow: 1px 1px 0px #dfabbb;}

.menud:hover {right:20px; color:#; -webkit-border-bottom-left-radius: 10px; ;border-bottom-left-radius: 10px; }

Agora você vai colocar isso onde você quer que o menu apareça: 

<div style=”margin-left: 350px; position: absolute; margin-top: 130px; 

width: 300px”>

<div class="menud"><a href="link">01</a></div>

<div class="menud"><a href="link">02</a></div>

<div class="menud"><a href="link">03</a></div>

</div>

Agora preste atenção na parte que você colou no seu HTML: <div style=”margin-left: 350px; position: absolute; margin-top: 130px; 

width: 300px”>. (desculpa não estar entre o pré, é que o tumblr reconhece o “div style” e não aparece…)

Você irá ajusta-lo como for conveniente para sua caixa (ou não), onde ele se ajustará melhor.