reblog: Escada

reblog: Escada: Galerias de Fotos  /  Arquitetura Escada Cores, formatos, materiais e e...

Aplicação de tinta em chinelo - MISTER L Máquinas

Aplicação de tinta em chinelo  - MISTER L Máquinas -

Sabão Artesanal Natural feito por Cold Process

Sabão Artesanal Natural feito por Cold Process

Aprenda Como:..." colocar-botao-curtir-do-facebook"

"colocar-botao-curtir-do-facebook"

Aprenda Como:..."   colocar-botao-curtir-do-facebook"

pesquisa realizada em:                                    

dicasmamanunes

 

Colocar Botão "  Curtir" Do Facebook no Blogger

..."J Miur do Vagabundia trouxe uma novidade bem interessante para divulgar postagens. O botão "Curtir" do Facebook que pode ser colocado nos posts ou direto na home do seu blog Blogger. Leia a matéria toda no Vagabundia."
"Trecho traduzido :"

"Para aqueles que usam o Facebook, estão aparecendo devagar os métodos de  integração fácil entre blogs e sites. A empresa está em uma luta aberta para "morder" uma fatia de mercado que o Google agora domina."

O código para o botão é o seguinte:

<iframe expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;height=60&amp;action=like&amp;font=tahoma&amp;colorscheme=dark&quot;' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:60px'/>

 Há algumas coisas que podemos personalizar:

&amp;layout=standard define otipo de botão, pode-se mudar por button-count para simplifica-lo
&amp;show-faces=true mostra o avatar do usuario e eliminar-se colocando false
&amp;action=like é o texto a mostrar e pode ser substituido  por recommend
&amp;colorscheme=light é o desenho geral, a outra opção é dark
&amp;font=arial é ol tipo da letra opcional e pode ser tahoma, arial, lucida+grande, segoe+ui, trebuchet+ms, verdana
&amp;width=530 é a largura total en pixeles (530 o 450)
&amp;height=60 es la altura total en pixeles

Se quiser exibi-lo no rodapé das postagens faça o seguinte:

Login no Blogger ► opção "layout"  ► Editar HTML ►

Procure pelo trecho <div class='post-footer-line post-footer-line-1'>

Cole o código ABAIXO do trecho

Para exibir ao lado do título da postagem procure pelo trecho

<div class='post-header-line-1'/>

Cole o código ABAIXO do  trecho.

Se queremos exibi-lo em nossa página (pode-se  usá-lo em qualquer página), o código é o mesmo e apenas definir a URL correta, substituindo data:post.url pelo endereço do nosso blog e, neste caso, devemos mudar os símbolos //: (barra dois pontos)

por seus  equivalentes - % 3A% 2F:

Exemplo ...

Fica assim: 

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblogger-dicasmamanunes.blogspot.com%2F&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;height=60&&action=like&amp;font=tahoma&amp;colorscheme=dark" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:450px; height:60px"></iframe>

Referencia: VAGABUNDIA

Adicionando um botão Curtir no Facebook

JMiur

Para quem usa o Facebook, estão aparecendo devagar os métodos de integração simples com blogs e outros sites da web como a empresa está em uma briga direta para controlar a quota de mercado que o Google agora é o único Senhor e Mestre. Até recentemente , a maioria dessas coisas foram bastante complexa, mas começaram a oferecer alguns códigos simples que podem ser vistos em suapágina do desenvolvedor . Talvez, o mais interessante são os plugins sociais e, entre eles, o famoso botão Likes permitindo aos usuários compartilhar conteúdo entre o seu site e Facebook visitantes.

Tudo que você precisa adicioná-lo para o Blogger é copiar e colar o código que não é nada mais que um iframe :

<Iframe expr: src = '"http://www.facebook.com/plugins/like.php?href =" + dados: post.url + allowTransparency frameborder = 'true' = '0 'scrolling =' no 'style =' border: none; overflow: hidden, width: 450px, height: 60px "/>

O mais razoável seria a de colocá-lo em cada entrada, juntamente com o resto dos ícones sociais, por exemplo, no pós-footer das entradas. Embora este é o código padrão, há coisas que podem ser personalizadas que estes parâmetros são estão ligados à nossa entrada URL: & layout = normadefine o tipo de botão, pode ser alterado por contagem botão para simplificar e mostram-faces = true mostra o avatar do usuário e pode ser removido colocando falsa ação & = como é o texto a ser exibido e pode ser alterado para recomendar & colorscheme = luz é a concepção global, a outra opção é dark & font = arial fonte é opcional e pode ser tahoma , arial , lucida + grande , Segoe + ui, trebuchet + ms , verdana & width = 530 é a largura total em pixels (530 ou 450) & height = 60 é a altura total em pixels se colocarmos em nossa casa (nada impede o uso em qualquer página) o código é o mesmo e apenas definir a URL correta, substituindo os dados: post.url pela direção do nosso blogue e, neste caso, devemos mudar os colonos e seus equivalentes bar 3A% e % 2F :

<Iframe allowTransparency = "true" frameborder = scrolling "0" = "no" style = "border: none; overflow: hidden, width: 450px, height: 60px"> </ iframe>

Saiba como : "Dar estilo aos comentários do novo Blogger "

Saiba como : "Dar estilo aos comentários do novo Blogger "anoticiaaqui

Por que não se deve usar maquiagem todos os dias?

"A dermatologista Helena Zantut esclarece as principais dúvidas a respeito do tema e dá dicas para não prejudicar a saúde da pele"

Corretivo de alta cobertura,

base em creme,

pó compacto,

rímel com efeito de volume triplicado,

blush com coloração natural,

quarteto de sombras,

batom

– todos esses itens se encaixam perfeitamente na descrição do arsenal ideal para esconder aqueles defeitinhos da aparência do rosto que tanto incomodam.

A maquiagem vem sendo usada ao longo dos séculos para tornar o rosto humano cada vez mais perfeito e, por isso, grande parte da população feminina mundial não consegue viver sem ela. Maquiar-se diariamente seria a solução ideal para uma aparência sempre impecável, não fosse um detalhe: dizem por aí que usar maquiagem com muita frequência pode ser prejudicial à saúde da pele, provocando acne, aumentando a oleosidade ou ressecando o rosto.

A dermatologista Helena Zantut esclarece as principais dúvidas a respeito do tema e dá dicas para evitar o problema.

A maquiagem é, de fato, prejudicial à saúde da pele?

Helena explica que, dependendo da qualidade dos produtos utilizados, a pele poderá sofrer mais ou menos danos. Entretanto, de acordo com a dermatologista, mesmo as marcas mais conceituadas prejudicam a saúde da pele e dos poros.

”Maquiagem tem que ser de boa qualidade. Hoje temos muitas, como a MAC, a Vichy, a La Roche Posay, por exemplo, mas infelizmente [essas marcas] são importadas e, às vezes, não são vendidas aqui no Brasil”, afirma a especialista.

Perguntada sobre que tipo de problemas de pele podem ser causados pelo uso contínuo de maquiagem, Helena diz que “o principal _____________é dermatite de contato (alergias),

e manchas na pele”.

Produtos de maquiagem desenvolvidos para tratar acne e outros problemas de pele realmente funcionam ou também são prejudiciais?

Diversos fabricantes anunciam, nas embalagens e mesmo na publicidade, que os produtos de maquiagem desenvolvidos por eles teriam também uma função de medicamento contra a acne, as manchas e outros problemas de pele. Helena defende a tese de que todo tipo de produto que prometa resultados miraculosos deve ser utilizado com a orientação de um dermatologista.

”Hoje em dia os laboratórios de dermocosméticos fazem estudos para juntar o tratamento [buscado pelo paciente] com a parte cosmética e estética”, explica ela, “tanto que já fazem protetores com base, despigmentantes, vitamina C, entre outros”. Esse fator, no entanto, não significa que o produto tratará o problema como prometido.

O ideal seria confrontar as informações fornecidas pelo fabricante com as orientações e a opinião de um especialista de sua confiança. O dermatologista saberá indicar os melhores produtos para cada tipo de pele, o que pode evitar problemas como alergias e irritações.

”Os [produtos desse tipo] mais modernos, hoje em dia, são os BB cream e os CC cream – já existem [alguns] da L’Oréal. Existem também tratamentos de acne junto com primer e base, entre outros”, diz.

Como evitar que o uso de

maquiagem faça mal à pele?

Os cuidados para prevenir problemas de pele causados pelo excesso de maquiagem são bastante conhecidos do público feminino, mas não custa lembrar: “sempre retirar toda a maquiagem antes de dormir e sempre usar um protetor solar antes de passar a maquiagem”, finaliza Helena.

fonte:dicasdemulher 

menus - tipos +

. horizontal-navigation-menus

... 30 + "horizontais" Menus de navegação para o Blogger com CSS e HTML Codes



. -vertical-navigation-menus-

... 25 Menus "vertical" de navegação para o Blogger - Menus Tab CSS-HTML


. css3-multi-level-drop-down-menu

"Adicionar V2"... "Estilo Popular Posts"..." Widget" " Com Multi Color"... "Para Blogger"

Add V2 Style Popular Posts Widget With Multi Color For Blogger

This is about Popular post widget. Actually
earlier i posted about How To Add Multi-Color 
Popular Posts Widget For Blogger. So this is
also same, But, this design is different, Its
look Like round corners. You can add this effect
with easily,You can try it.

1. Log in to blogger account & Go to Design >> Edit HTML

2. Find this code  by using Ctrl+F  ]]></b:skin>

3.Paste below code Before ]]></b:skin> code

#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

4. Now Click  Save Template.
    You are done...

fonte: bloggertrix

traduzido:

"Adicionar V2 

Estilo Popular Posts Widget 

Com Multi Color Para Blogger"

Este é widget post sobre Popular. Na verdade, 
mais cedo eu postei sobre como adicionar Multi-Color 
Mensagens Popular Widget para Blogger. Portanto, este é 
também mesmo, Mas, este projeto é diferente, seu 
olhar como cantos arredondados. Você pode adicionar este efeito 
com facilidade, você pode experimentá-lo.

. 1 Efetue login na conta blogger & Go para projetar >> Editar HTML 

2. Encontre este código  usando Ctrl + F  ]]> </ b: skin> 

3. Cole o código abaixo antes de ]]> </ b: skin> código:

# PopularPosts1 ul li a: hover {color: # fff; text-decoration: none}
# PopularPosts1 ul li a {-webkit-text-size-adjust: auto-webkit-text-stroke-width: 0px; color: # 333333; display: block; font-family: Georgia, 'Times New Roman', Times , serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 0px 0px 40px; min-height: 30px; órfãos: 2; padding: 0px; text-align:-webkit-auto, text-decoration: nenhum importantes; text-indent: 0px; text-transform: none; white-space: normal; viúvas: 2; palavra -spacing: 0px;}
# PopularPosts1 ul li
# PopularPosts1 ul li: first-child: em seguida,
# PopularPosts1 ul li: first-child + li: depois,
# PopularPosts1 ul li: first-child + li + li: depois,
# PopularPosts1 ul li: first-child + li + li + li: depois,
# PopularPosts1 ul li: first-child + + li li li + + li: depois,
# PopularPosts1 ul li: first-child + + li li li + + + li li: depois,
# PopularPosts1 ul li: first-child li + + + li li li + + + li li: depois,
# PopularPosts1 ul li: first-child + + li li li + + + li li li + + li: depois,
# PopularPosts1 ul li: first-child + + li li li + + + li li li + + + li li: depois,
# PopularPosts1 ul li: first-child li + + + li li li + + + li li li + + + li li: after {position: absolute; top: 10px; direita: 5px; border-radius: 50%; margem: 2px solid # ccc; background: # 353535;-webkit-box-shadow: 0px 0px 5px # 000;-moz-box-shadow: 0px 0px 5px # 000; width: 30px; height: 30px; line-height: 1em; text-align: center; font-size: 28px; color: # fff}
# PopularPosts1 ul li: first-child + + li li li + + + li li li + + li {background: # DF01D7; width: 90%}
# PopularPosts1 ul li: first-child + + li li li + + + li li li + + li: after {content: "8"}
# PopularPosts1 ul li: first-child + + li li li + + + li li li + + + li li {background: # B041FF; width: 90%}
# PopularPosts1 ul li: first-child + + li li li + + + li li li + + + li li: after {content: "9"}
# PopularPosts1 ul li: first-child li + + + li li li + + + li li li + + + li li {background: # F52887; width: 90%}
# PopularPosts1 ul li: first-child li + + + li li li + + + li li li + + + li li: after {content: "10"}
# PopularPosts1 ul li: first-child + + li li li + + + li li {background: # 7ee3c7; width: 90%}
# PopularPosts1 ul li: first-child + + li li li + + + li li: after {content: "6"}
# PopularPosts1 ul li: first-child li + + + li li li + + + li li {background: # f6993d; width: 90%}
# PopularPosts1 ul li: first-child li + + + li li li + + + li li: after {content: "7"}
# PopularPosts1 ul li: first-child + + li li li + + li {background: # 33c9f7; width: 90%}
# PopularPosts1 ul li: first-child + + li li li + + li: after {content: "5"}
# PopularPosts1 ul li: first-child li + + + li li {background: # c7f25f; width: 90%}
# PopularPosts1 ul li: first-child + li + li + li: after {content: "4"}
# PopularPosts1 ul li: first-child + + li li {background: # ffde4c; width: 90%}
# PopularPosts1 ul li: first-child + li + li: after {content: "3"}
# PopularPosts1 ul li: first-child + li {background: # ff764c; width: 90%}
# PopularPosts1 ul li: first-child + li: after {content: "2"}
# PopularPosts1 ul li: first-child {background: # ff4c54; width: 90%}
# PopularPosts1 ul li: first-child: after {content: "1"}
# PopularPosts1 ul {margin: 0; padding: 0px 0; tipo list-style: none}
# PopularPosts1 ul li {position: relative; margin: 6px 0; border-radius: 25px 0px 25px 0px; border: 2px solid # f7f7f7;-webkit-box-shadow: 3px 3px 3px # 000;-moz-box-shadow: 3px 3px 3px # 000; padding: 10px}

4. Agora Clique em  Salvar modelo.
    Está feito ...