Un bloguero Practicando

Efecto de desvanecimiento al cargar las páginas del blog

Efecto de desvanecimiento al cargar las páginas del blog

Comparteme :


En esta oportunidad les enseñare como realizar este efecto como lo dije en el titulo del post, es muy sencillo y rápido, iniciemos

Demostración

1ro. Iniciamos con su cuenta en blogger
2do. Abrimos la plantilla, vamos a ubicarnos en lo ultimo de ella y buscamos </body> y arriba de el mismo pegamos el código que le dejaré a continuación:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>
<script type='text/javascript'>
$(function(){$(&#39;.open-contc&#39;).click(function(){$(&#39;#contc-box&#39;).show();$(&#39;#contc-overlay&#39;).fadeTo(&#39;normal&#39;,0.9);return false});$(&#39;#contc-box .close&#39;).click(function(){$(&#39;#contc-overlay, #contc-box&#39;).hide();return false})});$(function(){$(&#39;.open-fpage&#39;).click(function(){$(&#39;#fpage-box&#39;).show();$(&#39;#fpage-overlay&#39;).fadeTo(&#39;normal&#39;,0.9);return false});$(&#39;#fpage-box .close&#39;).click(function(){$(&#39;#fpage-overlay, #fpage-box&#39;).hide();return false})});$(function(){$(&#39;.open-gplus&#39;).click(function(){$(&#39;#gplus-box&#39;).show();$(&#39;#gplus-overlay&#39;).fadeTo(&#39;normal&#39;,0.9);return false});$(&#39;#gplus-box .close&#39;).click(function(){$(&#39;#gplus-overlay, #gplus-box&#39;).hide();return false})});
$(function(){var panel=$(&#39;#panel&#39;);menu=$(&#39;nav ul&#39;);menuHeight=menu.height();$(panel).on(&#39;click&#39;,function(e){e.preventDefault();menu.slideToggle()});$(window).resize(function(){var w=$(window).width();if(w&gt;320&amp;&amp;menu.is(&#39;:hidden&#39;)){menu.removeAttr(&#39;style&#39;)}})});
$(document).ready(function(){$(&#39;body&#39;).hide().fadeIn(5000).delay(500)});
</script>

Importante: Si ya tene instalado el script que visualiza a continuación, omita la nuestra: 
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>

Eso es todo, espero sea de gran ayuda para tu blog.
  Demostración



Comparteme :
Bloguero Tutorial

Author :

Soy el creador y editor de éste blog, cree este blog porque me encanta escribir sobre tecnología e internet, diseño web, y recursos para webmasters y Bloggers. Además, mi único propósito, es divertirme y de paso si ayudo a otras personas, mucho mejor. , click aquí ?
Efecto de desvanecimiento al cargar las páginas del blog.
Comparte

Artículos Relacionados

Tu mensaje sera visible tras la aprobación del administrador