12 de jan de 2012

200 seguidoreeeeeeees!!!

Pessoal valeuuuuu conseguimos 200 seguidoreeeeeeees! obrigada, obrigada mesmo!!!
Ok, para comemora essa data  suuuuper legal aqui vai rimando tutorial!!! Isso mesmo! Tuto! Um não, dois, três!
Um beijo e sigam os tutos! Obrigada e espero que consigam direitinho fazer o tuto!!!
Beijos 

Clique em "Leia Mais" para ver os tutos do post!





obs.: Sempre salve o modelo antes de editar o template.


Como colocar uma imagem fofa antes daquele "Postado por: ----"


Oque quis dizer e como colocar um gif perto do "Postado por", "Marcadores", "Comentários", assim:



•Ok ,então vá em Design - Editar html ( no seu blog  ) e na página do html , marque a opção
'' expandir modelos de widgets ''.

•Feito isso pressione as teclas : Ctrl + F , e procure por :

<b:if cond='data:top.showAuthor'>



•Quando o código aparecer logo ao LADO direito dele coloque o código abaixo substituindo a parte em vermelho pela url do meu mine gif  que ficará no link postado por:

<img src='URL DO MINE GIF' style='border:0px;'/>

MAS não salve ainda . apenas visualize

•Agora vamos colocar uma imagem ao lado do link marcadores , na mesma páigna do html com a opção :
'' expandir modelos de widgets '' marcada , pressione Ctrl + F e procure por :

<b:if cond='data:post.labels'>

•E também logo ao LADO direito dele coloque o código abaixo substituindo a parte em vermelho pela url do mine gif .

<img src='URL DO MINE GIF' style='border:0px;'/>

Para os comentários procure por:
</span> <span class='post-comment-link'>

e cole ao lado direito dele o código, trocando a url da image: <img src='URL DO MINE GIF' style='border:0px;'/>

•Agora visualize , e se ficou tudo ok , salve! se não , clique em limpar edições clique em ok , e refaça, com atenção.

Aqui vão alguns mini gifs:
 
 
 





Como personalizar o fundo dos comentários   (esse tutorial foi realizado pelo Trechy Teen (clique e acesse):


Procure por:
#comments 

Lá no seu html estará assim ( dependendo se seu templante não for personalizado ) :


#comments {
 background: #FFFAFA; none repeat scroll top center;
padding: 15px;
}

A parte destaca em vermelho no código acima , é onde você vai alterar o fundo dos comentários , daí você pode colocar uma cor , ou um background , para escolher uma cor vá Nesse Site aqui e escolha a cor que deseja.

Agora tem mais uma coisinha. Se você quiser uma visualização personalizada assim:



Faça o seguinte:

Procure por aquela mesma tag #comments {
mas se você não encontrar procurando por isso , vá descendo seu código do começo devagar até encontrar as tags '' comments ''




Quando encontrar , abaixo dele deverá de certa forma ver o seguinte código:


#comments .comment-author {
padding-top: 1.5em;


#comments h4,
#comments .comment-author a,
#comments .comment-timestamp a {
color: #75cfd8;
}
#comments .comment-author:first-child {
padding-top: 0;
border-top: none;


}
.avatar-image-container {
margin: .2em 0 0;  


}


Daí então o substitua por este :


#comments h4 {
background:url(http://www._drikoti.blogger.com.br/back06.gif);
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
}




#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;background:url(http://www._drikoti.blogger.com.br/back06.gif);
}
#comments-block .comment-author {
Font-weight: bold;
color:#FFB5C5;
font-size:12px;
margin:.5em 0;
font-family:tahoma;
height: 30px;
color:#FFB5C5;
line-height:2em;background:#F5DEB3;
}
#comments-block .comment-body {
background:url(http://www._drikoti.blogger.com.br/back06.gif);
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
background:url(http://www._drikoti.blogger.com.br/back06.gif);
line-height: 1.4em;
color:#111;border: 20px #FFE4E1;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 75;
font-size: 11 px;
line-height:1.5em;
background:#f1f1f1;;
color:#111;border: 3px #535456;
}




A partes do código que estão destacadas em vermelho , rosa e verde são as que poderá alterar

Vermelho : 1ª cor do Disse , 2ª cor da Data
Rosa Trocando todos os links rosa e colocando outro você muda o background rosa de bolinhas.
Verde : Se refere a barra com nome de cada comentarista .



Como Mudar o Favicon do Blog:



Procure por:

]]></b:skin>

Logo DEPOIS desta tag, adicione o seguinte código HTML:

<link href='URL_IMAGEM' rel='icon' type='image/x-icon'/>
<link href='URL_IMAGEM' rel='shortcut icon' type='image/x-icon'/>

Carregue sua imagem em algum site podendo ser o Tinypic ou o Imageshack, abaixo há alguns favicons para vocês usarem, ok?






14 comentários:

Malena disse...

Parabens pelos 200 seguidores, e que venham os 300 por ai, pois esse blog é tudo de bom *-*
Comecei a nova contagem, sou a 201 :d

Obrigada pelo carinho com o Embalaço Artistic e por já estar fazendo parte de meu blog. Estou seguindo aqui de volta. Visite tbm o Embalaço original:
http://embalaco.blogspot.com

Aguardo vc por lá ^^
http://embalacoartistic.blogspot.com

Gii Miranda ♥ disse...

Parabéns pelos 200 seguidores,vc merece !!
Bjss


http://frases-do-coracao.blogspot.com/

Bruna disse...

uaaaaaaal parabens pelos 2OO e que venha mts e mts mais pela frente ahahaha \o

adorei os tutos *-* kk :b

sempre que puder venho comentar aqui fofa rs :b

novo post lá no meu blog, passa lá querida? :3

Bjs,
bnascimentooo.net.tc

Lizandra Karoline disse...

parabens pelos 200 seguidores e legal o tutorial,obg pela visita,bjusssss
http://vivendocomsurpresas.blogspot.com/

giovana disse...

Adorei seu blog postagens incriveis!

visite o http://fashionforteengirls.blogspot.com/ se gostar segue e fique ligado

Jéssica Rodrigues disse...

Oi querida, vim conhecer seu blog e AMEI, ele é lindo parabéns, comecei a seguir aqui, e vou voltar sempre que possível :) Beijos;

http://www.byjessicarodrigues.com/

@jescrodrigues

Teen Mundial // oficial disse...

Oi adorei seu blog queria saber se quer afiliação com o blog http://just-a-girl0.blogspot.com/ se quiser comenta lá que deu certo !!que logo que eu ver eu boto !

Luana de Caux disse...

Parabéns pelos 200 seguidores!!!! Amei os tutoriais, o primeiro eu ainda não tinha visto ele em nenhum blog... aqui, tem concurso rolando lá no blog! Participa????
http://blog-vidademenina.blogspot.com

Diva Cute Cute disse...

Oi Lili! Parabéns pelos 200 seguidores! Seu blog continua lindo, com ótimos posts e está me ajudando muito com os tutoriais!:a
Beijinhos e muito sucesso pra você!
divacutecute.blogspot.com

LarissaEmmily disse...

Oi ;D tudo bom ? tem concurso lá no blog. Os prêmios são bons ! #PARTICIPE e DIVULGUE !
http://ladonerdl.blogspot.com/

- maari disse...

Parabéns pelos 200 seguidores, que você chegue aos 250, 300, 350...
Amei aqui, já estou seguindo *-*

beeijos,
http://girliethingspt.blogspot.com/

Sylvia de Oliveira Roxo disse...

Oi florzinha :t
Obrigada pela visitinha !
Já estou seguindo de volta !
Amey os tutoriais !
Já estou usando 1 no meu haha !
Parabéns pelos 200 seguidores , que venha muito mais ! 200 seguidores é minha meta .
Tem um concurso no blog , participa ?
Beijinhos !

www.atrevidass.blogspot.com

Karen Guzzatti Konig disse...

Oii ... Adorei seu blog, muito legal
parabéns.Ja estou te seguindo.
Te convido para visitar meu blog e se gostar me seguir também.
Xoxo
link do blog:
http://karenbarbiepink.blogspot.com
Tem sorteio la !!
Participa?
http://karenbarbiepink.blogspot.com/2011/12/sorteio-o-primeiro-de-varios-em.html

Jeesie disse...

Oii Flor,parabens pelos 200 seguidores, sigo sim flor

Beijinhos ! (:

www.i--love--y.blogspot.com

Thau !