Blogueiras

Como colocar seleção colorida no blog

01:00

Bom dia luxuosas, 
Hoje eu vim mostrar um tutorial que muitas andam me pedindo mas eu sem  tempo vinha negligenciando. Mas finalmente resolvi trazer o tutorial.A seleção colorida no blog dá um tom alegre e descontraído, além de  sair daquela coisa de sempre. O tutorial é bem rápido e prático.

Aperte Ctrl+F e procure por ]]></b:skin>

Cole antes o seguinte código:

::-moz-selection {
background:#F7DFDD; /*Cor do fundo*/
color:#E49D98; /*Cor da fonte*/
}
::selection {
background:#F7DFDD;/*Cor do fundo*/
color:#E49D98; /*Cor da fonte*/
}

Obs: Eu recomendo escolher cores para a fonte que irão aparecer mesmo depois de selecionado. No meu caso a cor de fundo é vermelha, e a fonte é branco. 
Blogueiras

Tutorial: Personalizar a área dos comentários.

01:00
Bom dia Luxuosas, 


Como estou de férias e resolvi pegar firme este ano no blog, vocês já devem ter percebido que estou postando diariamente, sempre coisas diferentes. É que devidos as inúmeras coisas que tive que fazer no final do ano e as férias que resolvi tirar inclusive do blog, acumulei diversos posts dos quais irei colocar em dia. E pensando nessa renovação resolvi compartilhar com vocês um tutorial que achei enquanto pesquisava melhorias para o blog. Os créditos do código é todo do Cherry Boomb. 

Mas vamos ao que interessa, hoje o tutorial Ã© sobre como mudar a sua área de comentários. Ã© muito fácil. 

O resultado final é este:


1- Vá em Modelo/Editar Html
2- aperte ctrl+F ,E procure pelo código ]]></b:skin>
3-E Cole acima do código que você encontrou o código abaixo
/*****************************INICIO COMENTARIOS - CHERRYBOOMB.COM*****************************/
#comments h4, #comments .comment-author a, #comments .comment-timestamp a { /*Texto "X comentários:"*/
color: #c19bdf; /*Cor da fonte*/
font-family: Verdana; /*Fonte do texto*/
font-size: 18px; /*Tamanho da fonte*/}
#comments {
background: #fff; /*Fundo da área geral dos comentários*/
padding: 15px;
}
.comments .comment-block { margin-left: 70px; /*Espaço entre o avatar e o corpo do comentário*/}
.comment-header {
background: #DB7093; /*Cor de fundo do nome do autor do comentário*/
border: 1px solid #DB7093; /*Borda de onde fica o nome do autor do comentário*/
padding: 3px;}
.comment-header a {
color: #fff !important; /*Cor do nome do autor do comentário*/
font-family: Verdana; /*Fonte do nome do autor do comentário*/
font-size: 16px; /*Tamanho da fonte do nome do autor do comentário*/
font-weight: normal; /*Troque normal por bold para deixar o texto em negrito*/}
.comment-header a:hover { color: #684980 !important; /*Cor do nome do autor do comentário quando passa o mouse*/
text-decoration: none;}
.comments .comments-content .datetime a{
font-size: 10px !important; /*Tamanho da fonte da hora e data do comentário*/
float: right; /*Data alinha á direita*/
line-height: 16px; /*Altura da linha da data e hora*/}
.comments .comments-content .comment-content{ /*Bloco de texto do comentário*/
margin-top: -10px; /*Espaço entre o bloco de texto do comentário e o nome do autor. Só mexa se souber o que está fazendo*/
position: relative;
background: #e7dceb; /*Fundo do bloco de texto do comentário*/
border: 1px solid #cdc3d0; /*Borda do bloco de texto do comentário*/
padding: 10px;
color: #4c4c4c; /*Cor da fonte do bloco de texto do comentário*/
font-size: 11px; /*Tamanho da fonte*/}
.comments .avatar-image-container {
/*Tamanho do avatar. Troque todos os 50 pelo tamanho desejado*/
max-width: 50px;
max-height: 50px;
min-height: 50px;
min-width: 50px;
background: #d2b6e5; /*Cor da borda do avatar*/
padding: 3px; /*Espessura da borda do avatar*/}
.comments .avatar-image-container img{
/*Tamanho do avatar. Troque todos os 50 pelo tamanho desejado*/
max-width: 50px;
max-height: 50px;
min-height: 50px;
min-width: 50px;}
.comments .comments-content .comment {
padding:20px 10px !important;
margin-bottom:15px !important}
.comments .comment .comment-actions a {
padding: 5px;
background:#DB7093 /*Fundo dos botões responder e excluir*/
border: 1px solid #DB7093; /*Borda dos botões responder e exluir*/
color: #fff !important; /*Cor do texto dos botões responder e excluir*/
font-family: verdana; /*Fonte dos botões responder e excluir*/
font-weight: bold; /*Troque bold por normal para tirar o negrito*/
margin-right: 10px;}
.comments .comment .comment-actions a:hover {
background: #e3c6f6; /*Fundo dos botões responder e excluir quando passa o mouse*/
border: 1px solid #b59dc6; /*Borda dos botões responder e exluir quando passa o mouse*/
color: #684980 !important; /*Cor do texto dos botões responder e excluir quando passa o mouse*/
text-decoration: none;}
.comments .continue { border-top: none;}
.comments .continue a {display: none;}
/************FIM DOS COMENTARIOS CÓDIGO POR CHERRYBOOMB.COM NÃO RETIRE OS CRÉDITOS************/

Caso vocês queiram editar algo no código esta tudo explicado, as cores estão as mesmas que as minhas mas se quiserem mudar entrem AQUI.

Beijos até o próximo post.

Blogueiras

Formulario de contato para blog.

14:25

Neste sábado trago a vocês o Formulário de contato no blog, Igual ao que eu possuo no meu.Prático e mais formal, dando ao seu blog uma cara mais séria, todas as mensagens vão direto para sua caixa de e-mail.Venha conferir.
Irei explicar de maneira simples. Caso não entendam podem deixar abaixo suas duvidas.

No site Foxy form   você encontrará um formulário de contato para o seu blog, poderá escolher a cor da caixa a fonte do texto, e o que devera conter nele.


Edite da maneira desejada e logo abaixo verifique se é desta forma que deseja.

Visto se está da forma desejada vá em criar formulário.

Copie o código da caixa.

Agora vá até o seu blog.
Crie uma nova página, com o nome contato.


Visualize.
Copie o Código,HTML.


Agora, va em modelo.Depois editar HTML.
Aperte CTRL + F.Procure por :<li><a class='link' href='
E logo abaixo coloque este link
<li><a class='link' href=’LINK QUE VOCÊ COLOU DA VISUALIZAÇÃO DO SEU BLOG.'>Contato</a></li>

Pronto. Agora você tem um formulário de contato no seu blog.
Dúvidas?Peguntem=).
Beijos até a próxima.

Blogueiras

Template,Layout Gratis

17:06

Hoje venho trazer a vocês o template que uso no meu blog, ele pertence ao maravilhoso blog:Julie de Batom.
Eu o editei e estarei mostrando alguns truques para você blogueira que quer deixar o seu blog com a sua cara.
No blog Julie de batom, você encontrará outros templates maravilhosos, inclusive o que eu usava anteriormente aquele da fotógrafa se lembram?
Para dar um gostinho de quero mais vou colocar o que eu ultilizava anteriormente, para saber como abaixar e utilizar de um template maravilhoso e gratuito acessem.


Beijinhos

SUBSCRIBE

Like us on Facebook