Olá a TODOS nesse tutorial vou mostrar como fazer efeito HOVER no Títulos das POSTAGENS...
Outro tutorial bem facil... vejam



É bem simples este será o EFEITO:



1 - Vá em Modelo
2 - Editar HTML
3 - CTRL + F e procure por :        /* Posts       ou      h3.post-title
4 - Abaixo dessa Tag voçê vai encontrar             h3.post-title
5 - Logo depois da  { voçê vai colar este codigo:
text-align: left;
Vai ficar ASSIM:
6 - Agora procure pela TAG:

h3.post-title a {Depois de   {  cole este código:

border-left: 5px solid #SUACOR; /* Personalização da borda */padding-left: 10px; /* Distância entre a borda e o texto */ 7 - Onde está escrito   #SUACOR, voçê deve substituir pelo código da cor de sua preferência, nesse site tem várias PALETAS com os mais DIVERSOS TONS... vale a pena CONFERIR

8 - Um pouco abaixo da TAG acima, voçê vai encontrar:

.. h3.post-title a:hover { Depois da chave    {     cole este código:

border-left: 5px solid #SUACOR; /* Personalização da borda */padding-left: 10px; /* Distância entre a borda e o texto */


Prontinhoooo... É o mesmo efeito do código anterior so que voçê irá colocar o código no caso a cor que quer que APAREÇA...

Bjãooo   ~~  <3
Fiquem com DEUS.

Fiz um template demorou um pouco por isto o  Valor é um pouco Elevado, porém muito em CONTA e com um Ótimo Custo Benefício...

O Template é sobre moda, textos, e etc... posso mudar o que voçê quizer... basta pedir...
O template é totalmente personalizado e com uma excelente indentidade visual...

Confiram:


O template contém:

- Banner ( Feito de maneira Exclusiva e super avançada  )
- Comentários Personalizados
- Menu Horizontal Personalizado
- Rodape das Postagens Exclusivo
- Titulo das Postagens Personalizado
- Data Personalizada
- Menu de Navegaçao Customizado
- Botão TOPO Exclusivo
- Fontes
- Cores
Preço :  R$ 39,90 Apenas + de Brinde 1 Capa para Facebook e 1 Background para Twitter.


Obrigado a TODAS e caso queira que eu mude algo é so pedir....
Bjos , que DEUS abençoe a TODOS.

Hoje vou Postar uma Ilustração minha bem simples... mais bem legal também em breve posto sobre como fazer Ilustrações..








Bom eu Desenhei a MÂO mesmo depois passei para a ARTE GRÁFICA usando o PHOTOSHOP CS5,
não é permitido o uso dessas imagens em blogs, tumblr's ou etc...
Eu fiz apenas para exemplo e para usar como referência em 1 blog que eu for FAZER.
Obrigado a TODOS Bjos, Fiquem com DEUS.

Hoje vou trazer para voçês algumas paletas de cores...
Estas são bem simples mais ajudam bastante se saberem usar... todas tem ótimas cores espero que gostem, confiram:







Bom fiz so estas apenas para voçês usarem no dia-a-dia nada demais..
Bjos , Fiquem com DEUS;

Olá hoje vamos aprender a separar as POSTAGENS, é bem simples
e também muito eficaz...



1 - Vá em Modelo e em EDITAR HTML

2 - Aperte CTRL + F e procure por:

.main-inner .column-center-outer { background: $(post.background.color) $(post.background.url) repeat scroll top left; _background-image

3 - Quando voçê achar esse codigo apague ele todo e cole esse aqui no lugar dele:
.post-outer { margin: 4px 2px 10px; background:#fff; padding: 20px 10px; }

Agora é so modificar segundo o que voçê precisar ou deseja....
Obrigado a TODOS e QUE DEUS os Abençõe.

Olá, a todos nesse tutorial vou ensinar a personalizar os marcadores das postagens....
A Label a que fica debaixo ou encima das postagens...
Isoto vai deixar sua área de POST bem mais atrativa...

Vai ficar como o modelo abaixo:


1 - Vá em MODELO e em EDITAR HTML
2 -  Aperte CTRL + F e procure por ]]></b:skin>
3 - Copie o codigo e cole acima

.post-labels a { display: inline-block; padding: 4px; /*distancia um do outro */ outline: 0; color: #FFF; /*cor texto normal*/ background : #f677c5; /*cor do botão principal*/ margin: 2px; font-family: 'Open Sans', sans-serif; text-decoration: none; height: 20px; /*altura do efeito */ } .post-labels a:hover { background: #f9a5d5;/*cor do botão hover*/ text-decoration: none; color: #ffffff; /*cor texto hover*/ -webkit-border-radius: px; -moz-border-radius: px; -o-border-radius: px; border-radius: px; }


Edite a seu GOSTO.... È bem fácil e deixa com uma otima aparencia....
Obrigado a TODOS e Bjos QUE DEUS OS ABENÇÕE.

   ------- ANTES FAÇA BACKUP  ------------ 

1 - Ente no BLOGGER, vai em modelo e  Editar HTML;
2 - Clique no codigo e digite "CTRF + F" para procurar qualquer código;
3 - Procure por      ]]></b:skin> e aperte ENTER;
4 - Acima de  ]]></b:skin> cole o seguinte código:

