Mude Suas Atitudes em 2014

"Ideias, ações e comportamentos de pessoas inspiradoras...

* Foque
* Persista
* Divirta - se
* Crie Suas Chances
* Descubra Sua Paixão
* Seja Pratico
* Simplifique
* Tenha Coragem
* Inove
* Insista
* Resista
* Viva
      Faça Acontecer !!

RECOMENDO ESTE BLOG > Cantinho Da Káh

Playlist para sonhar acordado

Hello folks,

Na minha opinião a musica  tem o poder de deixar tudo mais alegre, mais calmo,ela tem o poder de mudar o nosso pensamento, de nos levar para outro lugar na mente,Para tudo isso acontecer basta apenas ter um fone de ouvido e um celular qualquer que tenha as musicas que te deixam nesse mundo.

Hoje tem uma playlist diferente aqui no blog,me inspirei nas músicas do meu celular que andam em um tom  meio nas nuvens  e eu nem sei o porquê ,mais espero que vocês gostem de todas as musicas.

Então não perca tempo e se jogue no sofá pra ficar sonhando acordada com as musicas que eu separei . 

1. Charlie Brown - Céu Azul
2. Paramore- The Only Exception
3. Taylor Swift - Stay Stay Stay
4. Bruno Mars - When I Was Your Man
5. Nando Reis e Ana Canas - Pra Você Guardei O Amor
6. Taylor Swift - You Belong With Me 
7. Beyoncé - Halo
8. Coldplay - Paradise
9. Ed Sheeran - Give Me Love
10. Paramore- Daydreaming
11. Christina Perri - A Thousand Years

Sete Coisas Que...

Hello folks,

Como sempre eu estava dando uma olhada nos meus blogs preferidos ,quando eu encontrei no  Universo Vanguarda esse meme que eu achei bem legal ,pois é sempre  bom saber mais sobre a pessoa que escreve todas as postagens dos blogs que agente lê .Por isso decidi fazer essa postagem e se você também quiser postar no seu blog fique a vontade pois estou indicando no meme todos aqueles que quiserem fazer.

Sete coisas para fazer antes de morrer:

1. Viajar pelo mundo 
2. Escrever um livro 
3. Aprender a tocar violão  
4. Saltar de paraquedas  
5. Aprender a andar de skate 
6. Ter uma estante com  muitos livros
7. Ser feliz 

Sete coisas que eu mais falo: 

1. Nossa... 
2. Aff
3. Sempre acontece comigo  
4. Mãe, compra para mim?
5. Esquece...
6. Atah...
7. Tô com fome (com certeza essa é a que eu mais falo rsrs)

Sete coisas que eu faço bem:

1. Dormir 
2. Cantar no chuveiro 
3. Assistir TV
4. Rir 
5. Ler
6. Gastar dinheiro
7. Ser Lerda (as vezes até demais)

Sete coisas que eu não faço:

1. Acordar cedo
2. Falar em publico (Porque eu sou muito tímida) 
3. Dançar (Graças a Deus eu tenho essa noção, porque dançando eu sou um fiasco)
4. Falar alto 
5. Tomar banho com água fria
6. Maltratar animais 
7. Contar piadas (Eu sou aquele tipo de pessoa que se enrola toda para contar uma piada ,acaba que ninguém entende  ,nem eu mesma)

Sete coisas que me encantam:  

1. Céu estrelado
2. Pôr do sol 
3. Dias nublados
4. Fãs de sagas 
5. Chocolate
6. Musica 
7. Livros e muitos livros

Sete coisas que não gosto: 

1. Pessoas metidas
2. Saia 
3. Estudar
4. Tirar sangue
5. Plagio
6. Esperar 
7. Funk 

Nivo Slider

Esse tutorial aprendi num blog que para meu desespero descobri hoje ter sido excluído. Sorte a minha ter o slide no blog e poder compartilhar com vocês o código. #MeAmem!

Não vou ensinar especificamente um lugar para colocar, mas você pode por no cabeçalho (como o meu) ou mesmo no topo das postagens em tamanho grande. Se você quiser colocar no cabeçalho recomendo ler com atenção este post do falecido Cherry Bomb #TodosChoram.

Os códigos são grandes, então clique em "leia mais"!

Procure por }]]></b:skin> (Ctrl + F) e acima dele cole o seguinte código:

/* The Nivo Slider styles */

#slider {position:relative;}

#slider img {position:absolute; top:0px; left:0px;

display:none;}

#slider a {border:0; display:block;}

.nivoSlider {position:relative; width: 556px; /* largura */ height: 440px; /* altura */ } .nivoSlider img {position:absolute; top:0px; left:0px;}

/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink {position:absolute; top:0px;

left:0px; width:100%; height:100%; border:0;

padding:0;margin:0; z-index:6; display:none;}

/* The slices and boxes in the Slider */

.nivo-slice

{display:block;position:absolute;z-index:5;height:100%;}

.nivo-box {display:block;position:absolute;z-index:5;}

/* Caption styles */

.nivo-caption {position:absolute;left:0px; bottom:0px;

background: #ccc; /* Cor de fundo do título */  color: #fff; /* Cor do título */  text-transform: uppercase; width: 100%; z-index:50; border-right: 5px solid #;padding: 5px 0;}

.nivo-caption p {padding:0 20px;margin:0;font-size:14px;}

.nivo-caption a {display:inline !important;}

.nivo-html-caption {display:none;}

.nivo-directionNav a

{position:absolute;top:45%;z-index:99;cursor:pointer;}

.nivo-prevNav {left:0px;}

.nivo-nextNav {right:0px;}

/*============================*/

/*=== Custom Slider Styles ===*/

/*============================*/

.slider {width:100%;}

.slider img

{position:absolute;top:0px;left:0px;display:none;}

.slider a {border:0;display:block;}

.nivo-controlNav {display:none;}

.nivo-directionNav a

{display:block;width:31px;height:34px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjQ_fR_HxGJD2TRizPiXhgpM4uany7JkE2jos7LPjvZqyR47_2hU3jKxltpH9vH9F2ixoS2rFwLkiOi3lOp9LdFoQ6RMNm_Gp7JjZQdVDtrCwtQ7XHU7rO1ZozMtD1rVlJl7WgNP6IDi80/s1600/s-12.png)

no-repeat; /* imagem das setinhas */ text-indent:-9999px;border:0; }

a.nivo-nextNav {background-position:-30px 0;right:15px;}

a.nivo-prevNav { left:15px;}

.nivo-caption {font-family:"Trebuchet MS", Arial,

Helvetica, sans-serif;}

.nivo-caption a {color:#efe9d1; text-decoration:underline;}

Ocultar a Navbar e Mostrá-la ao Passar o Mouse

Hi people!
Hoje eu vou postar um tutorial muito simples e útil, sabe aquela barra lá no topo do blog onde você faz o login, cria uma nova postagem e tal? Que ela não é muito agradável aos olhos todo mundo sabe, mas muitos tem   
um certo receio de tirá-la por poder dificultar o acesso aos "atalhos" dela. Confesso que eu sofria disso kkk' mas hoje eu estava pesquisando e achei um tutorial ensinando a ocultar e mostrá-la novamente quando passado o mouse no lugar onde ela fica, lembrando que os créditos são todos do blog Bloggando na web.

Clique em "Leia Mais" para ver o post completo.

Então, vamos começar?

1. Abra o seu blog, faça o login e vá em Design  > Editar HTML

2. Pressione "Ctrl+F" para abrir a caixa de pesquisa e procure pelo seguinte código:

      ]]></b:skin>                                              

3. Logo acima deste código, adicione este outro código:
                                                                                      

#navbar-iframe {
opacity:0;
}

#navbar-iframe:hover {
opacity:1;
}

4. Visualize e se estiver tudo certo salve (:

Viu só? Simples, fácil e rápido. Espero que tenham gostado tanto quanto eu *-*

Ah, só um aviso, o código não funciona no Internet Explorer ):

"Preto e Branco" e "Sépia" Em Imagens Hover

Quem não gosta de efeitos hover que atire a primeira pedra! Hoje vamos fazer um efeito no qual, ao passar o mouse sobre determinadas imagens, elas automaticamente passem para o "preto e branco" ou "sépia".  

Acreditem, isso dá um up nas fotografias, podendo ver ela de duas formas distintas: com cor e monocromática. Confira!

Personalizar o Menu Padrão do Blogger

Hi people! trouxe um tuto bem pedido: como personalizar o menu padrão do blog (aquele horroroso!) e é bem simples, sério! Não vi esse tutorial em nenhum outro blog, descobri "fuçando" e vim compartilhar com vocês, então peço que creditem!

O resultado será semelhante ao meu:

Como Fazer :

Entre no seu html é procure por /* Tabs, abaixo você encontrará algo parecido a isso:

/* Tabs
----------------------------------------------- */
.tabs-inner {
margin: 1em 0 0;
padding: 0;
}
.tabs-inner .section {
margin: 0;
}
.tabs-inner .widget ul {
padding: 0;
background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;
}
.tabs-inner .widget li {
border: none;
}
.tabs-inner .widget li a {
display: inline-block;
padding: 1em 1.5em;
color: $(tabs.text.color);
font: $(tabs.font);
}
.tabs-inner .widget li.selected a,
.tabs-inner .widget li a:hover {
position: relative;
z-index: 1;
background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
color: $(tabs.selected.text.color);
}

Feito isso, substitua todo esse código por esse aqui:

/* Menu do blogger personalizado by Go Imagine - goimagines.blogspot.com
----------------------------------------------- */
.tabs-inner {
margin: 1em 0 0;
padding: 0;
margin-top: 0px; /*para subir ou descer o menu troque o número*/
margin-left: 0px; /*para afastar o menu para esquerda ou direita troque o número*/
}

.tabs-inner .section {
margin: 0;
}

.tabs-inner .widget ul {
padding: 0;
background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;
}

.tabs-inner .widget li {
border: none;
}

/*Estado normal do menu*/
.tabs-inner .widget li a {
display: inline-block;
padding: 1em 1.5em;
color: #fff; /*cor da fonte*/
font: $(tabs.font); /*fonte*/
border-radius: 50px; /*bordas arredondadas, apague a linha se n quiser*/
line-height: 5px;
padding: 12px;
background: #BFCED5; /*cor do fundo normal*/
margin-left: 8px; /*espaço entre os botões*/
}

/*Estado hover e selecionado*/
.tabs-inner .widget li.selected a,
.tabs-inner .widget li a:hover {
position: relative;
z-index: 1;
background: #8BC2C9; /*cor do fundo hover/selecionado*/
color: #fff; /*cor da fonte*/
border-radius: 50px; /*bordas arredondadas, apague a linha se n quiser*/
line-height: 5px;
padding: 12px; /*espaçamento interno*/
}

Lembrando que no margin-top números positivos descem e negativos sobem. Já no margin-left númerosnegativos vão para a esquerda e positivos para a direita.

Em font se você manter como está no código a fonte será aquela que você estabeleceu -ou que veio com o template- no designer do modelo, mas você pode mudar colocando o nome da fonte que preferir, assim: font: nome da fonte (ex: font: calibri;)

Após seguir o tutorial você deve adicionar ao seu template (caso ainda não o tenha) o gadget Páginas disponibilizado pelo próprio Blogger. Pra adiciona-lo vá em layout > adicionar um gadget >páginas. 

Como fazer:

Como fazer:

Como fazer:Como fazer:Co