Layout Floral A Venda

Olá gente, este lindo layout floral está a venda, quem se interessar envie um email com o assunto "layout floral" para: docepanicodesign@outlook.com ou acesse a nossa loja de layouts: >> Doce Pânico Design e faça o seu pedido! 

Esse layout contém:

1. Sidebar personalizada
2. Área dos comentários personalizada
3. Links da postagem personalizada (com efeito hover)
4. Categorias personalizadas (com imagens)
5. Data Personalizada
6. Título da postagem personalizada com efeito hover
7. Menu fixo personalizado e com efeito hover
8. Caixa de pesquisa personalizada
9. Galeria de postagens recentes no fim do blog

PREÇO: 35,00

-Este template só serve para blog da plataforma blogger/blogspot

-O template é exclusivo, vendido apenas 1 vez.

- A instalação do template é realizada apenas por mim, não envio o código para outra pessoa instalar. A instalação será agendada após pagamento confirmado.


-Para a instalação você já deve possuir um blog criado.

- Prazo de entrega: 1 dias úteis após confirmação de pagamento.

- O pagamento só pode ser feito por depósito bancário, assim que o cliente fizer o pedido do layout por email, eu enviarei os meu dados bancários para o pagamento ser efetuado.


Fotos das outras áreas do layout:


-Área dos comentários:

Área da galeria com postagens recentes:

Visite >>  Doce Pânico Design ou envie um email com o assunto "layout floral" para: docepanicodesign@outlook.com

Layout Free Vintage Branco E Vermelho

Olá galera estou disponilizando  mais um layout pra vocês, a única coisa que peço em troca é que vocês não retirem os créditos! O layout foi totalmente criado por mim *-*

                                  VISUALIZAÇÃO            DOWNLOAD


PARA INSTALAR O LAYOUT: vá em: painel do blogger > modelo>fazer backup/restaurar > salve uma cópia do seu atual layout e depois vá em escolher arquivo e por fim em fazer upload.


PARA INSTALAR O CABEÇALHO: primeiramente salve a imagem transparente abaixo:

Vocês não estão vendo mas ela está ai! kk

Agora vá em layout>header>editar>escolher arquivo, carregue a imagem transparente e marque a opção "em vez de título e descrição" e salve!

Agora salve a imagem abaixo:

Edite ela, e coloque o nome do seu blog, depois hospede ela em algum site da internet e copie a url.

Agora vá novamente em modelo e clique em "editar HTML" dê um CTRL + F e pesquise por "body,"

você irá encontrar o seguinte código:

body, html {
height: 555px;

margin: 0;

padding: 0; }

body {
background: url("") no-repeat; }
html {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDXFQYU_4WcPhl_Sv-ZSLMnSiBpx0osHZUQRIkeu82wYIRhaMr0uTOd7zBuA0DZnm_yDYWtZfn0UTQ7_kGTobNCkONZysh4y2k0HcmQ3UP9GBYnviV_9Xja1yTm9trPpvA19ZjUe6U9d4A/s1600/Background5.png") repeat; }


Na parte : background: url("") no-repeat; }  cole a url do seu cabeçalho dentro das aspas. salve e visualize se estiver tudo ok! pronto :)

Como Colocar Grey Effect No Blog

Oi gente tudo bem? hoje eu trouxe um tuto muito facil e maravilhoso :') como colocar aquele efeito pra foto que a foto fica preto e branco quando passamos o mouse em cima dela, coloquei no blog hoje mesmo e já vou passando pra vocês, let's go!

Seguinte: primeiro vá em Design > Modelo > Editar HTML 

Depois aperte Ctrl + F e na caixinha que abrir procure por:  ]]></b:skin> 

Agora cole este código img{-webkit-transition: all 0.8s linear;-moz-transition: all 0.8s linear;transition: all 0.8s linear}

img:hover{-webkit-filter: grayscale(100%);z-index: -99px;} em cima de ]]></b:skin>

salve e visualize o blog e pronto! gostaram? se tiverem dúvidas comentem. Então é isso gente não falei que era água? rs, Beijos e até o próximo post.

Especial: 1 ano sem cortar o cabelo!

Olá gente, lembram que eu prometi um mega post pra vocês? Então aqui está ele! 1 ano sem cortar o cabelo!

