Pesquisar

Mostrando postagens com marcador como. Mostrar todas as postagens
Mostrando postagens com marcador como. Mostrar todas as postagens

Óculos? Como encontrar o ideal para colocar grau nas lentes?



Óculos? Como encontrar o ideal para colocar grau nas lentes?

Como usar um modelo de óculos de grau o ano todo

Óculos,  tem de ser:

... confortáveis para quem usa .
... ter estrutura e beleza, é fundamental.
... a cor  da armação dos óculos, hoje em dia, tem muita valia
...  o valor financeiro é crucial também

Bom estas dicas, foram as de hoje!

Aguardem as próximas!




Share:

"Que tal deixar seu blog ainda mais acessível?"

Digite seu endereço de e-mail:



Entregue por FeedBurner

"Aumente a fidelidade de seus leitores"

 




... a " boo-box" 

criou um tutorial que ensina 
a ativar seu Feed, 
 em cerca de 10 minutos."


vide a seguir:




Saiba Como Aumentar a Fidelidade de Seus Leitores




Formato padronizado e famoso entre blogueiros do mundo todo, o RSS, Rich Site Summary ou Really Simple Syndication, funciona com linguagem XML e permite que as publicações sejam compartilhadas rapidamente com seus leitores, através de qualquer ferramenta capaz de entender o formato do documento.
O RSS é 
distribuído através de URLs,  
denominadas Feed,
 e possibilita ao leitor saber em tempo real  
quando a informação de seu interesse é publicada, facilitando a propagação das notícias.

A ferramenta se tornou uma forma de fidelizar leitores, potencializar a viralização do conteúdo e garantir relevância ao blog, pois é possível concentrar as publicações de diversos sites e recebê-las automaticamente, inclusive pelo celular.
A boo-box criou um tutorial 
que ensina a ativar seu Feed, 
em cerca de 10 minutos, 
utilizando 
a plataforma  
WordPress 
e  
Feedburner. 

Que tal deixar seu blog ainda mais acessível?

Pré-requisitos:
  • Blog WordPress instalado em servidor próprio

  • Conta do Google para logar no FeedBurner
1) No menu “Plugins” selecione Adicionar Novo e procure pelo plugin “Featured Image in RSS Featured” criado por Dinesh Karki. Instale e ative em seu WordPress.
*se preferir, faça o download e suba-o pelo FTP através deste link


2) Abra feedburner.google.com e faça login com sua conta Google.



3) Insira a URL do feed atual em seu blog pelo

 “Burn a feed right this instant”.  

Geralmente é nomedosite.com/feed  

e aperte Next.


4) Selecione um título para o Feed e a URL amigável que será utilizada no Feedburner.
5) Agora o seu Feed está ativo através do FeedBurner. Copie o link gerado para algum arquivo de texto, pois ele será útil para os próximos passos. Então, selecione “Next”.
Na tela seguinte, as informações de Clickthrough e I want more é opcional, porém isso será útil para levantar informações sobre sua audiência através do FeedBurner.  
Após sua escolha, clique em “Next”.


6) Clique na aba “Optimize” > SmartFeed e depois em Activate. 

Isso fará com que seu Feed RSS fique compatível com qualquer leitor de RSS.



7) Personalize o Feed adicionando seu logo

Vá em “Feed Image Burner” no menu lateral, 
altere “Image Source” 
para “Specify custom image URL”

e coloque o link do seu logo. 

Após as modificações, clique em “Activate”.



Pronto! 
Agora você tem um Feed  
compatível com a maioria dos leitores RSS
Exemplo:
Adicione o link gerado pelo FeedBurner em seu blog, para que seus visitantes encontrem o RSS 
de forma rápida 
e 
simples, 
como na imagem abaixo:
Agora é aproveitar a ferramenta
sempre publicar conteúdo relevante, 
assim, 
com o RSS, 
você e seus leitores 
estarão conectados a todo o momento. 

 

