Visualizar

Dois tutoriais para seu blog (:


15 dezembro 2011


Barrinha no blog!


Muitas leitoras perguntaram como eu fiz para colocar essa barrinha aqui do lado. É bem simples e super rápido, espero que gostem!

1- Vá em Design, Editar HTML, aperte CTRL+F e procure por: 

.main-inner .column-center-inner {


2- E APÓS este código cole um dos dois tipos abaixo fazendo as devidas alterações:

  Barrinha pontilhada:  border-left1px dashed #000000 

  Barrinha padrão:       border-left4px solid #000000;

* No que está em azul altere o número para aumentar o tamanho da sua linha/borda, no que está de branco, altere a cor da sua borda e no que está em vermelho, é a posição, se quer que fique no lado direito, troque o " left " por right.

PS.: A borda do blog é a pontilhada, está em 1px e usa a cor #FF69B4


#FicaDica Recomendo que se você usar bordas arredondas no blog não usar a barrinha entre a área dos posts e a sidebar, usa-la do lado da área dos posts.

Todos os créditos ao blog Tutoriais Attitude Inclued  (:





Personalizar titulo do post!



Outro tutorial muito pedido aqui no blog, personalizando o titulo do post para deixa-lo mais moderno.

Título centralizado

Vá em Design » Editar HTML » Dê Ctrl +F e proucure por:
h3.post-title {
E acrescente abaixo, este código:
text-align: center; 
Caso queira o título alinhado à direita, substitua center por right.

Fundo colorido


Continue no mesmo trecho (h3.post-title {), e abaixo dessa tag cole o código abaixo:
background: #E4E4E4;
Se preferir, substitua #E4E4E4 por uma destas cores.

Divisória abaixo do titulo

Vá em Design » Editar HTML » Expandir modelos de widgets, e proucure por:
<div class='post-header'>
Logo acima dele, cole:
<div style="border-top: 1px dashed #707070"></div> 
Entenda: 1px é a expressura da divisória, dashed é o modelo (pontilhado), você pode trocar por solid (linha reta) e #707070 a cor. Caso queira uma imagem, apenas adicione acima da tag este código:
<img src="LINK_DA_DIVISÓRIA"/>
Caso seu layout tenha duas tags iguais (o que não é tão comum), uma não vai funcionar quando você visualizar, para resolver o problema, cole acima da outra tag e torne a visualizar, se estiver tudo certinho, salve.


Todos os créditos ao blog Extras Place Fame (:

10 comentários:

  1. Tem TAG pra você aqui no blog flor :)
    beijos

    ResponderExcluir
  2. É Fofinha é útil, hauhauhauah *o*

    ResponderExcluir
  3. perfeito, adorei os tutoriais. (:
    Fiq com Deus.
    Bjoo
    The Diary of Teens - Orkut

    ResponderExcluir
  4. ups! gostei flor,APRENDI rs,KISS
    http://dezapaixao.blogspot.com/

    ResponderExcluir
  5. Eu adorei o tutorial e até fiz ele lá no blog! Muito obrigada, adorei essa barrinha! Também gostaria de saber se você aceita afiliação?

    Beijo

    www.leerosy.blogspot.com

    ResponderExcluir
  6. Tava atrás desse segundo tutorial mesmo, Brigadinha *-*

    http://evelynrestyles.blogspot.com/

    ResponderExcluir
  7. o primeiro tutorial é muito útil, mais queria saber os codigos das cores, porque ai só tem a opção de cor preta (#000000) ou rosa que é a que você está usando.
    mais eu amei de verdade Guria! *00*

    ResponderExcluir
  8. Nossa não sabia que era tão fácil assim.
    Amei aqui já sigo. Beijoos*
    http://wwwgertiegirlcom.blogspot.com/
    universodophotoscape.com/blogspot

    ResponderExcluir
  9. Olá linda , que design lindo *.* . Há ja estou seguindo se pouder segue o meu de volta ?

    Bjs e fica com deus

    http://party-fucking.blogspot.com

    ResponderExcluir
  10. Ainda não é certeza são só especulações então a C&A ainda não esta condenada!

    Volte sempre :D
    http://blog-milk-shake.blogspot.com/

    ResponderExcluir

Todos os comentários serão respondidos. Obrigada e volte sempre! ✌ ♥