div.avatar-image-container { position: absolute !important; min-width: 60px; min-height: 60px; border: 5px solid palevioletred; /*cor da borda da imagem*/ -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px 60px 60px 60px; padding: 0pt !important; box-shadow: 0pt 0pt 3px #cccccc; margin-left: -10px !important; margin-top: -12pt !important; background: palevioletred; /*Cor do fundo da imagem*/ } div.avatar-image-container img { min-width: 60px; min-height: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; } #comments .comment-author { padding-top: 1.5em; font-size: 12px; text-align: left; border-top: 1px solid; background-position: 0 1.5em; } #comments .comment-author:first-child { text-align: left; padding-top: 0px; border-top: none; } .comments .comments-content .comment:last-child { padding: 2px; border-bottom: 3px solid palevioletred; /*Cor da borda inferior do último comentário*/ } .comments .comments-content .comment:first-child { padding: 2px; } .avatar-image-container { margin: 0.2em 0pt 0pt; } #comments h4 { text-align: center; display: block; font-weight:bold; } .comments { font-style: normal !important; font-size: 12px !important; /*Tamanho da fonte dos comentários*/ font-family: arial !important; /*Fonte dos comentários*/ color: #482531; */Cor da fonte dos comentários*/ } #commnet-form, .comment-form{ margin-bottom: 40px; } #comments-block { text-align: left; margin:10px auto; line-height:1.6em; } #comments-block .comment-author { text-align: left; margin:5px auto; padding:5px auto; } .blog-author-comment { margin:5px auto; } .blog-author-comment p{ margin:5px auto; } #comments-block .comment-body { text-align: left; margin:.35em 0 0 auto; line-height: normal; } #comments-block .comment-footer { text-align: left; margin:-.25em 0 2em auto; line-height: 1.4em; margin:10px auto; text-transform:uppercase; letter-spacing:.1em; } #comments-block .comment-body p { text-align: left; margin:10px auto; } .deleted-comment { font-style:italic; color:gray; } #comments dl dd { padding: 0; margin: 0; line-height: 110%; text-align: left; } .comment { background: #F6DFE7; /*Cor de fundo dos comentários*/ color: #482531; /*Cor da fonte dos comentários, coloque igual a anterior*/ font-size: 12px; /*Tamanho da fonte dos comentários, coloque igual ao anterior*/ border: 3px solid palevioletred; /*Cor da borda dos comentários*/ -moz-border-radius: 20px 0px 20px 0px; -webkit-border-radius: 20px 0px 20px 0px; border-radius: 20px 0px 20px 0px; padding-right:5px;-moz-box-shadow: 3px 3px 3px #cccccc; -webkit-box-shadow: 3px 3px 3px #cccccc; box-shadow: 3px 3px 3px #cccccc; } .comment a { color: deeppink; /*Cor do link*/ } .comment a:hover { color: yellowgreen; /*Cor do link quando passamos o mouse*/ } .comment-content { margin-right: 5px; } .comments .comments-content .comment-header, .comments .comments-content .comment-content { margin: 0pt 8pt 8px; } .comments .comments-content { margin-bottom: -50px; } #commentpaging { float:right; } #commentpaging a { margin-right:5px; } .comments .comments-content .comment-header, .comments .comments-content .comment-content { 0pt 0pt 8px; } .comments .comments-content .user a, .comments .comments-content .user { border: 0pt none; color: white !important; /*Cor do nome de quem comentou*/ text-shadow: 0pt 1px rgb(153, 153, 153); font-family: Coming Soon !important; /*Fonte do nome de quem comentou*/ font-size: 14px; /*Tamanho do nome de quem comentou*/ text-decoration: none; background: palevioletred; /*Cor do fundo do nome de quem comentou*/ padding: 5px 12px; margin-left: -12px; border-bottom-right-radius: 10px; -moz-border-radius: 0px 0px 10px 0px; -webkit-border-radius: 0px 0px 10px 0px; } .comments .comment-block { position: static !important; background: transparent; margin-left: 23px; padding: 0pt 0pt 0pt 30px; } .comments .comment .comment-actions a, .comments .continue a { font-size: 11px !important; color: white !important; /*Cor da fonte dos botões responder e excluir*/ padding: 3px 6px; border: 0pt none !important; line-height: 30px; margin: 3px; border-radius: 0.5em 0.5em 0.5em 0.5em; -moz-border-radius: 0.5em 0.5em 0.5em 0.5em; -webkit-border-radius: 0.5em 0.5em 0.5em 0.5em; background: palevioletred; /*Cor de fundo dos botões responder e excluir*/ font-weight: 800; box-shadow: 0pt 1px 2px rgb(102, 102, 102) inset; } .comments .continue a { color: #666666 !important; /*Cor da fonte do botão responder da direita*/ float: right; padding: 0px 4px !important; height: 23px; line-height: 23px !important; margin-top: -53px !important; text-shadow: 0pt 0pt !important; background: white !important; /*Cor de fundo do botão responder da direita*/ margin-right: 10px; } .comments .comments-content .comment { margin-bottom:20px; padding-bottom:10px; } .comments .comments-content .icon.blog-author { display: none !important; } .comments .comments-content .datetime { display: none; /*Apaga a data*/ } .comments .thread-toggle { margin-bottom: 15px; } span.icon.user { display: none !important; }

Vou postar de outras formas.... caso alguém não consiga diga nos coméntarios...
Bjos .