... por Denis Rodrigues

fonte:
blogboo-box 

 

"A ferramenta RSS, permite a 

 

rápida propagação de 

 

conteúdo e aumento de 

 

relevância aos blogs"



Formato padronizado e famoso entre blogueiros do mundo todo, o RSS, Rich Site Summary ou Realy Simple Syndication, funciona com linguagem XML e permite que as publicações sejam compartilhadas rapidamente com seus leitores, através de qualquer ferramenta capaz de entender o formato do documento.

O RSS é distribuído através de URLs, denominadas Feed, e possibilita ao leitor saber em tempo real quando a informação de seu interesse é publicada, facilitando a propagação das notícias.

A ferramenta se tornou uma forma de fidelizar leitores, potencializar a viralização do conteúdo e garantir relevância ao blog, pois é possível concentrar as publicações de diversos sites e recebê-las automaticamente, inclusive pelo celular.

Digite seu endereço de e-mail:



Entregue por FeedBurner
Share:

aprenda como é feito:... " Um menu minimalista"

Aqui neste espaço... 
Apenas divulgo e indico... 
Posts, notícias, dicas etc. 
 com devidas fontes  e créditos:    


fonte e créditos:
http://vagabundia.blogspot.com
/2011/01/un-menu-minimalista.html




"   Un menú minimalista"



La idea de tutorialzine.com no es sólo minimalista proque así llaman a este tipo de menú sino porque permite entender cómo funcionan determinadas propiedades CSS y cómo podemos combinarlas.

El HTML es sencillo y no tiene diferencias con tantos otros; es una lista a la que identificamos con un ID y en la que en cada item incluimos un enlace cuyo texto está dentro de otra etiqueta:
 
<ul id="navigationMenu">
  <li>
    <a class="home" href="#">
      <span>Home</span>
    </a>
  </li>
  .......
</ul>
¿Por qué usar la etiqueta SPAN y no poner directamente el texto? Justamente para poder combinar propiedades.

Necesitamos una imagen que usaremos de fondo y que será
un sprite es decir, una serie de botoncitos todos iguales que se unen en una sola imagen; de esa manera, la carga será más rápida, usamos una sola imagen en lugar de varias. Para aplicarles un fondo a cada item de la lista, estos deben estar dimensionados y se deben tener  la propiedad overflow:hidden


En este caso, de izquierda a derecha, el primer botón estará en la posición 0, el segundo comienza en el pixel 38, el tercero en el 76, el cuarto en el 114 y el último en el 152; para calcular eso, simplemente vamos sumando anchos. Lo mismo ocurre cono los de abajo así que podemos usar background-position para posicionar el fondo y de ese modo, mostrar solo un pedacito de la imagen, basta usar esos valores colocándolos como negativos lo que desplazará la imagen original:


Empezamos entonces con las definiciones básicas; a los items de la lista se les da un tamaño fijo y se los separa un poco entres si; como las etiquetas LI son etiquetas de bloque, se verán una debajo de la otra:
#navigationMenu li {
  height: 39px;
  list-style: none;
  padding: 2px;
  width: 38px;
}
Cada item contiene un enlace que siempre usa la misma imagen y al que transformamos en bloque para poder dimensionarlo :
#navigationMenu a {
  background:url(URL_imagen) no-repeat;
  display:block;
  height:39px;
  position:relative;
  width:38px;
}
Ahora, definiremos el SPAN es decir el texto en si mismo al que posicionaremos de manera absoluta dentro del enlace y usando left, lo pondremos justo donde termina el botón pero, lo mantendremos oculto colocándole cero a su ancho:
#navigationMenu span {
  left: 38px;
  overflow: hidden;
  position: absolute;
  width: 0;
  /* le agregamos cualquier propiedad para las fuentes */
  color: #FFF;
  font-family: Arial, sans-serif;
  font-size: 18px;
  line-height: 39px;
  text-shadow: 2px 2px 1px #000;
}
Y ahora los efectos hover que funcionarán cuando ponemos el cursor encima:
#navigationMenu a:hover {
  text-decoration:none;
}
Le indicamos que, cuando pones el cursor sobre la etiqueta A, se muestre el contenido del SPAN que está adentro de ella:
#navigationMenu a:hover span {
  overflow: visible;
  padding: 0 20px;
  width:auto;
}
Sólo falta ubicar los botones de cada item que hemos identificado con clases así que:
#navigationMenu .home { background-position:0 0; }
#navigationMenu .home:hover { background-position:0 -39px;}
#navigationMenu .home span { background-color:#7DA315; }

#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{ background-color:#1E8BB4; }

#navigationMenu .services { background-position:-76px 0; }
#navigationMenu .services:hover { background-position:-76px -39px; }
#navigationMenu .services span{  background-color:#C86C1F; }

#navigationMenu .portfolio { background-position:-114px 0; }
#navigationMenu .portfolio:hover{ background-position:-114px -39px; }
#navigationMenu .portfolio span{ background-color:#D0A525; }

#navigationMenu .contact { background-position:-152px 0; }
#navigationMenu .contact:hover { background-position:-152px -39px; }
#navigationMenu .contact span{ background-color:#AF1E83; }



En el ejemplo original puede verse que también hay alguna propeidad de animación que sólo funcioanrá en Chrome/Safari así que por ahora, hasta que algunos otros navegadores comiencen a utilizarla, me abstengo de ella pero, puede agregarse sin problemas.





traduzido


"  Um menu minimalista"

A idéia de tutorialzine.com ProQuad não é apenas o mínimo e chamar este tipo de menu, mas ajuda a entender como certas propriedades CSS e como podemos combiná-los.

HTML é simples e não difere de muitos outros, é uma lista que identifica com uma identificação e na qual cada item incluído um link cujo texto está dentro de um tag:

id="navigationMenu"> <ul
  <li>
    <a class="home" href="#">
      <span> Home </ span>
    </ A>
  </ Li>
  .......
</ Ul>

Por que usar a tag SPAN e não colocar o texto diretamente? Só para ser capaz de combinar as propriedades.

Precisamos de uma imagem de fundo de usar e será duende ou seja, uma série de botões no mesmo para se unirem em uma única imagem, dessa forma, a carga será mais rápida, usamos uma única imagem em vez de vários. Para aplicar um background de cada item na lista, devem ser dimensionados e deve ter a propriedade overflow: hidden


Neste caso, da esquerda para a direita, o primeiro botão está na posição 0, a segunda começa no 38 pixels, o terceiro em 76, a quarta nos 114 e os últimos no 152, para calcular que, apenas deixe acrescentando largura. O mesmo é verdadeiro do cone abaixo para que possamos usar background-posição a posição do fundo e, portanto, mostram apenas um pouco da imagem, basta usar os valores como negativa, colocando o que move a imagem original:


Em seguida, começou com as definições básicas, uma lista de itens é dado um tamanho fixo e são separados um pouco se você vem, e as tags são tags LI bloco, será um acima do outro:

NavigationMenu li # {
  height: 39px;
  list-style: none;
  padding: 2px;
  width: 38px;
}

Cada item contém um link que sempre usa a mesma imagem e transformamos quadra de dimensão:

NavigationMenu # um {
  url (URL_imagen) no-repeat;: fundo
  display: block;
  height: 39px;
  position: relative;
  width: 38px;
}

Agora, vamos definir a extensão é o texto que vai posicionar-se como uma necessidade absoluta para o loop e utilizando esquerda, direita, onde vai colocar o botão, mas mantê-lo escondido, colocando zero a sua largura:

# NavigationMenu span {
  left: 38px;
  overflow: hidden;
  position: absolute;
  width: 0;
  / * Nós adicionamos qualquer propriedade para o * Fontes /
  color: # FFF;
  font-family: Arial, sans-serif;
  font-size: 18px;
  line-height: 39px;
  text-shadow: 2px 2px 1px # 000;
}

