Olá amores, tudo bem com vocês? Hoje eu acordei bem cedo, peguei o meu notebook, fiquei na minha cama comendo só mexendo pelas redes. Ainda tô morrendo com a dor no ombro, e na perna. Nunca some, santo cristo, quando essa tortura acaba? Bom, antes de começar, eu quero dizer que eu ia fazer uma página no facebook para o blog, porém eu pensei melhor e acabei fazendo um grupo. Primeiro porque no grupo todos podem publicar, ou seja, todos interagem melhor; segundo que é bem mais prático o grupo. O link do grupo é esse aqui, todos podem entrar, quando entrarem, adicionem mais gente e divulguem por favor, assim fica mais pessoas no grupo, mais pessoas, mais ajuda.
Ok, eu tô muito feliz e ansiosa, eu já acabei o novo layout daqui, e eu quero colocar ele logo, mas ainda não passou o ano novo e natal. Ah que demora. Enfim, hoje eu trago para vocês um efeito para afiliados que eu fiz, eu achei bem legal. Ficou bem bonitinho, se quiserem ver cliquem aqui (efeito II - Borda no lado de cá <<). Gostaram? Se quiserem saber como usa ele, continue lendo.
Ele é bem simples mesmo, mas é bem fofo. Enfim, vá no painel do seu blog, modelo, editar HTML, clique nos código e aperte CTRL F, depois pesquise a seguinte tag: "]]></b:skin", quando achar, cole o seguinte código ACIMA dela.
Ele é bem simples mesmo, mas é bem fofo. Enfim, vá no painel do seu blog, modelo, editar HTML, clique nos código e aperte CTRL F, depois pesquise a seguinte tag: "]]></b:skin", quando achar, cole o seguinte código ACIMA dela.
/*------ Efeito para Afiliados - Borda (Etc For Me) ------*/Salve o modelo. Quando fizer isso, vá em layout, adicionar gadget, html/java script e cole o seguinte código fazendo as alterações que são pedidas:
.borda {
-webkit-transition-duration: .105s;
border: 1px solid #eacff0;
-webkit-filter: sepia(1);
}
.borda:hover {
outline-offset: -5px;
-webkit-transition-duration: .105s;
outline: 1px dashed #f8f5f9;
-webkit-transition:All 1s ease;
-moz-transition: All 1s ease;
-o-transition: All 1s ease;
-webkit-filter: none;
}
/*------ Efeito para Afiliados - Borda (Etc For Me) ------*/
<a href="LINK DO BLOG" title="NOME DO BLOG"><img class="borda" src="LINK DA IMAGEM" /></a> <a href="LINK DO BLOG" title="NOME DO BLOG"><img class="borda" src="LINK DA IMAGEM" /></a> <a href="LINK DO BLOG" title="NOME DO BLOG"><img class="borda" src="LINK DA IMAGEM" /></a> <a href="LINK DO BLOG" title="NOME DO BLOG"><img class="borda" src="LINK DA IMAGEM" /></a>
Bom, esse é o nosso gadget de afiliados dois. Se quiserem colocar mais afiliados, vão acrescentando mais do código de cima. Então foi isso amores, espero que tenham gostado, se quiserem colocar no seu blog esse "tutorial", me avisem antes e deem os créditos. Se usarem, comentem e deem os créditos. Até mais <3
Também sinto dores no ombro e muuuito na coluna D: mas é porque eu faço aula de dança e dói mesmo D:
ResponderExcluiraaamei o tutorial ><
http://euamotutoriais.blogspot.com.br/
Eu também danço. Haha, muito obrigada <3
ExcluirQue efeito lindo, gostei muito *00*
ResponderExcluirhtmlandresources.blogspot.com
Obrigada :)
ExcluirBacana esse efeito :3
ResponderExcluirhttp://basement-rock.blogspot.com.br/
Obrigada :)
ExcluirPosso participar do grupo?
ResponderExcluirAmei o efeito *o* Ficou tão lindo com as bordinhas pontilhadas..
http://maiira-t.blogspot.com/
Claro, e obrigada :)
ExcluirQue fofinho o efeito *--*
ResponderExcluirEu não vou entrar no grupo agora, se entrar no face não saio mais '-'
Obrigada :) Viciada como eu né? Haha
ExcluirAdorei o efeito!
ResponderExcluirAdoro esses tracejados (em tudo!)
Beijos,
Ser Pedro ♥
Obrigada :)
ExcluirEu achei o efeito ótimo <3
ResponderExcluirVou usar no meu lay novo u.u
candytendy.blogspot.com
Seguindo, retribui ?
ExcluirObrigada <3 Se eu gostar do blog, sim :)
ExcluirQue efeito fofo :3 Gostei <3
ResponderExcluirhttp://www.biiasecrets.com/
adorei o efeito com esse tracejado
ResponderExcluirbj
wakeup-alone.blogspot.com.br
Valeu :)
ExcluirJá entrei no grupo >3< Eu ainda nem comecei um novo layout, e tinha planos para troca-lo antes do Natal, pelo jeito, não vai dar certo :c
ResponderExcluirO efeito se parece um pouco (lê-se muito) com um que tem no meu blog. A única diferença, é que o meu a imagem não possui nenhum filtro. Mas ok '-'
Kissus ♡ ~ Psycho T.
Eba :) Eu nunca consigo fazer um layout da certo. Sério? Eu sinto muito :( Eu não sei qual é o blog em questão, mas eu sinto muito.
Excluir