Welcome personalizada


Hooy rindosu... 
 Estou super triste, pois parece que um dos grandes blogs dessa blogosfera fechou. Sim, se você deve estar pensando que é o KW, então acertou. A Kaorii foi plagiada (não sei por quem, não me julguem ¬¬) e, como ela estava cansada desses plagiozinhos sem vergonha, fechou o blog. Está muito difícil manter um blog hoje na blogosfera, pois estão acontecendo coisas horríveis, como: Plágio, falta de originalidade, desunião de blogueiros, críticas desmotivadoras e enfim, falta de confiança em si mesmo. 
Hoje, qualquer blogueiro tem o sonho de crescer, e muitos veem seus blogs destruídos. Isso realmente me entristece. Se um dia eu for plagiada ou ficar desmotivada, não se preocupem, eu não vou fechar o blog, se querem plagiar, plagiem a vontade, quem sai perdendo é você.
Bom, antes que isso se torne um texto motivacional ou uma campanha, vamos ao tutorial. Me pediram pela ask o tutorial de como fazer uma welcome igual a minha. É uma mistureba de códigos, mas é bem simplesinho. (Continuem pedindo seus lindjos ^u^)


Vá no seu editor de html e coloque o código de um efeito de sua escolha para a sua imagem, ou se você quiser esse daqui do blog mesmo, cole esse código antes de <b:skin>

  .image_shine{
    width:  100px;
    height: 100px;
    margin-right: 5px;
    margin-bottom: 5px;
    position: relative;
    float: left;
    border: 3px solid #COR DA BORDA;
}
.hover_shine{
    width:LARGURA DA IMAGEMpx; height: ALTURA DA IMAGEMpx;
    background-image: url(http://i.minus.com/iuvzYDPlYu8RR.png);
    position: absolute;
    background-position: -265px 0;
    left:0px; top:0px;
    background-repeat:no-repeat;
}
.hover_shine:hover{
    background-position: 10px 0;
    -webkit-transition: background-position .9s ease;
       -moz-transition: background-position .9s ease;
         -o-transition: background-position .9s ease;
            transition: background-position .9s ease;
}
Salve e altere a cor da borda e largura e altura da sua imagem, ou seja, a imagem do welcome tem que ser do mesmo tamanho que você colocar no código.
Agora, vá em layout e adicione um gadget HtmlJavaScript, e cole :

<div class="image_shine"><img src="URL DA IMAGEM" class="border" align="right" /><div class="hover_shine"></div>
</div>ESCREVA SOBRE SEU BLOG AQUI!     
Se você quiser o contador de visitas, é só ir nesse site aqui. Depois, gere o código e cole depois da descrição do seu blog. Salve as alterações e curta seu novo Welcome.
Gostaram do tutorial? Eii, acabei de lembrar, ontem não teve debate sobre o projeto Salve os Leões de Okavango. Mas sábado que vem tem, com certeza.
Kissus

13 comentários:

  1. *3* amei o post, o tutorial, alias, bom, amanha eu posto sobre o que acho desses plagiozinhosm etc... etc...
    -kissus-
    ncnosekai.blogspot.ccom

    ResponderExcluir
    Respostas
    1. Obrigada, é esses plágios estão invadindo a blogosfera :D

      Excluir
  2. Legal você ensinar fico muito feliz :) bem simples valeu.

    ResponderExcluir
    Respostas
    1. Obrigada, quando quiser mais tutos, é só pedir :D

      Excluir
  3. Adorei o tutorial, já testei. É perfeito!
    garotasonhadora-official.blogspot.com

    ResponderExcluir
  4. Fica bonitinho o efeito, adorei :3

    Ei não entre na onda da Kaorii, já é a milésima vez que ela fecha a droga do blog. Daqui a dois dias ou menos ela abre de novo, é só pra fazer show e-e
    bezzo, sarah
    http://agd-doce.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada. É, também acho que ela vai reabrir o Kawaii, sempre acontece isso, kkk obrigada :D
      Kiss

      Excluir
  5. Adorei o tutorial Mandi, bem util *-*

    ResponderExcluir
  6. Me ajuda? O meu ficou assim http://paintingthecloud.blogspot.com.br/

    ResponderExcluir

Seu comentário é muito importante para o crescimento do blog, mas antes têm algumas regrinhas a serem cumpridas:
♥ Aceitamos pedidos de afiliação, somente se seguir o nosso blog;
♥ Comentários do tipo "seguindo,segue de volta, serão aceitos com prazer, afinal não é pecado pedir para seguirem seu blog, não é mesmo?;
♥ E é claro que eu visito seu blog, afinal é bom conhecermos novos blogs;
♥ Deixe o link do seu blog;
♥ Para mais informações, consulte a nossa FAQ