E agora os efeitos funcionará quando passar o mouse sobre:

# NavigationMenu a: hover {
  text-decoration: none;
}

Ele indicou que, quando você colocar o cursor na marca A, exibir o conteúdo de SPAN está dentro dele:

# NavigationMenu a: hover {span
  overflow: visible;
  padding: 0 20px;
  width: auto;
}

Resta apenas a colocação dos botões para cada item que temos identificado com as classes da seguinte forma:

#. NavigationMenu Home {background-position: 0 0;}
#. NavigationMenu Home: hover {background-position: 0-39px;}
# NavigationMenu Home span {background-color: # 7DA315;}.

# NavigationMenu Sobre {background-position:-38px 0;}.
# NavigationMenu Sobre: hover {background-position:-38px-39px;}.
# NavigationMenu Sobre span {background-color: # 1E8BB4;}.

#. NavigationMenu Serviços {background-position:-76px 0;}
#. NavigationMenu Serviços: hover {background-position:-76px-39px;}
#. NavigationMenu Serviços span {background-color: # C86C1F;}

#. NavigationMenu Carteira {background-position:-114px 0;}
#. NavigationMenu portfólio: hover {background-position:-114px-39px;}
# NavigationMenu Carteira span. {Background-color: # D0A525;}

#. NavigationMenu Contato {background-position:-152px 0;}
# NavigationMenu Contato: hover {background-position:-152px-39px;}.
#. NavigationMenu span Contato {background-color: # AF1E83;}



No exemplo original pode ser visto que há alguma animação propeidad funcioanrá só no Chrome / Safari então, por enquanto, até que alguns outros navegadores começam a usá-lo, abstenho-me de ele, mas podem ser adicionados sem problemas.




Share:

"Pinterest" ... "Siga-me" botão para " Blogger"

Saiba ''Como adicionar "Pinterest" 

Siga-me 

botão 

para Blogger"


Pinterest é o mais recente site de apostas social. 

Ele 
atraindo milhões de pessoas now.It também como 
Facebook Google Plus e Twitter. 
Este site 
permite que os usuários Pin qualquer imagem ou característica vídeos 
para Pinbord lá virtual. para que os seus seguidores, 
amigos podem repin-lo. 
Esta rede social também 
ajuda você a se traffic.

So você pode adicionar 
siga -me
 botão no seu blogger. 
Siga estes passos.


1. Faça login na sua conta do Blogger e ir para o Design >> Editar HTML 

2. Ponha marca verificada no html de seu blog

3.Encontre esta tag usando Ctrl + F    
<data: post.body / > 

Adicionar Pinterest 

Abaixo Mensagem Título. 
Se você deseja adicioná-lo abaixo de postar título, adicionar qualquer um dos código abaixo antes <data:post.body/> tag 

Adicionar Pinterest final do post 

Se você deseja adicioná-lo final do post, adicionar qualquer um dos código abaixo após 
<data:post.body/>
 tag Style 1
















Follow Me on Pinterest

<a href="http://pinterest.com/XXXXXXX/">
<Img src = "http://passets-cdn.pinterest.com/images/about/buttons/
Siga-me no Pinterest-button.png "width =" 169 "height =" 28 "alt =" Siga-me no Pinterest "/> </ a>

Estilo 2
Follow Me on Pinterest

<a href="http://pinterest.com/XXXXXXX/">
<Img src = "http://passets-cdn.pinterest.com/images/about/buttons/pinterest-button.png"
 width = altura "80" = "28" alt = "Siga-me no Pinterest" /> </ a>

Estilo 3
Follow Me on Pinterest

<a href="http://pinterest.com/XXXXXXX/">
<Img src = "http://passets-cdn.pinterest.com/images/about/buttons/big-p-button.png" 
width = altura "60" = "60" alt = "Siga-me no Pinterest" /> </ a>

Estilo 4
Follow Me on Pinterest

<a href="http://pinterest.com/XXXXXXX/">
<Img alt = "Siga-me no Pinterest" height = "16" src = "http://passets-cdn.pinterest.com/images/about/buttons/small-p-button.png" 
width = "16" /> </ a>

* Substitua  
XXXXXXX com seu nome de usuário Pinterest 
   Agora salve o seu modelo. Está feito.


fonte de pesquisa:
bloggertrix

tags:
add,pinterest,follow-me,button, dicas,saiba ,como, adicionar, Siga-me, botão ,Blogger
mensagensdiversificadas.
Share:

Saiba como "Como criar" um "blog'' no "Blogspot"

Aprenda "Como criar" um "blog'' no "Blogspot"

 
..."participar de um dos maiores movimentos que  há na internet !" 








"Nessas últimas décadas,
..."blog"
tem
causado uma grande
revolução da comunicação na internet"
       ..."foi a explosão dos blogs"

..."blogueiros "
têm criado suas páginas
expressado suas idéias. "
 
Podemos notar que:
 ..."adesão de pessoas transformou a comunicação virtual em uma via de mão dupla 
e tirou o poder de 
emissão das grandes corporações e jornais. "


"A palavra “blogé uma abreviação para 
a expressão inglesa weblog
ou seja, registro virtual. "

"Este registro diz respeito a qualquer coisa que o usuário deseje publicar." 

"Dessa maneira, o leitor também pode produzir informação!  "

Saiba como se tornar um destes blogueiros em poucos passos.
Primeiro...

..."entre com a sua Conta Google no site do Blogspot (www.blogspot.com) . "

"Caso você ainda não tenha 
uma Conta Google
entre no site  
www.google.com.br 
e clique na parte superior direita da tela em  
“Efetuar Login”,  
em seguida clique em 
“Crie uma conta agora” 
e preencha os dados. "

"Feito isso, 
vá ao 
site do Blogspot 
e entre 
com seu 
login e senha."




"Vale lembrar que 

muitos sites chamam o 

Blogspot 

de  

“Novo Blogger”  

ou até mesmo  

“Blogger”. "

"Não se deve confundir os endereços, 

afinal o “Blogspot” 

é de propriedade da Google 

e é inteiramente gratuito. "


"O Blogger é de propriedade de outra empresa e é preciso ser assinante para criar uma conta."


''Tendo você já

criado a sua Conta Google 
e já se registrado no Blogspot, 
é hora de criar o 
seu blog. "

"O primeiro passo 
é clicar em 
Criar um blog”. "

"Depois você deve dar nome ao blog e "
...criar um endereço para seu blog.




"A URL  (endereço de seu blog = http://NOMEDESEUBLOG.blogspot.com)
do seu blog dependerá do tipo de blog que você deseja ter. "

"O Blogspot permite que você use um domínio que já tenha comprado para publicar seu blog."


"Neste caso, seu endereço fica de acordo com o seu domínio, por exemplo, www.nomedoseublog.com.  "

"Contudo, se você não possuir um domínio, o Blogspot vai fornecer um, o resultado é parecido com este"

"http://nomedoseublog.blogspot.com "


 passo 2:






 modelos :



"Depois de ter preenchido todos estes dados corretamente, é hora de escolher um modelo de layout para o seu blog. "

"Não se preocupe, neste primeiro momento você pode escolher qualquer um existem muitos outros modelos para você deixar o seu blog com a sua cara. "

"Quando você já tiver escolhido qual será o primeiro layout, clique em “Continuar” e... "

"Seu blog está pronto!"





"Com o blog já criado, 

é hora de postar seu primeiro texto ou imagem. "

"Clique em “Começar a usar o blog” 


..."inicie o seu transmissor de idéias."

 "Você será redirecionado automaticamente para a página de novas postagens."

