Efeito PFS - Pixel Image

Pachirisu, meu Pokémon Favorito *---------*

Olá pessoas, hoje trouxe um tutorial bem legal e bastante usado em vários blogs, aquele da imagem acima.
Legal né, ele é feito com PSD no photoshop, mas eu arrumei uma maneira de fazer pelo PFS, espero que vocês gostem.

1° Abra seu PFS
2° Agora abra a imagem abaixo:

Créditos ao PSD usado: morangostambemfalam.blogspot.com

3° Agora vá em Camada > Inserir Novo Fundo > Transparência automática, como na imagem abaixo:

4° Escolha sua Foto e cole no arquivo, sendo que fique embaixo na camada do pixel, como na imagem abaixo:

Prontinho, fácil née ?

Se usarem credite o blog, CandyKisses!

Baixando Áudio dos Vídeos do Youtube

Olha eu aqui de novo, agora eu trouxe um tutorial bem legal para vocês, ensinando baixar apenas o áudio dos vídeos do Youtube, é muito fácil é só seguir os passos das imagens abaixo.

1°. Vá no Youtube, escolha o vídeo, copie a url e depois entre neste site aqui.
Vai aparecer assim:

Cole o link do vídeo

2°. Espere chegar em 100%

3°. Depois é só clicar em Donload!

Efeito Css3 - Desfoque

Olá galerinha, como estão ? Curtindo muitos blogs ?
É mas eu não vim falar sobre isso, vim trazer um tutorial bem legal, ele desfoca a imagem com o CSS, e além disso é muito fácil.

Olha como é:

Vocês também podem visualizar esse efeito na elite aqui do blog :)

Mas agora vamos ao tutorial.
Let's go now ♪
Aperte F3 e Procure por ]]></b:skin>.
Logo acime cole o código abaixo

.blur {
 -webkit-filter: blur(1px);
 -moz-filter: blur(1px);
 -ms-filter: blur(1px);
 -o-filter: blur(1px);
 filter: blur(1px);
}
.blur:hover {
 -webkit-filter: blur(5px);
 -moz-filter: blur(5px);
 -ms-filter: blur(5px);
 -o-filter: blur(5px);
 filter: blur(5px);
}

Para usar é só adicionar um gadget HTML/Jasvascript com o código abaixo:

<img src="Link da Imagen" class="blur">

Efeito para Afiliados - Vai e Vem

 

Oi galera hoje eu vim postar um efeito bem legal para vocês usarem no seus afiliados, ele é um vai e vem, que vocês podem visualizar ele neste link aqui, no gadget afiliados.

Para usar ele você tem que seguir os passos abaixo.

Primeiro você tem que procurar por ]]></b:skin>
Depois que achar essa tag, cole acima de ]]></b:skin> o código que está ai embaix, que você só vai poder ver se clicar no leia mais :))))

Imagens do Post em Preto e Branco

Oie, olha eu de novo, agora vim postar um tutorial super legal como vocês já devem ter lido o título eu não vou falar de novo :)

Vá no seu Html, Procure por ]]></b:skin>
Acima cole:

.post img {
opacity: 0.90;
box-shadow: 0px 1px 3px #333;
-webkit-filter: saturate(0%);
-webkit-transition: all 55s ease-in;
-moz-transition: all 55s ease-in;
-ms-transition: all 55s ease-in;
-o-transition: all 55s ease-in;
transition: all 55s ease-in;
}
.post img:hover {
opacity: 1.50;
box-shadow: 0px 1px 3px #333;
-webkit-filter: saturate(100%);
-webkit-transition: all 55s ease-in;
-moz-transition: all 55s ease-in;
-ms-transition: all 55s ease-in;
-o-transition: all 55s ease-in;
transition: all 55s ease-in;
}

Pronto, espero que gostem beijos ;*

EDITE A DATA DA POSTAGEM

    

Oi gente tudo beleza ?

Mas um vez eu estou aqui,dessa vez eu vim disponibilizar um tutorial que eu sinceramente amei,e acho que assim como eu vocês vão adorar.Ah e desculpem minha ausência aqui no blog,é que eu atualmente posto em 3 blogs ai fica muito difícil postar frequentemente,mas eu vou dar um jeito de postar pelo menos 2 vezes por semana.Tá ok ? Ok! rs


Enfim,vamos conferir!

Vá no html do seu blog e procure por .main-inner h2.date-header {

Você vai encontrar o seguinte código:

.main-inner h2.date-header {
font: $(date.font);
color: $(date.text.color);
}

Substitua tudo por:

.main-inner h2.date-header {
float: right; /* posicionamento*/
background: #000; /*cor do fundo*/
color: #fff; /*cor da fonte*/
font-family: Tahoma, Tahoma; /* fonte */
margin:-13px 2px 5px -5px;
}

Crédito : Spazio DM                                        

                                                                      - Beijos,Rayssa - Caprichadas / Visite !

Colocando dominio "TK" no blog

 

Oi balinhas de menta, como vão vocês ?
Hoje eu trouxe um tutorial bem legal que é para colocar "Tk" no seu blog.
Exemplo: www.candypictures-br.blogspot.com, Como ele é!
www.candypictures.tk, como ele fica.
Agora vamos au turorial, divirtam-se!

Modificando seu blog para uso de celular

Gente as vezes nós não temos tempo de usar o computador quando estamos na escola, no banheiro ou coisa e tal, ai agente passa a usar a internet do celular que algumas são uma merda, pois é acabaram seu problemas, vamos modificar nossos blogs para uso de celulares.
Let's Go!

1° Entrem neste site aqui

2° Click neste link

 

3° coloque o link do seu blog

4° Depois é só selecionar o tema e ir configurando

5° Depois é só se cadastrar e Salvar.

Tutorial exclusivo se for reblogar credite.

Beijos e atá a próxima.

Tutorial - Como Retirar a navbar

Oi gente, tudo bem hoje vim postar um tutorial bem fácil e avisar que a promoção de 1 ano de blog, já esta chegando, ainda não sei os prêmios mais pode ser um camisa da Cappuccine Store, e uma pulseira rocker, agora vamos ao tutorial:

Tecle Ctrl+F ou F3 e procure por ]]></b:skin>

Cole o código abaixo, acima da tag que você procurou:

#navbar-iframe { display: none; }

Fácil, não ?

Tutorial - Menu So Crazy

Oi gente, olha eu de novo agora vim postar um tutorial ensinando a fazer um menu, ele é bem simples e fácil, se vocês quiserem ver um exemplo clique neste link aqui, ficou um pouco estrando por causa das cores mais vocês podem mudar de acordo com a preferências de vocês, vamos lá ----->

Tecle Ctrl+F ou F3 e procure por ]]></b:skin>
Cole o código abaixo, acima da tag que você procurou, depois é só editar.

.crazy {
margin-bottom:2px;
display: block;
background:#a787ee; / * Cor de Fundo*/
text-align: center; /* Alinhamento do Texto */
padding:2px;
width: 50%;
border-left: 15px solid #333; /* Cor e Estilo da Borda*/
font-size:11px;  /* Tamanho da Fonte */
box-shadow: inset 0px 0px 15px #000;
text-transform: uppercase;
}
.crazy:hover {
margin-bottom:2px;
display: block;
background:#a787ee;
text-align: center;
padding:2px;
width: 80%;
border-left: 25px solid #333;
font-size:11px;
box-shadow: inset 0px 0px 15px #000;
text-transform: uppercase;
}

Pronto, para usar o menu é só você adiconar um gadget HTML/JavaScript com isto:

<a href="www.seulink.com" class="crazy">Nome do Link</a><a href="www.seulink.com" class="crazy">Nome do Link</a><a href="www.seulink.com" class="crazy">Nome do Link</a><a href="www.seulink.com" class="crazy">Nome do Link</a><a href="www.seulink.com" class="crazy">Nome do Link</a><a href="www.seulink.com" class="crazy">Nome do Link</a>

Menu Pronto para uso! 

Título do blog sendo digitado na aba

Oi gente eu estava olhando alguns blogs e vi que virou tendência deixar o título do blog sendo digitado na aba, achei lindo e claro que eu fui procurar saber como fazer isso e "estudei" vários blogs e acabei aprendendo e claro estou repassando minha aprendizagem!

Aperte CTRL+F ou F3 e procure por </head>
Logo Abaixo cole:

<script>
var tit = document.title; var c = 0; function writetitle() { document.title = tit.substring(0,c);
if(c==tit.length) { c = 0; setTimeout(&quot;writetitle()&quot;, 1000) }
else
{ c++; setTimeout(&quot;writetitle()&quot;, 220) } } writetitle()
</script>
<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick(&#39;headEnd&#39;);
</script>

Fácil né ?

Mas agora vamos editar o Scipt

Edite o " 1000 " pelo tempo que o texto ficará completo até ser apagado e re-digitado novamente.
Edite o "220" pelo tempo que cada letra demora para aparecer durante o digitamento do título.

Pronto, Visualize para ver se deu certo e Salve!
Beijos ;*

Efeito para Photofiltre - After Shock

Olá mais um efeito para photofiltre, este é super legal e como modelo do efeito eu usei a Demi Lovato!

Resultado

Cufon Simples

Hoje trouxe um tutorial de Cufon, (Não é meu, é do blog Sweet Poison) espero que seja útil para vocês :) Como o nome diz, é um Cufon simples, sem tantos códigos. Vamos lá?

Imagens Para Elite Afiliados Com Efeito

Oiee cupcakes de chocolate com amora, como estam?  Hoje eu vim postar algumas imagens para elite afiliados, parceiros ou o que vocês quiserem, as imagens não são minhas, estou avisando! Achei as imagens no blog Space Girl BR, então créditos a ele. Agora vamos ao que interessa!

               

Para colocar o efeito Vá em : Design > Editar html > dê um Ctrl+F,e na caixa de pesquisa procure por: ]]></b:skin>.

Acima da tag coloque isto:

.IWUSA {

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-transition: all 1s linear;

}

.IWUSA:hover {

 -webkit-border-radius: 20px;

-webkit-border-top-right-radius: 550px;
-webkit-border-bottom-left-radius: 550px;
-moz-border-radius: 20px;
-moz-border-radius-topright: 550px;
-moz-border-radius-bottomleft: 550px;
border-radius: 20px;
border-top-right-radius: 550px;
border-bottom-left-radius: 550px;

-webkit-transition: all 1s linear;

}

Pronto, quando for colocar as imagens coloque assim <img src="LINK DA IMAGEM" Class="IWUSA"> .

--------------------------------

O Efeito fica asim:

Personalizar a hack "Leia Mais"

Oi coelhicórnios, tudo bem ? Hoje eu vim postar um tutorial muito legal: Como personalizar a hack mais conhecida como "Leia mais", não é difícil, mas precisa ter bastante atenção pra não errar nada, então vamos começar, Clique em Leia Mais :)