Fazendo elite de afiliados

  
    A pedido de uma leitora vou ensinar a fazer uma elite de afiliados.

> Abra o painel do seu blog e vá em layout
>Agora clique em "Adicionar um gadget"
>Clique na opção de HTML/JavaScript

    Agora copie e cole lá no seu novo gadget o seguinte código:

<a href="endereço do blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style=" style="opacity: 0.5;" /></a> <a href="endereço do blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a>

    Daí, você clica em Formato Rich Text, e vê, se estiver assim tudo enfileirado e bonitinho, está certo (ás vezes pode ter um grande espaço entre uma fileira e outra, isso é normal, no blog vai aparecer com um espaço menor).

   Sim, é enooorme, eu sei. Mas a única coisa que está escrito aí é:

<a href="endereço do blog" none;="" target="_blank" text-decoration:="" title="nome do blog"><img class="borderimage" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a>&nbsp

    E como eu sei que vai ter gente que não vai gostar da imagem de coração rosa, porque tem blog que é mais punk e rocker do que cute, eu tenho a solução para mudar a imagem: basta você fazer uma imagem de 40x40, trocar o link da imagem por esse código rosa.
    Se você já tiver algum afiliado, basta trocar o código azul pelo endereço do blog, e o código lilás pelo nome do blog!

Obs.: como o imageshack é o mais comum e o que dá mais problema, aconselho a vocês hospedar no tinypic.

    É isso pessoas, espero ter ajudado; se algum código tiver errado, se você etiver com dúvida, basta comentar que eu respondo!

Arrumando a "casa" para o natal

   
     Oi pessoinhas! Como vocês devem saber, daqui a exatamente um mês é o Natal. Eu realmente adoro esta data: presentes, família e claro comida!
Muita gente gosto de enfeitar a casa todinha com guirlandas, ávore de natal, anjinhos e outros birimbelos; acontecee, que não é muito comum as pessoas enfeitarem o blog com enfeites de natal. Então darei hoje ualgumas dicas pra vocês prepararem o blog para o Natal. Então, mãos a obra!

-Cores:

 Mude a cor das/ da coluna(s)  para cores típicas do natal: vermelho e verde. A cor das letras você também pode mudar!

Enfeites:

Talvez você encontre em algum desses ites que tem divisórias para postagens, algumas divisórias cheias de anjinhos, ou então com aqueles pisca-pisca de árvores. Procure que você encontre!
Também é legal você colocar ao lado do título do post um gift de guirlanda, papai noel, há tantos!
Ponha em algum lugar do blog imagens natalinas (uma ou duas basta) de papai noel; e se sua religião permite, ponha no fim do blog a imagem de uma árvore de natal toooda enfeitada!


Favicon e cursor:

Que tal torcar a velha imagem do seu favicon e do cursor por alguma imagem natalina? Aqui a gente pôs uma guirlanda no favicon. O cursor eu não mudei porque não encontrei uma imagem boa, mas caso você encontre por que não colocar???

Cabeçalho:

Pra quem é craque nisso, procure fazer um cabeçalho com bonecos de neve, papai noel (mesmo que você não acredite), ávore de natal...

O que não colocar:

-Mil e uma mensagens de "boas festas"; "feliz natal" e outras espalhados pelo blog. Porque além de ser feio é desnecessário uma já basta!

- Mil e um gifts nas colunas com papai noel dando thau, presentes que brilham, bonecos de neve com flocos caindo sob a cabeça, nem nada do tipo. Novamente, um já basta!


     Ou seja, não é bom exagerar em nada, da mesma forma que eu aposto que sua casa não seja cheia de coisas natalinas espalhadas pela casa, no seu blog também não deve ter, porque o site fica pesado e por este motivo o site demora a entrar e seus leitores podem desistir de entrar. Então não exagere e então, mãos a obra!

Fazendo um cabeçalho com fundo transparente

     A pedido de algumas leitoras, vou ensinar hoje a fazer um cabeçalho com fundo transparente. O que muuuitíssimo fácil. Primeiro você tem que baixar ou o Paint.net ou o Photo filtre studiox (basta procurar no google para baixar). Vou primeiro explicar no photo filtre:

>Primeiro abra o programa, e clique no botão Transparent color.

>Vai aparecer uma caixa de confirmação, você clica em "yes". Quando aparecer deixe a formatação da forma que está e clique em OK. 

>Daí, você vai regulando a transparência até chegar do jeitinho que você quer. Quando chegar a esse resultado, você salva e coloca no blog normalmente.




#Agora, vou explicar como fazer isso no Paint.net:


>Primeiramente, você abre o programa e faz o cabeçalho normalmente
>Logo, você clica na varinha mágica que fica no canto da tela.

>Daí, você move a varinha até a imagem. Se a transparência tiver como você quer, salve e vai aparecer uma caixa de confirmação e você clica em ok (não mexa em nada!!!!!).


De qualquer modo (se você fizer o cabeçalho no Paint.net, ou no photofiltre) a imagem vai ficar assim:

P.s.: são esses quadradinhos branco e cinza que "representam" a transparência!


     Calma que ainda não terminou!!!!! Depois que você salva no blog, e tudo mais, pode acontecer de o cabeçalho ficar assim: 

     BUÁÁÁÁÁÁÁ!!! Logo você que demorou taaanto para fazer o cabeçalho e acontece isso! Por que? Por que???? Calma, que eu te ajudo! 


Faça o seguinte:


>Entre em editar HTML do blog. 
>Procure pelo código (basta pressionar ctrl f):

<header> <div class='header-outer'>     <div class='header-cap-top cap-top'>       <div class='cap-left'/>       <div class='cap-right'/>     </div>     <div class='fauxborder-left header-fauxborder-left'>     <div class='fauxborder-right header-fauxborder-right'/>     <div class='region-inner header-inner'>       <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Blog da Dalva (Cabeçalho)' type='Header'/> </b:section>     </div>     </div>     <div class='header-cap-bottom cap-bottom'>       <div class='cap-left'/>       <div class='cap-right'/>     </div>     </div>     </header>

>Encontrou? Então, apague-o completamente!

>Agora, pressione ctrl f  novamente e procure por:

<div class='content'>

>Achou? Então cole ANTES dele o seguinte código:

<center> <header> <div class='header-outer'>     <div class='header-cap-top cap-top'>       <div class='cap-left'/>       <div class='cap-right'/>     </div>     <div class='fauxborder-left header-fauxborder-left'>     <div class='fauxborder-right header-fauxborder-right'/>     <div class='region-inner header-inner'>       <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Blog da Dalva (Cabeçalho)' type='Header'/> </b:section>     </div>     </div>     <div class='header-cap-bottom cap-bottom'>       <div class='cap-left'/>       <div class='cap-right'/>     </div>     </div>     </header> </center>

     
     Visualize, se estiver tudo certinho pode salvar. Beijinhos e espero ter ajudado amores!!!

Hora da reforma!

     

      Oi pessoinhas. Hoje o post será um pouquinho diferente, acontece que há muuuito tempo as pessoas estavam me pedindo pra eu postar sobre tutoriais; mas eu sempre enrolava dizendo: "ah, daqui a alguns dias eu coloco..." e por aí vai. Só que essa semana eu senti na pele o que é você querer arrumar uma coisa e não saber como, fiquei igual uma doida futricando na internet pra vê se encontrava alguma coisa, graças a Deus consegui; mas como eu percebi que isso é um tanto ruim, decidi colocar aqui tutoriais para que nenhum de vocês fique igual a uns doidos procurando coisas (quase) impossíveis de se encontrar.

     Mas, hoje irei falar especificamente sobre reforma de blogs, porque não adianta nada eu falar aqui um tanto de coisa que são apenas detalhes, e o resto do blog ficar horroroso!

   *Preparando a reforma: primeiramente, o que você tem que fazer é fechar o blog para as reformas, porque quando a gente reforma um blog, é necessário fazer testes aqui e ali, sendo assim o blog fica meio feio, então é muuuito mais fácil você fechar o blog! Como?

> Vá ao painel do seu blog

> Vá a configurações

> Clique em permissões

> Lááá em baixo tem  um caixinha escrito: leitores do blog, daí mais embaixo têm três opções, clique em LEITORES CONVIDADOS ou APENAS AUTORES.

    * O tema: antes de começar a mexer no desing é necessário que você escolha um tema. Por exemplo: tem blogs que o tema é a Katy Perry, sendo assim, no cabeçalho tem uma fotinho dela. Se o seu blog fala, por exemplo, sobre música, em algumas partes do blog pode ter algumas coisas que lembram música, por exemplo, desenho de discos, desenhos de MP4, MP3; essas coisas. Se o seu blog é meio misturadinho igual o meu, você também tem que se preocupar com as cores (isso vale pra quem tem um tema e pra quem não tem). Você tem que escolher cores que marquem o blog. Aqui no MSP (milkshake da pipoquinha), as cores são: amarelo clarinho, roxo e rosa. É suuuper importante essa escolha porque senão vai ficar uma coisa muito "bela": verde com azul, letra marrom e cabeçalho laranja (lindo não?)!

    *Sobre o plano de fundo/background: IMPORTANTÍSSIMO!!! É isso que mais embeleza o blog, porque é o maior elemento do blog (concordam?). Sugiro a vocês que não peguem aqueles planos de fundo que o Blogger oferece, porque cá entre nós eles são tããão feinhos! Sugiro que procurem backgrounds legais no: Coisinhas Mil,  Evelyn's Place.  Darei uma diquinha aqui: quando você for escolher o background, faça como eu, vá pelo método Kate Middleton,pra quem ainda tá boiando, vou refrescar memória: Kate é a esposa do príncipe Willian, no casamento deles, a Kate foi com um vestido suuuper simples, o cabelo dela estava o mais natural possível, ela não colocou uma cauda enoooorme, nem um véu enooorme, muuuito menos um monte de birimbelos no vestido, mas ainda assim estava lindo; o que eu quero dizer com isso é  que quanto menos extravagante for o seu plano de fundo melhor, se o exemplo da Kate ainda não te convence, basta entrar em blogs mega famosos, como o Trechy Teen, Menina Nerd, Menina má... Eles têm mais do que 500 seguidores, mas nada lá é muito extravagante, tudo é muuito simplesinho, o plano de fundo tem bolinhas, ou é liso, o que faz eles serem tão famosos são DETALHES, são eles que  dão charme ao blog! Outra coisa que você tem que prestar atenção, é que não é porque o tema é tal, que o background tem que ser tal. O PLANO DE FUNDO NÃO TEM NADA A VER COM O TEMA DO BLOG. Não é porque o tema do seu blog é Katy Perry, que o plano de fundo tem que ter um monte de fotinho da Katy Perry, não é porque seu blog fala sobre livros, que o plano de fundo tem que ser cheio de livros, entendeste?

  * O modelo do blog: aqui no MSP, o modelo é o Viagem > Travel, eu gosto dele, porque deixa o blog mais profissional, e tudo mais, além disso,  dá pra fazer váááárias edições... Gosto dele!

   *O cabeçalho: como é a primeira coisa que os seus leitores vêem quando entram no blog, é importante que ele seja bonitinho, e tudo mais. Pra quem tem o modelo Viagem, tem como fazer um cabeçalho com fundo transparente, que é lindo! No cabeçalho, você pode colocar imagens fofas, como cupcakes!

   * Colunas: a coluna que eu digo, é essa coluna lateral do blog, que é importantíssima, porque é lá que você coloca informações, divulgar blogs, e por aí vai. Uma coisa que eu observo muuuito nos blogs são os tais dos gadgets. As pessoas enchem de cacarecos, e frases, um moooooooonte de imagem desnecessária, fotos com amigas e com cachorro, divulgação de um bocado de twiter, facebook, orkut... Poupe-me né gente!!! Na hora de reformar um blog faça  uma faxina nisso tudo, tire tudo e começa de novo. Eu já reformei um blog que tinha isso tudo e muito mais, tirei tudo sem dó nem piedade, façam o mesmo, afinal isso é tudo lixo que fica poluindo seu blog, afinal, ninguém quer ver foto sua com sua cadela! E o que você coloca no lugar? Divulgação de UM ou DOIS blogs que você gosta, marcadores de postagens, seu link-me, um textinho ou uma frase que te descreve, OS SEUS SEGUIDORES... Outra coisa que é muuuuito comum de ver é são os link-mes dos parceiros, daí tenho uma solução: ou você faz uma LISTA com o link dos seus parceiros, ou faz uma página com os link-mes dos seus parceiros!

   *Páginas: a primeira página obviamente vem com os posts, às outras vocês pode colocar link dos seus parceiros (e/ou patrocinadores), informações sobre o seu blog (créditos, data que ele foi criado...), informações sobre você...

     É isso pessoinhas, aos poucos eu vou colocando tutoriais, e caso vocês tenham alguma dúvida, ou queiram algum tutorial, basta comentar que eu estarei á disposição!