Digite o que quiser nos campos de postagem, 
mas lembre-se de não violar nenhuma das regras de conduta do Blogspot e da Googlecaso contrário, seu blog será banido. 

Quando terminar a edição do seu texto, 
basta clicar em 
“Publicar Postagem” 
para que o conteúdo 
seja enviado 
para a página principal 
do seu blog."









"Preste atenção

nas

abas

na parte superior da tela.

Por elas

você navega nas configurações

do seu blog. "

"Na aba “Configurações” você altera as principais opções do seu blog como importação e exportação de conteúdo ou até mesmo excluir o seu blog. "

"As ferramentas de importação e exportação são importantes para fazer backups do seu conteúdo."

"Quando você exporta o conteúdo do seu blog, além de garantir que terá uma cópia de tudo para o futuro, ainda pode utilizar este mesmo conteúdo quando for trocar o endereço para um outro sistema, como o WordPress."



Basta exportar e na interface do outro blog, clicar em importar e carregar o arquivo XML.  

"Ainda falando sobre as configurações do seu blog, você pode moderar e trocar permissões referentes aos comentários.  "

"Nesta tela, você ainda pode controlar suas opções de feed RSS. "

"Caso você queira, pode inserir aqui o endereço do seu burner de feeds. "
"Um dos mais populares é o "FeedBurner" (www.feedburner.com). "

"Estas feeds servem para que os usuários 
possam receber suas atualizações dos leitores de feeds deles. "
"São vários leitores; o Google Reader é um dos mais utilizados e fáceis de mexer na hora de adicionar feeds. Estes leitores permitem que os seus visitantes leiam vários blogs simultaneamente."

Na aba “Layout” 
é possível alterar 
a ordem dos seus  
"gadgets", 
ou seja, 
"um
dos complementos 
da barra lateral"  
do seu blog. "

Um exemplo bastante simples  
do que são estes  
"gadgets" 
é  
a área de perfil, 
onde você conta 
um pouco da sua história 
ou a sua relação com o blog; 

o arquivo do blog 
que vai listar os seus posts 
de acordo com 
a data 
em que foram publicados 

e várias outras ferramentas que podem ser fornecidas pelo próprio Blogspot ou por sites externos 

– basta copiar o código e colar em uma nova janela de HTML dos seus "gadgets".

vide imagem a seguir (modelo de um "lay-out" do "blog ")
                                         ▼












Com esta aba ativa, 


No "lay-out"
de seu blog você encontrará:
quatro funções diferentes: 

1. “Elementos da página”, 
2. “Fontes e cores”, 
3. “Editar HTML” 

4. “Escolher novo modelo”. 

..."abrindo...

a opção 


“Fontes e cores”  
vai se deparar 
com uma janela de personalização 
do tema atual do seu blog. "

"Nela, é possível mudar as cores do texto, plano de fundo, links e muito mais. "

"Em “Editar HTML”, é preciso dominar pelo menos o básico desta linguagem para "operar/realizar"
 algumas mudanças no seu "lay-out".




“Escolher novo modelo” já é auto-explicativo – 
 ...nesta janela, há uma lista com diversos temas para que você escolha qual deles combina mais com o estilo do seu blog. 
Se você não gostar de nenhum dos temas que o Blogspot oferece, uma pesquisa no Google bastará para encontrar o tema perfeito. 
Lembre-se de salvar todas as alterações que fizer para que elas tenham efeito no seu blog.
"Muito bem, baixanautas. "
Agora que já aprendemos a criar um blog no Blogspot, faça já o seu e exponha suas idéias e trabalhos
Um blog pode ser uma ótima maneira de criar um portfólio virtual e expor trabalhos acadêmicos e até mesmo opiniões. 
...
boa blogagem aos 
" futuros blogueiros!"...


fonte desta pesquisa, para este post:
tecmundo


 




--

mensagensdiversificadas.
Share:

Seguir por e-mail

Seguidores

Google+ Followers

arquivo

Google+ Badge