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

21 de dezembro de 2009

Mais de uma conta aberta no Firefox

Deixe seu comentário

Talvez você não entenda o que o título quer dizer, então eu explico: como abrir, por exemplo, duas contas do Orkut ao mesmo tempo no mesmo navegador (Firefox) sem ter que clicar no botão sair.

 

A vantagem de fazer isso é óbvia! Você não precisa sair de uma conta pra entrar em outra. Basta abrir um novo perfil do navegador que ele funciona de forma independente do que já estava aberto. Se você tem duas contas do Twitter não é preciso sair de uma para entrar em outra.

 

Falando em Twitter… Siga-me: @marco_damaceno

 

Criando um novo perfil no Firefox

 

O Firefox permite que você crie quantos perfis quiser. Para isso, se estiver usando Windows, clique no botão iniciar e depois em Executar. Na caixa que se abrir digite:

 

firefox –p –no-remote

 

Clique em OK.

 

windows

Logo depois aparecerá uma nova janela com apenas um perfil default (padrão). No lado esquerdo há os botões Novo perfil, Renomear e Excluir. Creio que não seja preciso explicar o que cada um faz, né?

 

No Linux é a mesma coisa só mudando o lugar onde deve digitar o comando: Terminal ou Alt+F2.

 

Os usuários Linux talvez tenham uma dificuldade pra fazer isso, a não ser que você seja um expert. Eu não sou nenhum expert, mas sim um curioso que sai fuçando até dar certo. Quando digitei esse comando no meu Ubuntu ele não abriu nenhuma janela de escolha de perfil. O que eu fiz pra dar certo? Eis o caminho das pedras!

 

Entre na sua pasta pessoal.

 

Procure pela pasta .mozilla (use Ctrl+H para isso) e entre nela.

 

Entre na pasta firefox

 

Veja que existe um arquivo chamado profiles.ini. Clique duas vezes nele. Faça as seguintes mudanças:

 

Onde está StartWithLastProfile=1 mude para StartWithLastProfile=0

 

Veja que abaixo aparece algo do tipo

 

[Profile0]
Name=default
IsRelative=1
Path=b4d7p3pc.default
Default=1

 

Copie todas as linhas e cole abaixo. Apague a linha Default, troque o Profile0 por Profile1 e no campo Name coloque qualquer outro nome. Deve ficar assim:

 

[Profile0]
Name=default
IsRelative=1
Path=b4d7p3pc.default
Default=1

 

[Profile1]
Name=qualquer nome
IsRelative=1
Path=b4d7p3pc.default

 

Lembre-se de respeitar os caracteres em Path. O meu não é igual o seu!

 

Agora vá no terminal e digite sudo nautilus e digite a sua senha.

 

Na janela que se abrir navegue por opt > firefox. Renomeie o arquivo que está com o nome firefox-bin para firefox-bin.pure. Feito isso pode fechar a janela.

 

Na área de trabalho, clique com o botão direito no ícone do Firefox e clique em Propriedades. No campo Comando digite firefox –p –no-remote. Pronto!

 

Basta agora clicar duas vezes no ícone que vai aparecer a bendita janela de escolha de perfil. Mas tem um porém! Ao fazer isso você certamente vai ver dois perfis: o default e um outro com o nome que você atribuiu no arquivo profiles.ini. Ao clicar nele não dá nada certo. Para corrigir isso é só excluir este perfil e criar um novo. Simples!

 

No Windows você também pode clicar no ícone do Firefox com o botão direito e depois em Propriedades. No campo Destino aparece o caminho para abertura do navegador. Depois de firefox.exe” insira:

 

-p –no-remote

 

Veja a imagem:

 

windows2

 

Caso tenha dúvidas sobre o procedimento fique a vontade para comentar.

 

Até a próxima!

19 de dezembro de 2009

Formulário de contato Wufoo

4 Comentários

Todo site e blog deve ter um meio de contato entre os leitores e o administrador para tirar dúvidas, mandar sugestões e críticas. Francisco Lima do blog Teclelima.com.br pediu uma ajuda sobre como criar um formulário igual ao utilizado aqui no Geralidades da Vida. Aqui, se o leitor pedir, fazemos de tudo para atende-lo.

 

Em outro artigo ensinei como fazer um formulário de contato usando Google Docs. Este será usando o Wufoo.

 

Vamos lá!

 

Para criar um formulário com o Wufoo é necessário possuir uma conta no site: http://wufoo.com/ . Escolha a versão gratuita do serviço que é a última de amarelo. Se você quiser usar o serviço pago é por sua conta.

 

Logo depois aparece uma tela para preenchimento de dados

 

1. E-mail

2. Senha

3. Nome que será vinculado a URL do seu formulário.

 

Marque a opção I agree to Wufoo's Terms of Service e clique em Create Account.

 

Depois é carregada uma página em que há um botão New Form no canto superior direito para a criação do formulário. Clique nele.

wufoo

A próxima página é a que você define quais serão os campos do seu formulário. Vou ensinar aqui como fazer um formulário com os mesmos campos do utilizado aqui no blog.

 

Crie três campos do Single Line Text clicando no botão referente.

Crie um campo Dropdown

Crie um campo Paragraph Text

 

Essa é a base de um formulário. Se achar necessário inserir mais algum campo fique a vontade.

 

Nome

E-mail

Website

Assunto

Mensagem

 

Veja que do lado direito estão os campos que você escolheu. Eles estão com o nome de Untitled. Para mudar isso basta clique em cima de um deles que no lado esquerdo aparecerá as configurações do campo para serem modificados.

wufoo2

Observe que em cada campo, em Options, existe a marcação Required. Se esta opção estiver marcada esse campo do formulário será obrigatório o seu preenchimento. Eu deixo como obrigatório os campos Nome, E-mail, Assunto e Mensagem.

 

Terminado de configurar todos campos clique em Save Form. Na próxima tela escolha a terceira opção. Será levado para a seguinte tela:

wufoo3

Nessa tela você pode voltar e editar seu formulário, escolher temas para ele entre outras coisas. Feito tudo isso clique em Code.

 

Na próxima tela Vamos nos atentar em duas guias:

 

Link to Form e Embed Form Code.

 

O Link to Form possui o link para o seu formulário. Você pode usa-lo caso queira que o seu leitor clique nesse link e seja levado à uma página fora do seu site ou blog. Exemplo.

O Embed Form Code serve pra você que quer integrar o formulário ao texto do seu blog. Exemplo.

 

Escolha o que for melhor para o seu blog. Copie o código, abra a configuração do Blogger, layout, adicione um novo widget e cole o código. Essa ação vale se você escolheu o Embed Form Code.

 

Veja se está tudo certo e pronto! Está feito o seu formulário.

 

Dúvidas deixe nos comentários, por favor. Obrigado.

19 de setembro de 2009

Stripe ad no seu blog

Deixe seu comentário

Mais um sabadão e, como sempre, mais uma dica para blogs!

 

Já viu aquelas caixas retangulares geralmente com os dizeres “assine o nosso feed” na parte de cima ou debaixo do navegador? Se você entrar aqui no Geralidades da Vida consegue ver o stripe ad. Um retângulo verde localizado na parte inferior do seu navegador. Quer fazer isso também no seu blog?

Stripe ad no seu blog!

O passo a passo foi tirado do blog Everything About Blogging (em inglês):

 

1- Acesse no Blogger “Layout > Edit HTML”

Antes que qualquer mudança no template faça o backup clicando em “baixar modelo completo”.

 

2- Localize no seu template (Ctrl+F) ]]></b:skin> e cole o código abaixo logo acima dele:

 

  • #mta_bar {
    background:#003366;
    border-top: 3px solid #6699ff;
    margin: 0;
    padding: 7px 0;
    z-index: 100;
    bottom:0px;
    right:0px;
    width: 100%;
    overflow: auto;
    position: fixed;
    }
    * html #mta_bar{
    /*IE6 hack*/
    position: absolute;
    width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
    }
    #mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #0000FF; width:92%;}
    #mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}
    #mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;}
    #mta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration: none;}
    #left_bar a {background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgESDdeF-J-eg6l6WhrKPDVypBtABi1nKcS7gD_jjxCgu-PJH_MvRtVb-jRKlZFxs4gnGB-OVTV34i0Sz8mrLjra2aJ_7_FgA-Owt5f749EZf1Amyl6ywzTanXaLKrxxCYlafeHfQ2rUKw/?imgmax=800') no-repeat; text-decoration: none; color: #fff; padding:5px 0px 5px 30px;}
    #left_bar a:hover { text-decoration: underline; color: #fff;}

 

3- Localize agora </head> e cole o código abaixo logo acima dele:

 

<script type='text/javascript'>
//<![CDATA[
var mta_arr = new Array();
var mta_clear = new Array();
function mtaFloat(mta) {
mta_arr[mta_arr.length] = this;
var mtapointer = eval(mta_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
this.mtasrc = document.all? document.all[mta] : document.getElementById(mta);
this.mtasrc.height = this.mtasrc.offsetHeight;
this.mtaheight = this.cmode.clientHeight;
this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);
var mtabar = 'mta_clear['+mtapointer+'] = setInterval("mtaFloatInit(mta_arr['+mtapointer+'])",1);';
mtabar = mtabar;
eval(mtabar);
}
function mtaGetOffsetY(mta) {
var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);
var parentOffset = mta.mtasrc.offsetParent;
while ( parentOffset != null ) {
mtaTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return mtaTotOffset;
}
function mtaFloatInit(mta) {
mta.pagetop = mta.cmode.scrollTop;
mta.mtasrc.style.top = mta.pagetop - mta.mtaoffset + "px";
}
function closeTopAds() {
document.getElementById("mta_bar").style.visibility = "hidden";
}
//]]></script>

 

4- Localize agora </body> e acima dele cole o código abaixo:

 

<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='Url do seu feed' target='_blank'>Frase que você quer que apareça</a></span></div>
<span class='right'><img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://img6.imageshack.us/img6/5207/closethumb1.png?imgmax=800' style='cursor:hand;cursor:pointer;'/></span></div>

 

5- Troque o que estiver com as cores vermelho, azul e verde

 

Vermelho: Troque pelo endereço do seu feed

 

Verde: Frase que você quer que apareça.

 

6- Visualize pra ver se ficou tudo certo. Dando certo é só salvar.

 

Sábado que vem tem mais!

2 de julho de 2009

Saiba o pagerank do seu blog ou site

3 Comentários

Check PageRank

Para aqueles que gostariam de saber em que colocação o Google coloca seu blog/site basta entrar no site Google Pagerank Checker.

Veja como é fácil saber o seu:

Entre no site Google Pagerank Checker ( http://www.prchecker.info/ )

pagerank01

Ao clicar em Check Page Rank mostrará a seguinte tela

pagerank02 

Digite a URL de seu site e em seguida clique no botão Check PR

pagerank03No caso do Geralidades da Vida o Page Rank é 2. Dependendo da relevância de seu site para o Google o número pode variar.

Caso queira mostrar o resultado para todos que entrarem no seu blog/site você tem a opção de gerar um botão com a numeração do Page Rank. Veja:

pagerank04

Ao clicar em Click here vai ser necessário digitar um código de segurança como na tela abaixo:

pagerank05 

Após clicar em Generate Now aparece uma tela com os códigos dos botões para você colocar no seu blog/site:

pagerank06

Basta copiar o código que mais lhe agradar e colar nas edições Html de seu blog/site.

Muito fácil de fazer!

13 de junho de 2009

Como fazer um formulário de contato usando o Google

9 Comentários

Durante muito tempo procurei uma forma de criar um formulário de contato onde o leitor poderia entrar em contato comigo sem precisar abrir seu leitor de e-mails.

 

Uma dica muito boa encontrei no Dicas Blogger usando o Kontactr. Foi baseado no formulário de contato do blog de Juliana Sardinha que fiz um usando o Google Docs. Vamos aprender a fazer um?

 

Acesse sua conta do Google.

Entre no Google Docs ( http://docs.google.com/ ).

 

Clique em Novo > Formulário.

Passo a passo formulario

Nesta página crie os campos do formulário.

passo a passo formulario campos 

No meu caso criei Nome, E-mail, Site, Assunto e Mensagem (padrão). Se quiser colocar mais campos clique em Adicionar pergunta e selecione o tipo de caixa. Fique a vontade.

 

Clique no link que se encontra no rodapé da página para ver com vai ficar seu formulário. Se estiver de acordo clique em salvar e depois em Mais Ações > Incorporar.

passo a passo formulario2

Copie o código que aparecer, crie um novo post com data bem antiga, escolha Editar Html e cole o código. Faça os devidos ajustes de largura para o post e pronto! Está feito seu formulário!

 

Saiba como aumentar a altura do formulário!