Gadgets para decorar tu blog en Semana Santa

En esta semana santa, la cual es época de reflexión, oración y encuentro cercano con Dios, muchos blogueros buscan gadgets y trucos para adornar sus blogs con mensajes alusivos a esta importante época de la religión católica, ante esto estuve buscando en la red trucos o gadgets para decorar el blog en semana santa y no encontré ninguno, así que por eso decidí crear un par de trucos para que los blogueros que quieran puedan decorar sus blogs acorde con la época.

Así que, empecemos.

El primer truco, es una hermosa tarjeta GIF de Jesús, la cual al pasar el cursor sobre ella se expande con un gran efecto zoom.

Para agregar este espectacular truco para tu blog ve a Diseño, Añadir gadget, HTML/JavaScript y pega allí lo siguiente:

<div class="separator" style="clear: both; text-align: center;">
<a class="hovergallery" href="http://www.miltrucosblogger.info/" target="_blank">
<img src="http://www.miltrucosblogger.com/wp-content/uploads/2014/04/gadget-para-blogger-semana-santa-298x300.gif" />
</a>
</div>
<style type="text/css">
.hovergallery img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 1px 5px 0;
}
.hovergallery img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}
</style>

Ahora voy a compartir otro truco en el cual se muestran unos lindos angelitos que van cayendo lentamente hasta desvanecerse.

El angelito que se muestra en el truco es el siguiente:

Para agregar este truco ve  a Diseño | Añadir un gadget | HTML/Javascript y allí pegas lo siguiente:
<script>
    /***** Angeles cayendo en el blog *****/
    if(typeof $pdj=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(typeof $pdj=='undefined'){var $pdj=jQuery.noConflict()}if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['corazon']="http://www.miltrucosblogger.com/wp-content/uploads/2014/04/Angel-Blogger.gif";$pdj(document).ready(function(){var c=$pdj(window).width();var d=$pdj(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(8500,10000),function(){$pdj(this).fadeOut('slow',function(){f(a)})})},e(1,9000))};$pdj('<div></div>').attr('id','corazonDiv').css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=15;i++){var g=$pdj('<img/>').attr('src',image_urls['corazon']).css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('corazonDrop').appendTo('#corazonDiv');f(g);g=null};var h=0;var j=0;$pdj(window).resize(function(){c=$pdj(window).width();d=$pdj(window).height()})});</script>
Puedes ver el truco funcionando en el siguiente blog de pruebas.
Ahora para finalizar voy a compartir otro genial gadget en el cual se puede ver una imagen de Jesús crucificado y debajo de el los días que hacen falta para la pasión y muerte de Jesús.

 


Para agregar este gadget en tu blog, ve a Diseño, Añadir Gadget, HMTL/JavaScript y pega allí lo siguiente:

<div style="border: 0px solid rgb(0, 102, 51); color: #006633; font-size: 80%; left: 0px; padding: 7px; z-index: 888;">
<a href="http://www.miltrucosblogger.info/"><br />
<img src="http://www.miltrucosblogger.com/wp-content/uploads/2014/04/jesus-crucificado7.jpg" style="clear: both; display: block;" /></a><br />
<script type="text/javascript">
//<![CDATA[
var today=new Date()
var theoccasion=new Date(today.getFullYear(), 04, 18)
var beforeOccasionText="hasta la pasión y muerte de Jesús"
var onOccasiontext="Hoy viernes santos, día de reflexión!"
var monthtext=new Array("Jan","Feb","Mar","April","May","June","July","Aug","Sep","Oct","Nov","Dec")
theoccasion.setMonth(theoccasion.getMonth()-1) //change to 0-11 month format
var showdate="("+monthtext[theoccasion.getMonth()]+" "+theoccasion.getDate()+")"
var one_day=1000*60*60*24
var calculatediff=""
calculatediff=Math.ceil((theoccasion.getTime()-today.getTime())/(one_day))
if (calculatediff<0){
var nextyeartoday=new Date()
nextyeartoday.setFullYear(today.getFullYear()+1)
calculatediff=Math.ceil((nextyeartoday.getTime()-today.getTime())/(one_day)+calculatediff)
}
var pluraldayornot=(calculatediff==1)? "día" : "días"
if (calculatediff>0)
document.write("<b>"+calculatediff+" "+pluraldayornot+" "+beforeOccasionText+"!</b>")
else if (calculatediff==0)
document.write("<b>"+onOccasiontext+"!</b>")
//]]>
</script></div>
</center>
Espero que te hayan gustado todos los gadgets y trucos aquí compartidos y que los uses en tu blog, así como también deseamos que pases una espectacular semana santa junto con tus amigos y familiares.
0
Shares

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *