22/06/2012

Meta concluída + tutoriais de presente!

Olá meu anjos!
Hoje venho fazer esse post com um sorriso de orelha à orelha,rs. 
Muuuuito obrigada pelos 150 seguidores e pela nossa meta concluída! Que possamos ter mais e mais seguidores queridos como vocês. >.<
Infelizmente não posso fazer sorteios ainda nem nada tão bom quanto vocês merecem,então resolvi fazer um big tutorial pra vocês! O que acham??
Tumblr_m60162fkgb1qgjdf4o1_500_large

Antes de começar,quero deixar uma dica fundamental na hora de mexer no seu HTML ou fazer qualquer tutorial.
Sempre que for fazer algum tuto,faça um ''download'' do seu template! Pois caso algo dê errado nos códigos,é só você fazer um upload. E claro,antes de salvar,visualize para ver se tudo está ok! :)
-----------------------------------------------------------------------------------------------------------------------------------

Gadget ''curtir'' no seu blog -
Para começar esse tutorial,você deve criar uma página. Para criá-la,você deve ir na página inicial do Facebook e no final dela terá "Criar uma página...''. Qualquer dúvida,coloquei uma imagem abaixo pra vocês. *-*

Após a criação da sua page,clique nesse link. Nele é aonde você ''customizará'' a sua caixinha. Depois de acertar tudo direitinho,clique em ''Get Code''. Abrirá uma janela com alguns códigos e você clicará em ''Iframe''.

Esse será o código que você copiará. Agora você colará ele num gadget chamado HTML/Javascript e escolher onde ele ficará em seu blog.
Simples assim,meninas! Vamos ao próximo tutorial.. \o/

Opção ''responder'' no comentário -
Queridas,o tutorial à seguir exige um pouco mais de cuidado e atenção ok?! Vamos lá!


Para começar,você deve ir em Design - Modelo - Editar HTML. Marque ''Expandir modelos...'' Aperte F3 e cole na caixa a seguinte tag:
<data:commentPostedByMsg/>

Após achar,cole abaixo o código à seguir:
<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID-DO-SEU-BLOG&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>[Responder]</a></span>

Aonde está ID do seu blog,você deverá copiar a sua ID. Você a encontrará quando for Editar seu HTML.
Onde está destacado,será a sua ID. Você apenas copiará o número e colorá onde indica no código.
Onde está ''responder'' você pode modificara forma que aparecerá nos comentários. 
Salve e veja nos comentários se a opção está lá. 

Links em fade -
Pra quem não sabe,ou tem dúvida,o link em fade é esse que o blog tem. Que ao passar ao mouse ele muda levemente de tom. No caso do daqui,ele sai do azul piscina e vai pro coral.

Vá em Design - Modelo - Editar HTML. Aperte F3 e procure por a:link { . Abaixo dele aparecerá esse código:
a:link {
text-decoration:none;
color: $(link.color);
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:underline;
color: $(link.hover.color);
}
Apague-o e substitua por esse:
a:link {
color: #E9A1C0; /* Cor do link*/
text-decoration: none;
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}
a:visited {
color: #33CCCC; /*Cor dos links visitados*/
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}
a:hover {
color: #707070; /*Cor do link ao passar o mouse*/
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}

Agora é só você trocar os códigos das cores. Consulte essa tabela.
Visualize e caso o cor do link tenha mudado,está tudo ok,é só salvar.

Obs: Todos os goodies acima foram testados por mim e deram certo.

Bem meninas,espero que vocês tenham gostado do post de hoje e muito obrigada novamente,por fazerem parte de cada passo do blog! 
Mil beijinhos e até o próximo post :**

crédito aos códigos. Ao segundo e terceiro.

6 comentários:

  1. Nossa flor! Brigada pelo tuto! tava precisando do links em fade ah um tepão! obrigada mesmo chuchu :) parabéns pela meta atingida :3

    ResponderExcluir
  2. Pra mim, o mais útil é o da caixinha de curtir do facebook no blog!

    http://meninamoderna-blog.blogspot.com.br/

    P.S.: Flor, obrigada pela visita no blog! Volte sempre <3

    ResponderExcluir
  3. lindaaaa, parabéns pela meta(:
    eu já tenho o "curtir"
    adorei o tutorial de responder comentários.
    beijos

    ResponderExcluir
  4. Seu blog é muito bom! Tem muitos tutoriais que eu procurava há um tempão! *-*

    Teen World

    ResponderExcluir
  5. Olha eu mudei de nome e URL ( Mustache Cherry para Adormecida com insonia ) , será que pode mudar nos afiliados , aqui está o novo .

    http://blog-adormecida-com-insonia.blogspot.com.br/ .

    Beijãooo;

    ResponderExcluir
  6. Oii Betah !
    Parabéns pela sua meta, você merece, continue assim! <3
    Os tutoriais são ótimos, super úteis para qualquer blogueira!
    Mil Beijos (:
    http://juliaachaves.blogspot.com.br/

    ResponderExcluir

Olá,obrigada por visitar meu blog! Volte sempre ♥
Comente:
- Sem xingamentos,calúnias
- Dicas construtivas são sempre bem vindas!
- Deixe o link do seu blog que com certeza retribuirei o comentário.
- Não aceito comentário,''seguindo,segue de volta''.
Sua opinião é importante,para o meu blog!