.jpg)
existem blogs com muitos efeitos legais hoje em dia como css e jQuery para colocar em varias partes do blog. hoje trago um código para dar um efeito nas imagens das postagens do blog que só ira aparecer na primeira pagina do blog se você
tem um blogger e gosta de se diferenciar dos demais e ser diferente, a personalização total é uma boa opção para seu site ser guardado na memória e ficar inesquecível pelos visitantes que vem diariamente visita-lo uma boa aparência e uma boa impressão é tudo hoje em dia na vida e porque não na web. esse efeito Dara uma opacidade ao passar o mouse rapidamente sumindo ao tirar de cima da imagem siga o tutorial abaixo e veja a demo e vamos lá.
tem um blogger e gosta de se diferenciar dos demais e ser diferente, a personalização total é uma boa opção para seu site ser guardado na memória e ficar inesquecível pelos visitantes que vem diariamente visita-lo uma boa aparência e uma boa impressão é tudo hoje em dia na vida e porque não na web. esse efeito Dara uma opacidade ao passar o mouse rapidamente sumindo ao tirar de cima da imagem siga o tutorial abaixo e veja a demo e vamos lá.
Primeiro vá em modelo editar HTML expandir modelos de widgets
: >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
Copie o código abaixo e adicione acima de </head>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".post img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".post img").hover(function(){
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(".latest_img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".latest_img").hover(function(){
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>
</b:if>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
Salve o modelo e pronto é só visualizar
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
obs:
para funcionar em todas as paginas retire a primeira linha do código e a ultima linha.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
valeu/
____________________________________________________________________________
Sobre o autor: jhonatas é o fundador deste blog. Nascido em 1991, é trabalha como serviços gerais. e, nas horas vagas, si esforça como blogueiro.
___________________________________________________________________
