Personalizando post footer

 Oi meus bombonzinhos ^-^

Me perdoem a demora, eu estou doente mas queria mesmo postar aqui hoje. Mas enfim chega de falar sobre minhas doenças e vamos logo ao post. Não vai ser gigante mas é só pra eu não ficar hoje sem escrever aqui no blog.

Hoje eu vou ensinar um tuto bem simples: Como personalizar o post footer. Então vamos lá 

Rodapé personalizado

Mais um tuto hoje genteee ♥

Eu vou mostrar para vocês como fazer o rodapé personalizado. Mônica o que é um rodapé? É isso aqui olha:

Esse rodapé é do blog All Lovely and Fluffy

Elite de Afiliados com Efeito Giratório

Gente me desculpa a demora pra fazer posts, é que eu tava na casa da minha amiga e daí não deu pra postar antes, então agora eu vou postar um tuto hoje só pra não perder o hábito (⌒▽⌒)☆

Hoje eu vou ensinar vocês um tutorial bem simples, mas fica muito fofo no layout. É o tutorial de Elite de Afiliados com Efeito Giratório.

Efeito hover nos links

Oie gente linda, este vai ser o último post de hoje, porque eu tenho mais coisas pra fazer, por exemplo dormir hahaha. E eu tenho uns avisinhos para dar para vocês. Primeiro, eu estou tentando conseguir afiliações, e por enquanto consegui afiliações com esses dois blogs divos: o Garotas Cupcakes, e o Milk Cake. E se tiver alguém ai querendo afiliados, eu estou aceitando -n
Chega de blá, blá, blá e vamos logo ao post. Eu vou mostrar um tutorial bem simples, que é o do efeito hover nos links. Então bora lá. ☆

Como colocar a sidebar no cabeçalho

Oi gente, de novo!!! Vocês não vão acreditar, sabe aquele blog lindo e maravilhoso, com tutoriais perfeitos e os layouts mais ainda, o Garotas Cupcakes? Ele acabou de se afiliar ao Sugar Cookie (⌒▽⌒)☆
Gente eu tô tão feliz!!! Primeiro eu me afiliei ao Milk Cake, aquele blog lindo da minha amiga a Babi, e gente eu fiquei muito feliz porque sempre os blogs dela dão sucesso e ser afiliada dela é uma honra. Daí eu fui tentar a sorte e falei com a Vicky, dona do Garotas Cupcakes, e uns dois minutos depois ela aceitou, e eu  tô tão feliz, pois  o blog dela é famosérrimo na blogosfera, e eu tô realizada, gente não acredito que ela me aceitou *o*
E se eu ainda tiver a sorte dela estar lendo isso, brigada mesmo Vicky  ♥
Mas bom vamos ao tutorial. Hoje eu vou ensinar como colocar a sidebar no cabeçalho.

Modelo de blockquote hover

Olá pessoal!!! Hoje começa a maratona de tutoriais, e eu estou muito feliz pois agora consigo fazer alguns tutoriais eu mesma!!! E outra vocês gostaram do novo lay? Mundinho cor de rosa  (≧∇≦)
Eu me inspirei no lay do Garotas Cupcakes, por que eu achei coisa mais linda do mundo aquele lay >3<
Aliás falando em lay lindo, eu me afiliei ao blog mais fofo do mundo: o Milk Cake. Gente esse blog é a perfeição, além do nome já ser fofo o lay e mais ainda. É da minha amiga Babi, e vale a pena dar uma olhada e muito fofo.
Bom chega de fofuras e vamos aos tutos!!! Hoje eu vou mostrar um modelo de blockquote em hover ok?

 

 

☆ Modelo para titúlo de post

Oi gente lindaaa, eu voltei!!! Depois de um tempinho sem postar, eu criei até outro blog, mas esse daqui é o meu verdadeiro blog, o blog que eu dediquei dois anos, e bom já tem bastante visualizações e tal. Mas enfim para comemorar essa volta eu vou fazer um post que inicia a maratona de tutoriais ♡
Hoje eu vou mostrar um tutorial pra vocês, que é como fazer esse estilo de título de post:
Ele é igual ao daqui do blog e fui eu mesma que fiz, então se forem usar creditem
Procurem por:

h3.post-title {

e abaixo disso cole o seguinte código:

text-align: center;
background: #fdf2f5; /* Cor do Fundo /*
color:#d5b1bd; /* Cor da Fonte /*
border-left: 1px solid #f9cedc; /* Borda Esquerda /*
border-right: 1px solid #f9cedc; /* Borda Direita /*
border-top: 1px solid #f9cedc; /* Borda de Cima /*
border-bottom: 1px solid #f9cedc; /* Borda de Baixo /*

Bom então é isso, mudem as cores, personalizem, e sejam felizes hahaha Beijoooos >3<

Menu de duas cores - K-World

Ooi gente gata >3<  
Espero que considerem a minha lindeza de ficar acordada até agora mexendo em códigos ok? Então me amem ^^
Além dos códigos eu to acordada até agora porque eu vou viajar com o meu irmão, a gente vai pra Amaral Ferrador. Uma cidade com umas vinte ruas e no máximo uns 2, 3 mil moradores. E vocês devem estar se perguntando (ou não...) porque eu vou ir pra lá? Porque lá tem um rio muito lindo e nesse calor eu tomo banho até na caixa d'água!!! 
Mas chega de blá, blá, blá porque ninguém tá a fim de saber se eu tomo banho na caixa d'água né? Hoje o post é sobre um tutorial muito legal que eu vi lá no K-World que é como fazer esse menu aqui muito fofo:

                                                

8 fontes lindas para baixar

Oooi gente, hoje eu vou fazer maratona de tutoriais uhuuuuuuuu!!! Eu adoro fazer maratona de tutoriais, e eu também vou voltar a fazer o diário de fim de semana, é chato mas eu gosto de fazer e.e                                                                                                                            Então pra começar a maratona de tutoriais eu vou escrever uma coisa que não é necessariamente um tutorial (?) É mais uma dica sabe? Enfim eu vou mostrar algumas fontes muito fofas pra usar em programas de edição.

Retirar assinatura Atom

Yoo ~

Eu já estou falando a dias e finalmente chegou... FÉRIAS!!! Uhuuuuuu!!! Na verdade tem dois lados, um é que vai ser férias os dois meses de festas, praia e computador o dia inteiro \o/ Mas o lado ruim é que você vai sentir saudade das palhaçadas, das discussões, das fofocas, enfim das amizades! 

Hoje eu vou ensinar a tirar a assinatura ATOM, veja:

 

Seleção do texto do blog com Sombra

Oiie tudo bem com vocês? Eu vou ensinar pra vocês como colocar sombra na seleção de texto do blog.
Pra começar procure por ]]></b:skin> pra facilitar procure por:

]]>

E cole acima dessa TAG o seguinte código:

 ::-moz-selection {
background:#fcc5c5; /*Cor do fundo*/
color:#ff8181; /*Cor da fonte*/
text-shadow:-2px 1px 0px #FFFFFF /*cor da sombra*/
}
::selection {
background:#fcc5c5;/*Cor do fundo*/
color:#ff8181; /*Cor da fonte*/
text-shadow:-2px 1px 0px #FFFFFF /*cor da sombra*/
}

Mude as cores do jeito que você preferir.
Então é isso...
Beijos <3

Menu Status

Oiiie de novo eu fui no shopping por isso dei uma pausa na maratona, mas óbvio que vou continuar. Enfim hoje e vou ensinar como fazer um menu muito fofo que é o menu de status sabe?
Vá no seu template e procure por ]></b:skin> para facilitar procure por:

]]>

e cole acima dessa TAG o seguinte código:

.status{
display : block; border-bottom : 1px solid #SUACOR;margin-bottom : 1px;line-height: 15px;text-indent : 5px;vertical-align : middle;text-indent : 5px;text-decoration : none; padding: 1px 1px 1px 1px; -webkit-transition-duration: .30s;}
.status:hover{
text-indent : 20px;background:#7b7b7b;}

Entendendo o código:
 border-bottom é a bordinha
1px é o tamanho da bordinha

Depois vá em adicionar um gadget > HTML Script e cole o seguinte código:

<div class="status">SEU TEXTO</div>

Então é isso meus amores...
Beijos <3

Como numerar as Páginas do Blog

Oieee - de novo - voltando - de novo - com a maratona de tutoriais eu vou ensinar a fazer as páginas numeradas no rodapé.

Imagem: Cherry Bomb

 Para começar procure por ]]></b:skin> mas para facilitar procure por:

]]>

E cole acima dessa TAG o código seguinte:

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
background: #cccccc; /*COR DO FUNDO DOS NÚMEROS /*
margin:0 2px;
padding:5px;
}
.showpageNum a:hover {
border: 0px solid #cccccc;
background-color: #00ffff;
}
.showpagePoint {
color:#333; /* COR DO TEXTO /*
text-decoration:none;
border: 0px solid #cccccc;
background: #00ffff; /*COR DO FUNDO DOS NÚMEROS SELECIONADOS/*
margin:0 2px;
padding:5px;
}
.showpageOf {
text-decoration:none;
padding:5px;
margin: 0 2px 0 0;
}
.showpage a {
text-decoration:none;
background-color: #cccccc; /*COR DE FUNDO DO "PRÓXIMO"/*
padding:5px;
}
.showpage a:hover {
text-decoration:none;
background:#00ffff; /*COR DE FUNDO  DO "PRÓXIMO" SELECIONADO/*
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#000;

Visualize e se estiver tudo certo salve.
Procure por:

</body>

E cole acima  dessa TAG o seguinte código:

<!-- Inicio do codigo de navegacao -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=4;
var displayPageNum=4;
var upPageWord =&#39;Anterior&#39;;
var downPageWord =&#39;Próxima&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
<!-- Final do codigo de navegacao -->

 

Não altere nada.
Então é isso seus lindos...
Beijooos <3

Arredondando as Imagens do Blog

Mais um tuto pra vocês, ele é bem simples mas fica fofo no blog, esse tutorial é de como arredondar as imagens do blog.
Pra começar procure por:

   .post-body {  

e vai estar assim:

     .post-body {

    line-height: 1.4;

    position: relative;   

E cole o código seguinte abaixo do código acima:

.post img {
-moz-border-radius: 8px;
-webkit-boder-radius: 8px;
border-radius: 8px;
}

Vai ficar assim:

.post-body {

  line-height: 1.4;

  position: relative;

}.post img {

-moz-border-radius: 8px;

-webkit-boder-radius: 8px;

border-radius: 8px;
}

 

Então é isso meus fofos...
Beijos <3