Bem vamos lá, acho que quem acompanha o blog já deve ter percebido que o meu cabelo nunca cresce, ou melhor nunca crescia, e eu descobri porque... eu sempre dava uma aparada ali, uma desfiada aqui no cabelo, e esse era o problema, sem contar com as químicas que eu usava frequentemente como por exemplo: pintar, descolorir, pintar dnv, descolorir dnv, rsrs, então é lógico que meu cabelo não ia crescer nunca! não que você tenha que parar de pintar o cabelo pra ele crescer, nada disso! mas pelo menos tentar manerar um pouco ajuda muito né? Mas o mais importante pra o cabelo crescer é: NÃO CORTAR! isso mesmo não cortar nem as pontinhas, nem aquelas mais danificadas, não corta nada, nada mesmo e você verá o resultado mesmo que demore um pouco, não custa nada. Então eu comecei a pesquisar... será que cortando o cabelo de 3 em 3 meses ele cresce? descobri que não! é lógico que o seu cabelo vai ficar mais bonito e tals, mas não vai ajudar nada no crescimento, essa maldita aparadinha no cabelo vai apenas fazer você perder o seu tempo esperando o cabelo crescer 3 meses, para depois tirar o os 3 cm que você tanto amava kkk, e foi ae que eu tomei a decisão "Não vou mais cortar o cabelo até ele passe do tamanho que eu quero, mesmo que as pontas fiquem feias (e estão)" depois dessa decisão passaram-se 1 ano, e agora vou mostrar o resultado!

Não cresceu essas coisas todas mas, cresceu bastante né? ( na segunda foto meu cabelo está sem chapinha) aah e tambem parei de pintar o cabelo já fazem 9 meses, porque achei que isso ajudaria também, pretendo platinar dnv agora em janeiro, (vou mostrar todo o procedimento pra vocês) e depois deixar a raiz crescer naturalmente até o cabelo voltar a cor natural que é loiro escuro acinzentado. Então é isso galera pretendo ficar sem cortar o cabelo por mais dois a três anos, e vou mostrar todo o procedimento pra vocês. Beijos

Tutorial Como Colocar Ícones De Redes Sociais No Blog.

Oi gente, tudo bem? demorou mas saiu esse post kk, que eu tava querendo fazer a muito tempo, hj vou ensinar pra vocês como colocar ícones de redes socias no blog... como eu fiz no meu, veja o exemplo abaixo:

então vamos ao tuto *-*

Vá no painel do blog, depois em Layout e adicione um novo gadget HTML/JavaScript

E lá cole o código abaixo:

<a href="URL DA REDE SOCIAL"><img src="URL DA IMAGEM DO ÍCONE" /></a>

Substitua "URL DA REDE SOCIAL" por o link da rede social que você deseja, e "URL DO ÍCONE" pelo link do ícone da rede social e pronto.

Obs: Se você quer adicionar mas de uma rede social no seu blog, é só copiar o código outras vezes e fazer as mesmas alterações de link de acordo com a rede social que você desejar! Fácil né? vou deixar os ícones que eu to usando no meu blog se for usar por favor comente essa postagem avisando :3

Lembrando que pra usar esses ícones ae você vai ter que hospedar eles em algum site, para pode copiar os URL'S

Então é isso galera, beijos e até a próxima

Layout Free!

Hey girls, hoje eu trouxe um presentinho pra vocês, é um layout que eu mesma criei, ta simplesinho mas foi feito com muito esforço, bota esforço nisso porque estou começando a aprender a criar layouts esse é o meu primeiro, ja fiz outro mas esse foi o melhor que saiu por enquanto rs, ele tem a mesma base do que eu uso aqui, espero que gostem *-* se forem usar por favor não retirem os creditos, e comentem aqui, se vocês gostarem e comentarem vou começar a criar um por semana e disponilizar aqui e no panic sweet :3 então é isso, beijos!

Layout:

Para visualizar: Clique aqui!

Para baixar: Clique Aqui!

Cabeçalho: (clique na imagem para ampliar)

Eu Não Faço A Menor Ideia Do Que Eu Tô Fazendo Com A Minha Vida

Oi gente primeiro post da ala cinema e eu já vou começar com esse filme maravilhoso que estreou em dezembro nos cinemas, e só agora ficou disponivel para download, e eu fiz o que? fui correndo baixar hahaha, fiquei louca pra ver o filme desde que eu vi o trailer no meio do ano passado, por 3 motivos, primeiro eu amo a Clarice Falcão (quando fiquei sabendo que ela iria fazer um filme quase enlouqueci!), segundo porque eu amo filmes nacionais e terceiro porque eu já tinha assistido o filme Apenas O Fim que também foi dirigido pelo Matheus Souza, muitas pessoas vão se identificar com a Clara (Clarice Falcão) que no filme não sabe o que quer da vida, tem medo de fazer escolhas erradas e tal, eu recomendo muuuito esse filme lindo *-* vamos a sinopse pra vocês entenderem melhor:

Sinopse: Clara (Clarice Falcão) está indecisa em relação às suas escolhas. A jovem está cursando a faculdade de Medicina por pressão familiar e não por vocação. Sem contar para ninguém o que está sentindo, ela passa a matar aulas no período da manhã. Durante essas aventuras matutinas, Clara conhece um rapaz que a ajuda a encontrar um norte para sua vida.

E agora eu deixo pra vocês o link pra ver o filme no youtube que eu mesma enviei *u*

http://www.youtube.com/watch?v=SG4lcX7mV2k

Como Colocar Slide No Blog

 

Oi gente :3 vocês viram que eu coloquei o slide no meu blog? *-* Então hoje eu vou ensinar pra vocês como colocar esse slide no blog... vamos ao tutorial

- Primeiro vá em modelo > Editar HTML e pesquise por  </head> (aperte Ctrl + F)

- Feito isso cole o seguinte código abaixo de </head>

 <style type="text/css">

/* <![CDATA[ */
#w2bSlideContainer           {position: relative;display: block; top:0px; left:0px; right:0px;/*Ajuste as posição do slide*/}
#w2bNivoSlider              { position:relative;
width:640px  !important; /*largura do slide*/height:300px  !important; /*Altura do slide*/
background:  #fff url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6pAdtWewn2jLlZrrp3pIPMzM2psMAZh0YDzIlxCmMuF8SpDbRM8d096v5PMYvcCAccZYZ7HPSh4WBBGTs6Fswn6bCx2ls-PE7A13SgOPnx7WGEmz5nCTh3EUE-ONKMEJjmKdIMMEBtogr/s1600/w2bLoader.gif") no-repeat 50% 50%;
margin: 20px auto 35px;
border: 3px solid #000;/*Coloque borda se quiser*/ }
#w2bNivoSlider img           {position:absolute; top:0; left:0;  display:none}
.nivoSlider                  {position:relative;width:100%;height:auto;}
.nivoSlider img              {position:absolute;top:0;left:0}
.nivo-main-image             {display:block!important;position:relative!important;width:100%!important}
.nivoSlider a.nivo-imageLink {position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none}
.nivo-slice                  {display:block;position:absolute;z-index:5;height:100%;top:0}
.nivo-box                    {display:block;position:absolute;z-index:5;overflow:hidden}
.nivo-box img                {display:block}
.nivo-caption                {padding: 5px;
font-family: Arial,sans-serif;position:absolute; /*Fonte da legenda*/Font-size: 14px; /*Tamanho da fonte da legenda*/background:#000; /*Cor de fundo da legenda*/color:#fff; /*Cor do texto da legenda*/-ms-filter:"alpha(opacity=80)";filter:alpha(opacity=80);opacity:.8; width: 630px;/*Largura da legenda*/ z-index:8;}
.nivo-caption p              {padding:2px;margin:0}
.nivo-caption a              {display:inline!important}
.nivo-html-caption           {display:none}
.nivo-directionNav a         {position:absolute;top:45%;z-index:9;cursor:pointer;display:block;width:30px;height:30px;
background: url("URL_IMG_SETA") no-repeat;text-indent:-9999px;border:0}
.nivo-prevNav                {left:10px}
.nivo-nextNav                {background-position:-30px 0!important;right:10px}
.nivo-controlNav             {position:absolute;left:0;right:0;bottom:-35px;text-align:center}
.nivo-controlNav a           {position:relative;z-index:9;cursor:pointer;display:inline-block;width:22px;height:22px;
background:url("URL_IMG_BULLETS") no-repeat;text-indent:-9999px;border:0;margin-right:3px}
.nivo-controlNav a.active    {font-weight:bold;background-position:0 -22px}
/* ]]> */
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='http://static.tumblr.com/y66747w/9hlmdpcpa/nivoslider.js' type='text/javascript'/>
<script type='text/javascript'>
/* <![CDATA[ */
jQuery(document).ready(function($) {
$('#w2bNivoSlider').nivoSlider({
effect           : 'random',
slices           : 10,
boxCols          : 8,
boxRows          : 4,
animSpeed        : 500,
pauseTime        : 4000,
startSlide       : 0,
directionNav     : true,
directionNavHide : true,
controlNav       : true,
keyboardNav      : false,
pauseOnHover     : true,
captionOpacity   : 0.8
});
});
/* ]]> */
</script>

As partes onde está em negrito são as que você vai ter que editar de acordo com o seu blog ou como você quiser que fique o slide, depois clique em salvar modelo.

- Agora vá em Layout > Adicionar gadget > adicione o gadget HTML/Javascript e dentro dele cole o seguinte código:

<div id="w2bSlideContainer">
<div id="w2bNivoSlider">
<a href="LINK_DO_SLIDE_1"><img src="URL_DA_IMAGEM_1" title="LEGENDA DA IMAGEM 1"/></a>
<a href="LINK_DO_SLIDE_2"><img src="URL_DA_IMAGEM_2" title="LEGENDA DA IMAGEM 2"/></a>
<a href="LINK_DO_SLIDE_3"><img src="URL_DA_IMAGEM_3" title="LEGENDA DA IMAGEM 3"/></a>
<a href="LINK_DO_SLIDE_4"><img src="URL_DA_IMAGEM_4" title="LEGENDA DA IMAGEM 4"/></a>
</div>
</div>

Onde está escrito Link do slide, você vai colocar o link de uma postagem por exemplo, Url da imagem, você vai colar o endereço da imagem que você quer que apareça no slide, Legenda da imagem, a legenda que você quer que fique e pronto! ta feito o seu slide :3

Então é isso galera bjs.

Ruivo Acobreado (Natural) : Cor da vez!

 

Oi gente :3 hoje eu vim falar sobre o tom ruivo acobreado que vai ser a minha próxima cor de cabelo, primeiro vou contar como decidi ficar ruiva. Bem pra quem não sabe há tempo atrás eu fiz a cagada de pintar meu cabelo de preto (tava loiro clarissimo quase platinado) no começo eu gostei era a única cor que eu ainda não tinha pintado e tals, mas como eu acho  que vocês ja perceberam eu enjoou muito rápido das cores rs, e foi ae que eu resolvi voltar pro loiro de novo, e deu muuuuuuito trabalho, fiz de tudo pra conseguir voltar, descolori várias vezes (o que eu não aconselho pra ninguém fazer) pintei de azul, pra neutralizar, de roxo, descolori de novo, até que na quarta descoloração eu consegui o/ joguei uma tinta de fármacia mesmo '-'  e depois neutralizei, até ae beleza tudo certo, mas ae eu cai na real e vi que a cor estava novamente como eu queria, (ainda ta loiro) mas em compensação ta muito danificado fudido mesmo como eu costumo dizer kk, e foi ae que me veio a idéia de escurecer, pensei colocar preto de novo, ou castanho escuro... mas acho que isso não é pra mim rs, ao menos por enquanto, e foi ae que eu pensei quero ficar ruiva! *-*  E então comecei a pesquisar ( ainda to) em blogs, videos, etc... e agora vou falar pra vocês um pouco de tudo que eu aprendi nos últimos dias... vamos lá!

1.  Existem vários tons de ruivos acobreado e vai do escuro ao claro ("laranja", loiro acobreado), vou mostrar alguns exemplos:

Ruivo Acobreado "Escuro"

 

Ruivo Acobreado Alaranjado:

 

 Loiro Acobreado:

 E depois de tantos exemplos, vamos para as outras dicas!

 2. Se você tiver um cabelo loiro claro, clarissimo ou platinado assim como o meu, não vai adiantar jogar uma tinta loiro acobreado, porque vai desbotar super rápido e vai ficar uma verdadeira merda pelo menos foi o que eu entendi... primeiro você vai ter que "escurecer" mas não muito, continuando no loiro, só que um loiro mais escuro, tipo um loiro natural, loiro médio por ae, e ae depois de um tempo você joga o ruivo. Mas como eu sou teimosa, e não quero danificar ainda mais o meu cabelo vou jogar um ruivo acobreado escuro, esperar desbotar pra ver no que dá rs, espero que dê certo.

3. Se você tem o cabelo escuro tipo: castanho médio, castanho escuro ou preto, vai ter que clarear lógico, mas não clarear tanto, pelo o que eu entendi pra pegar um ruivo natural o cabelo tem que tá no mínimo um castanho claro, no mínimo em gente!

Pois é galera como vocês podem ver ter um cabelo acobreado não é tão fácil como parece, confesso que quando resolvi pintar, achei que era só jogar a tinta e pronto, mas ae vi que não é esse mar de rosas, mas mesmo assim vou tentar e estou confiante *-*

Tintas Mais Indicadas: 

 Koleston 7744

Koleston 874

Biocolor 744

L'oréal paris 6.4  

L'oréal paris 743

Luminous 8.34

revlon 45 

Koleston 64

Maxton 7.3

Majirel 7.4

 L'oréal paris 6.46

 L'oréal paris 8 RB

Igora 7.7

Cor e ton 7.43

Keune 7.43 

Keune 7.44

 Então é isso gente já tenho uma tinta em mente, quando eu pintar mostro o resultado aqui pra vocês mesmo que não dê certo! rs bjs 

 

Monovin A Funciona?

                          
 Oi galeres linds *-* hoje o post é sobre o famoso Monovin A! bem, não sei se vocês sabem mas o meu cabelo nunca cresce, :/ e sim uso apliques kk, psé então eu deixei as quimicas de lado, já faz dois meses que não pinto, e pretendo passar mais tempo e tomando essa decisão resolvi experimentar o que as pessoas chamam de "milagre" o monovin... faz mais ou menos uns 15 dias que estou usando, mas com pausas não lavo meu cabelo frequentemente, só lavo uma vez por semana. Pois bem, antes de usar o monovin li muuuito sobre isso, pesquisei em blogs e tals, a maioria diziam a mesma coisa "não estraga o cabelo, é só não exagerar na dose", " o máximo que pode acontecer é o cabelo ficar oleoso" "cresce de 2 cm a 8 cm" e ae resolvi testar :3 por enquanto não apresentei nem um sintoma negativo (graças a Deus) mas também não vi muito resultado, sim meu cabelo cresceu uns dois cm! daqui a algum tempo quando eu tiver certeza que está crescendo por conta do monovin, mostro minha experiência pra vocês.... agora vou esclarecer algumas dúvidas frequentes vamos lá!

Dúvidas: 

1. O que é monovin a?  Monovin A é simplesmente vitamina A com óleo de amêndoa , é um produto veterinário usado para aplicar em cavalos para a crina crescer mais rápido e mais saudável. Mais em humanos ele é colocado no shampoo ou no condicionador ! Auxiliando no crescimento saudável do cabelo .  


 2. Onde posso encontrar? Nas lojas veterinárias ou pela a internet!


 3. Quanto custa? na minha cidade custa 20 reais, esse é o preço mais comum


4. Como usar?  Uma colher de sopa de monovin A em um shampoo de 300 ML já é o bastante, nada mais que isso viu? pois pode causar efeitos colaterais, e fazer o cabelo cair, lembre-se tudo de mais é veneno rs.

5. Como vou saber se vai funcionar? Bem isso só você vai descobrir, não tem como saber ao certo, com algumas pessoas funcionam e com outras não... mas como já disse futuramente mostrarei minha experiêcia com o monovin aqui no blog!

Enquanto a vocês já usaram monovin A? teve algum efeito colateral? funcionou? seu cabelo cresceu? comentem!

Então é isso galera bjs,

Como personalizar o menu do blog

 

Oi gente tudo bom? trouxe um tutorial divino pra vocês :3 que como personalizar o menu do blog, mas o que é menu do blog? e onde tem as paginas (inicio, contato, por exemplo) vejam o exemplo abaixo: 

Depois de personalizado o menu vai ficar mais ou menos igual o meu... então vamos ao tutorial!

Primeiro vá em modelo> editar HTML > Aperte ctrl+f e procure por  /* Tabs

você vai encontrar o seguinte código abaixo:

 /* 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);
}

Apague todo o código acima e substitua por este:


* Menu do blogger personalizado by Go Imagine modificado por Bloguinho Cute
----------------------------------------------- */
.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;
}

.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úmeros negativos vão para a esquerda e positivos para a direita.

Viu como é  facíl gente? *-*  Então é isso galera beijos! ;D

 Créditos á Goimagine e Bloguinho Cute