Personalizando sua Pop-up para aplicar no Blogger


De um tempo pra cá, tenho recebido alguns emails, perguntando como personalizar a Pop-up que coloquei aqui no artigo “Pop-up assinar feed via email no Blogger”, fato é que pode-se fazer muitas coisas com esta pop-up, e usar para muitos fins, e é isto que vamos ver hoje no artigo “Personalizando sua Pop-up para aplicar no Blogger“, vamos lá que o calor tá bravo…

Primeiramente clique aqui, para ver o artigo que deu origem a esta pop-up, assim poderá entender todos os passos. Já leu? Então vamos prosseguir.

1. Na parte do css onde diz #topbar, algumas medidas podem ser feitas.
* Onde diz Width, e z-index, são largura e altura respectivamente, você pode altera-la e deixar do tamanho que mais çhe agradar.
* Na parte de Margin, você posiciona a pop-up na tela, podendo levar mais para baixo ou para cima, como preferir, teste até achar que está bom.
* Em todas as outras partes do #Topbar você pode fazer alterações, basta ter calma e sempre testar antes de salvar.

2. Na sessão da div, eu irei colocar ela crua aqui para que possamos analisar melhor, crua ela seria como abaixo.

<div id=’topbar’>
<a href=” onClick=’closebar(); return false’><img border=’0′ src=’http://img526.imageshack.us/img526/3991/botodefechar.jpg‘/></a>
AQUI VAI O QUE QUISER
<a href=”http://www.comofazerweb.com/2009/09/pop-up-assinar-feed-via-email-no.html”>Widget by CFW</a></div>

Em vermelho é o local que você pode colocar o que quiser, como um anúncio, ou um feed, uma imagem, apenas saudações as seus leitores, enfim, pode fazer que quiser, basta brincar um pouco e verá que são inúmeras as possibilidades.
Na parte em azul, é a imagem responsável pelo fechamento da pop-up, você pode altera-la se quiser.

3. Depois na última parte, a do script, procure não fazer alterações, a não ser que conheça bem os códigos.

Espero que esta dica ajude a mexer um pouco na sua pop-up, deixando- mais com a cara do seu blog.

Descubra a estrutura que realmente funciona para criar seu primeiro negocio digital começando do zero Clique AQUI

Deixe sua nota para este Artigo!

Leia Também:

Junte-se a 10,900 leitores inteligentes e receba atualizações, videos, artigos e dicas imperdíveis para criar um Negócio Online de Sucesso (é grátis)!

100% livre de spam.

Para enviar seu comentário, preencha os campos abaixo:

Deixe uma resposta

*

2 Comentários

  1. Dj Lex disse:

    Ufa! Justamente o que procurava pro meu site, obrigado.

  2. Renato disse:

    Eu se eu quiser fazer pra quando uma pessoa clica no link abrir esse Pop-up? O que devo fazer?