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.

Pesquisas Relacionadas:

  • pop up blogger
  • pop up for blogger

Veja Também o Novo Vídeo do nosso Canal no Youtube

Compartilhe com Seus Amigos

Fabio Vasconcelos

Click Here to Leave a Comment Below

Leave a Comment: