terça-feira, 23 de agosto de 2011

Drop Down Menu Horizontal


Olá, Estou aqui hoje para ensinar como instalar um drop down menu feito por mim. bom vamos lá .

1- Faça Login no Blogger
2- Design 'Editar HTML'
3- e procure por:
 ]]></b:skin>
e acima da tag procurada cole:
.bg {background: url(http://img16.imageshack.us/img16/940/button4cu.gif);}
.menu {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(http://img845.imageshack.us/img845/3678/button1am.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(http://img109.imageshack.us/img109/9099/downo.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#000; background: url(http://img16.imageshack.us/img16/940/button4cu.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(http://img16.imageshack.us/img16/940/button4cu.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(http://img97.imageshack.us/img97/2750/button4al.gif) no-repeat right top;}

.menu li:hover > a.top_link {color:#000; background: url(http://img16.imageshack.us/img16/940/button4cu.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(http://img16.imageshack.us/img16/940/button4cu.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(http://img97.imageshack.us/img97/2750/button4al.gif) no-repeat right top;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul,
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(http://img710.imageshack.us/img710/801/arrowk.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#999999; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#999999 url(http://img810.imageshack.us/img810/7127/arrowover.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#999999 url(http://img810.imageshack.us/img810/7127/arrowover.gif) 80px 7px no-repeat; color:#fff;}

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;
}


Salve!
Agora vai em Elementos da Página- Adicionar gadget- HTML/JavaScript
e cole o seguinte código:
<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
<div>
<ul class="menu">
<li class="top"><a href="#" target="_self" class="top_link"><span>Início</span></a>
</li>
<li class="top"><a href="#" target="_self" class="top_link"><span>Editar(aqui é o primeiro drop down menu)</span></a>
<ul class="sub">
<li><a href="#" target="_self">Editar</a></li>
<li><a href=#" target="_self">Editar</a></li>
<li><a href="#" target="_self">Editar</a></li>
<li><a href="#" target="_self">Editar</a></li>
<li><a href="#" target="_self">Editar</a></li>
<li><a href="#" target="_self">Editar</a></li>
<li><a href="#" target="_self">Editar</a></li>
</ul>
</li>
<li class="top"><a href="#" target="_self" class="top_link"><span>Editar(aqui é o segundo drop down)</span></a>
<ul class="sub">
<li><a href="#" target="_self">Editar</a></li>
<li><a href="#" target="_self">Editar</a></li>
<li><a href="#" target="_self">Editar</a></li>
<li><a href="#" target="_self">Editar</a></li>
<li><a href="#" target="_self">Editar</a></li>
<li><a href="#" target="_self">Editar</a></li>
<li><a href="#" target="_self">Editar</a></li>
<li><a href="#" target="_self">Editar</a></li>
<li><a href="#" target="_self">Editar</a></li>
<li><a href="#" target="_self">Editar</a></li>
<li><a href="#" target="_self">Editar</a></li>
</ul>
</li>
<li class="top"><a href="#" target="_self" class="top_link"><span>Editar</span></a>
</li>
<li class="top"><a href="#" target="_self" class="top_link"><span>Editar</span></a>
</li>
<li class="top"><a href="#" target="_self" class="top_link"><span>Editar</span></a>
</li>
</ul>
</div>
Personalizando:
Bom Feito isso você personaliza onde está "#" você troca pelo endereço da página, e onde está "Editar" você troca pelo título de onde o endereço vai te levar.
Você também pode acrescentar mais links colocando <li><a href="#" target="_self">Editar</a></li> antes de </ul>.
onde está (aqui é o primeiro drop down menu) e (aqui é o segundo drop down menu), eu fiz isso para marcar , para ficar melhor para vocês editar depois.

Ficará assim:





Depois que você personaliza é só salvar. xD

Marcadores: , , ,

Ganhe muito dinheiro com seu blog - ZANOX

www.zanox.com

A Zanox, 3ª maior plataforma de afiliados que atua no mercado português, é um programa de afiliado extremamente lucrativo. Além disso, o site já tem presença em 30 países e conta com mais de 2.000 anunciantes como: Amazon, Citibank, Vodafone, Wixawin, Celldorado, La Redoute, Netviagens e diversos outros.

Dentre as formas mais garantidas de se ganhar dinheiro com blog, a Zanox é a mais recomendada e ainda por cima, você ganhar em EUROS.

Como se cadastrar:

O cadastro na Zanox é totalmente gratuito, você vai ganhar sem gastar nada. Primeiramente terás que entrar na página de cadastro clicando aqui ou no banner abaixo:

www.zanox.us

Ao entrar na página de cadastro, preecha todas as informações exigidas pelo site, e siga todos os passos. No final do cadastro será enviado um e-mail de confirmação para sua caixa de entrada. Acesse-a e confirme-as.

Como participar de um programa

Depois de confirmar e cadastrar seu blog, faça o login no site novamente e clique no botão “Programas” em seguida “Localização do programa”.

Procurando programas...

Feito isso, procure por programas que paguem uma boa comissão. Um programa que recomendo é o próprio “zanox Affiliates find Affiliates”, onde você ganhar 2,00 EUROS por cada registro vindos do seu blog.

Então para se candidatar a ele, assim como os outros programas, apenas clique no botão “Para candidatura”.

Candidatura ao programa

Você será redirecionado para outra página, no final dela, marque a caixinha Li as condições da zanox e da zanox Affiliates find Affiliates e aceito-as”, em seguida clique em “Candidatar”.

Aceite os termos

Assim como os demais programas, você tem que esperar até que chegue um e-mail de confirmação que fala se sua participação foi aceita ou não. Dependendo do programa, pode demorar dias. Mas também existem alguns que aceitam automaticamente.

Adquirindo os banners

Realizado o processo de registro será necessário pegar os banners para colocar em seu blog. Par isso, entre no painel da sua conta, clique em “Programas”, e uns dos seus programas escolhidos, clique em “Código”.

Pegando os banners Você vai se redirecionado pra página dos banners, onde poderás pegar os códigos e colocar seu blog.

Para pegar o código, você apenas vai clicar no link “Código” na coluna ao lado esquerdo do banner.

Gerando o código Na página seguinte, copie o código e cole como um novo gadget HTML/Javascript em seu blog.

São muitas as vantagens de usar o zanox como forma de ganhar dinheiro, como:

  • Pagamento em euros
  • Painel de fácil manuseio
  • Pode escolher o valor mínimo a ser sacado
  • Compatibilidade com outros Afiliados como Adsense e NetAffiliation.

Corra e comece a ganhar muito dinheiro com seu blog! Clique aqui ou no banner abaixo e cadastre-se já!

www.zanox.com 

Marcadores: , , ,

Como agendar postagens no blogger

Programar postagens no blogger

  Existem casos de blogueiros que costumam postar muito num único dia. Manter o blog atualizado é fundamental. Porém, postar todas suas ideias num dia só pode ter algumas consequências como, por exemplo, não poder postar nos dias seguintes por ter postado todas as suas ideias no dia anterior, ou seja, ficar sem ideia. Então a melhor coisa que se deve fazer é, agendar suas postagens.

Se você gosta de postar e criar diversos posts ao dia, comece a pensar melhor em relação a postar tudo de uma vez. Post 3 vezes no máximo e agende o restante para os próximos dias.

Para agendar suas postagens é bem simples, veja:

1. Faça o login no blogger;

2. Escreva uma postagem normalmente;

3. Antes de publicar faça os passos de acordo com a imagem abaixo:

Como programar postsagens no blogger 
4. Logo após disso, clique em Publicar, lembrando que a postagem só será publicada no dia e na hora que você programou.

Vale lembrar também que o agendamento de horário é em 12 Horas e não 24 Horas, sendo assim, AM e pela parte da manhã e PM é durante atarde até meia-noite. Depois é só esperar até que a postagem seja publicada automaticamente.

Marcadores: , , ,

Votação encerrada! Você é iniciante Blogger?

image_thumb[14]

Agradeço a todos que participaram da nossa enquete. E como sempre, vou falar um pouco sobre o resultado.

A pergunta lançada foi: Você é iniciante Blogger? Com as seguintes respostas:


Sim, comecei hoje.

Sim, comecei faz um tempinho.

Não, uso há um ano.

Não, uso há mais de 2 anos.

O resultado final ficou assim:

image

No total foram 302 votos. As opções mais votadas com 42% e 21% dos votos, fora respectivamente “Sim, comecei faz um tempinho” e “Sim, comecei Hoje”.

As pessoas que optam o blogger como a plataforma para seus blogs estão crescendo cada vez mais por ser uma plataforma leve com interface limpa e de fácil manuseio. A cada dia que passa o blogger se renova, a cada passo uma novidade, e a cada instante um novo usuário.

Eu só tenho a dizer que, quem usa o Blogger optou por uma boa escolha.

Marcadores: , , ,

Novidade: Novo Blogger integrado ao Adsense

Blogger + Adsense O painel Adsense do novo blogger foi liberado para os usuários que possuem conta adsense como forma de ganhar dinheiro com seus blogs. Pra que tinha reparado, a guia ganhos não estava disponível ainda. Se você tem uma conta adsense, corra para o paine de ganhos e configure sua conta, caso ao contrário, clique aqui, crie uma e comece a ganhar dinheiro com seu blog!

A guia “Ganhos”, na versão antiga, “Gerar Receita”, conta com sistema que fornece estatísticas dos ganhos durante o dia e pode ser configurado facilmente pelo painel do novo blogger.

Marcadores: , , ,

Template assistir TV e Filmes online

Logo TV E FILMES ONLINE São muitos os blogueiros que querem um blog de assistir TV ou Filmes online. Em parceria com o site “Filmes sem limite” elaborei um template justamente para os visitantes verem TV e Filmes online. Na verdade não se trata somente de um simples template, nele já foi instalado um sistema com a possibilidade de assistir TV e Filmes online. Pode-se considerar um blog pronto. Assim como o “Filmes sem limite” possui vários canais de diversas emissoras, ou template elaborado por min também possui, além de filmes em HD e lançamentos.
Imagem do template
Por ser muito procurado na internet, os sites de TV online rendem muitas visitas. E as pessoas estão cada vez mais procurando assistir televisão pela própria internet do que ter que assinar algum serviço.
Quer ter um blog para as pessoas assitir TV e Filmes online gratuitamente?
Então clique aqui e baixe já! (ou aqui)
O template é totalmente gratuito.
Depois de ter baixado e instalado o template, será necessário instalar o sistema de Xat. Para isso, siga os passos abaixo:
1. Primeiramente clique aqui para adquirir o xat;
2. Configure o xat deixando o com a largura de 470px e escolha qualquer tamanho para altura;
3. Depois clique em “Update e Get Code” e copie o código do xat.
4. Faça o login no blogger, vá em “Layout” –> “Adicionar um gadget” ao lado da tela onde assistimos TV e os filmes;
5. Agora salve e veja como ficou.
Gostou do template, então deixe sua opinião ou sugestão!

Marcadores: , , ,