segunda-feira, 30 de novembro de 2015

Como fazer um blog passo a passo p.t2

Fiz um segundo vídeo ensinando a fazer um blog passo a passo lá no youtube, vai la ver ♥


https://www.youtube.com/watch?v=N14v9c-rNfU
https://www.youtube.com/watch?v=N14v9c-rNfU
https://www.youtube.com/watch?v=N14v9c-rNfU



Códigos:

Menu

<center>
<a href="LINK"><img src="URL DA IMAGEM" /></a>
<img src="URL DO ENFEITE SEPARADOR" />
</center>




Tilulo das postagens personalizado

Procure por:  h3.post-title a {

Subistiua esse trecho:

h3.post-title a {

  font: $(post.title.font);

  color: $(post.title.text.color);
}
 h3.post-title a:hover {
  text-decoration: underline;
  color: #FF3030;

}


POR : 

h3.post-title a {

  font: $(post.title.font);

  color: #CD5555; /* cor do título */
  text-decoration: none;
}

 h3.post-title a:hover {
  text-decoration: none;
  color: #FF3030; /* cor do título quando passa o mause */
}




Seguidores
--------------------




Categorias
---------------------



Comentarios

Procure por :   background: $(comments.background)


E coloque  background: none;



Apague o comments, depois cole acima do ]]>< o código:


/* Comments
----------------------------------------------- */
.comments
.comments h4 { font-size: 30px; margin: 0 0 25px; padding: 20px 0; text-transform: capitalize; }
.comments .comments-content .comment-thread ol { overflow: hidden; margin: 0; }
.comments .comments-content .comment-thread ol li { list-style: none outside none; }
.comments .comments-content .comment:first-child { padding-top: 0; }
.comments .comments-content .comment { margin-bottom: 0; padding-bottom: 0; }
.comments .avatar-image-container { max-height: 50px; width: 50px; }
.comments .avatar-image-container img { max-width: 50px; width: 150%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.comments .comment-block { background: #FBFBFB; border-bottom: 1px solid #EEE; margin-left: 72px; padding: 14px 0 0 20px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.comments .comments-content .comment-header a { text-transform: capitalize; }
.comments .comments-content .user { display: block; font-weight: bold; }
.comments .comments-content .datetime { margin-left: 0; }
.comments .comments-content .datetime a { color: #c27ba0; font-size: 15px; text-transform: uppercase; }
.comments .comments-content .comment-header, .comments .comments-content .comment-content { margin: 0 20px 0 0; }
.comments .comment-block .comment-actions { display: block; text-align: right; }
.comments .comment . { background: #c27ba0;
}
.comments .comment .comment-actions a:hover { text-decoration: none; }
.comments .thread-toggle { display: none; }
.comments .comments-content .inline-thread { border-left: 1px solid #FBFBFB; margin: 0 0 20px 35px !important; padding: 0 0 0 20px; }
.comments .continue { display: none; }
.comments .comments-content .icon.blog-author {position: absolute; top: 0px;right: 0px; margin: 0;background-image: url(-); width: 36px; height: 36px;}


Azul : Cor da data




12 comentários:

  1. Fantástica aula! simples, despretensiosa e perfeita!”

    ResponderExcluir
  2. “Muito bom! Parabéns pela ótimo tutorial, pois entendi tudo,parabens...

    ResponderExcluir
  3. Esse é o melhor blogger que já encontrei na net. bjsss

    ResponderExcluir
    Respostas
    1. Ahh obrigada! é muito gentil da sua parte ♥

      Excluir
  4. Parabéns pelo ótimo trabalho! Não encontrei aulas mais completas que a sua,

    ResponderExcluir
    Respostas
    1. Ah muito obrigada! Fico feliz em saber <3 Beijão ♥♥

      Excluir
  5. Como dizia o "velho sabio"
    Quê pede não pra levar,
    Mas sim pra ter persão

    ResponderExcluir
  6. Como dizia "o velho sabio"
    O melhor atleta não é aquele
    que cor muito mas o 1° que
    chega a meta.

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...