Campanha Incentivo Literário!

Vas Happenin?

Bom gente desculpa novamente só ter postado agora é que eu to endividada de tarefas e passei a tarde toda fazendo, pra não passar o Carnaval com caderno e lápis na mão né, bom tenho um aviso que acho melhor vocês se acostumarem com os meus post nesse horário por que pelo que eu to vendo a escola não vai deixar eu postar mais cedo não!

O assunto que venho a tratar hoje é muito interessante que é sobre a Campanha Incentivo Literário. A campanha consiste em indicar um livro que você goste para as pessoas que não costumam ler muito, e através do seu blog ajudar a encontrar esse espirito de leitura. Aqui abaixo tem as regras da campanha para que entendam melhor. Vamos conferir...

Dicas - Transferindo códigos do Tumblr para o Blogger

Oi Oi Gente!

Desculpem a demora pra postar é que pra falar a verdade hoje eu não tava com espírito de blogueira e tava tentando me distrair com outra coisa, ficar um tempinho longe do computador     aí só agora me deu vontade de postar.

Hoje venho com dicas super legais e eu posso afirma com toda certeza que são muito úteis e que podem ajudar que é de como transferir códigos do Tumblr para o blog se seguir as instruções abaixo sempre, não terá problemas na hora de passar para cá. Prestem muita atenção, totais créditos ao KW.

Como colocar ribbons nas postagens!

Iai leitores que moram logo ali!! Tudo bem?? Lembrando que faltam só 2 seguidores para cumprir a minha meta. Gentee me ajuda! Voltando ao assunto venho com mais um tutorial retirado do Cherry Bomb (créditos) ensinando como colocar ribbons nas postagens, querem ver mais leiam o resto post:

Você pode usar uma ribbon como fundo ou uma outra imagem qualquer, ou até mesmo só cor.
Vá no HTML do seu blog, aperte Ctrl+F e procure por ]]></b:skin>
Cole logo acima, este código:

.ribbon {
background: url('url_da_imagem') no-repeat right;
width: 270px; /*Largura da imagem*/
height:52px; /*Altura da imagem*/
float: right; /*Posição do título (right-direita, left-esquerda)*/
text-align: center; /*Alinhamento do texto*/
font-family: Verdana; /*Fonte*/
color: #fff; /*Cor da fonte*/
font-size: 22px; /*Tamanho da letra*/
line-height: 60px; /*Altura da linha - coloque a altura da imagem ou numero maior*/
margin-right: -38px; /*Margem direita*/
margin-left: 0px /*Margem esquerda*/
}

Entendendo

Altere a altura e largura, fonte e etc onde se pede. Em float, você escolhe se quer o titulo alinhado a esquerda ou á direita. No código acima, está alinhado a direita (right), então se quiser alinhado á esquerda, troque right por left.
Em margin-right, você ajusta os valores para "puxar" a ribbon mais para o lado e deixá-la alinhada com a borda da área das postagens. Como ela está posicionada á direita, colocamos uma margem direitanegativa, para puxá-la mais para a direita. Se você decidir alinhar á esquerda, deverá deixar o valor demargin-right em 0px e colocar um valor negativo em margin-left para puxar a ribbon mais para esquerda, entendeu?

Aplicando

Agora para visualizar o efeito na postagem, salve as alterações. Vá no seu post, clique em editar html (da postagem) e coloque a palavra que você quer destacar entre as tags <div class="ribbon"> e </div>, como no exemplo abaixo:

É isso amores, espero que tenha ficado bem explicado para vocês.

Títulos dos gadgets "em caixas"

Com este post vocês irão aprender a deixar os títulos dos gadgets em cima do gadget e com o fundo retangular, como se fosse uma caixinha. Não entendeu? Então veja como fica lendo o resto do post:

Aviso: Antes de fazer esse tutorial, você tem que separar os gadgets da sidebar. Veja como neste post.
Depois de terminar, vá no modelo HTML do seu blog, e cole o código abaixo antes de ]]></b:skin>

.sidebar .widget {
padding: 10px;
margin-bottom: 50px; /*Espaço entre um gadget e outro*/
}
.sidebar .widget h2 {
background: #000; /*Cor do fundo do título*/
width: 150px; /*Largura do fundo, aumente se precisar*/
font-family: Verdana; /*Fonte do titulo*/
font-size: 14px; /*Tamanho da fonte*/
font-weight: normal;
line-height: 14px; /*Altura da linha, coloque o mesmo que o tamanho da fonte*/
margin-top: -30px; /*Quantos pixels o título "sobe"*/
margin-left: -10px;
padding-left: 5px;
box-shadow: 1px -1px 2px #9a9a9a;
-webkit-box-shadow: 1px -1px 2px #9a9a9a;
-moz-box-shadow: 1px -1px 2px #9a9a9a;}

No próprio código tem as explicações do que alterar. Se quiser tirar a sombra é só apagar a parte que está em verde. Espero que funcione tudo certinho aí para vocês!

Créditos: Cherry Bomb

Centralizar o título do post e dos gadgets!

Tava dando uma olhadinha la no blog da Brenda Lorrane ( Créditos) e achei esse tutorial bem legal que apesar de fácil muita gente não sabe vamos lá: