20/2/13

Cómo eliminar la molesta 'Advertencia de seguridad' en IE8





Si navegas con Internet Explore 8, casi seguro que habrás visto una advertencia de seguridad que dice:

    ¿Desea ver el contenido de la página web que se entregó de forma segura?
    Esta página web contiene contenido que no será proporcionado usando una conexión HTTPS segura, que puede comprometer la seguridad de toda la página web.




Esta advertencia aparece cuando se va a abrir una página cifrada (se distingue porque su dirección comienza por HTTPS) y en cuya página se encuentran elementos que no están cifrados, por ejemplo imágenes.
Un ejemplo típico se produce cuando vamos a hacer algún comentario en los blogs.

Leyendo la advertencia se supone que tienes que clicar 'sí' si quieres ver bien la página completa. Bueno, pues no, no es eso lo que hay que hacer sino todo lo contrario. Le dices que 'no' y entonces sí que verás bien la página.

¿Lo entiende alguien? Seguramente no. Cosas de Microsoft, qué le vamos a hacer.

 Como imagino que esto tiene harto a más de uno, vamos a aprender a quitar esa advertencia:

En Internet Explorer, vamos a Herramientas > Opciones de Internet

 
 



Elegimos la pestaña Seguridad > Internet > Nivel personalizado

13/2/13

Corazones cayendo por la pagina

Entra en Diseño | Añadir un gadget | HTML/Javascript y este código:

<script language='javascript' type='text/javascript'>
//<![CDATA[
// Script original de Eloi Gallés Villaplana adaptado por CiudadBlogger.com
var numero = 8
var velocidad = 40
var imagenamor = "http://1.bp.blogspot.com/_dsEG33PDaHw/TJvpnh9N8BI/AAAAAAAAAYk/_kKV5ThdBFA/s1600/corazon.gif"
var ns4arriba = (document.layers) ? 1 : 0
var ie4arriba = (document.all) ? 1 : 0
var dombrowser = (document.getElementById) ? 1 : 0
var dx, xp, yp
var am, stx, sty
var i, doc_ancho = 1024, doc_alto = 768
function amor() {
 establece_dimensiones()
 dx = new Array()
 xp = new Array()
 yp = new Array()
 am = new Array()
 stx = new Array()
 sty = new Array();
    
 for (i = 0; i < numero; ++ i) {
  dx[i] = 0
  xp[i] = Math.random()*(doc_ancho-50)
  yp[i] = Math.random()*doc_alto
  am[i] = Math.random()*20
  stx[i] = 0.02 + Math.random()/10
  sty[i] = 0.7 + Math.random()
  if (document.layers) {
        if (i == 0) {
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")
    document.write("top=\"15\" visibility=\"show\"><img src=\"")
    document.write(imagenamor + "\" border=\"0\"></layer>")
        } else {
         document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")
         document.write("top=\"15\" visibility=\"show\"><img src=\"")
         document.write(imagenamor + "\" border=\"0\"></layer>")
        }
       } else if (document.all || document.getElementById) {
        if (i == 0) {
         document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")
         document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ")
         document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"")
         document.write(imagenamor + "\" border=\"0\"></div>")
        } else {
         document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")
         document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ")
         document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"")
         document.write(imagenamor + "\" border=\"0\"></div>")
        }
       }
     }
    
 corazon()
}

10/2/13

Cupido volando por el blog

Para poner este Cupido volando por el blog entra en la Edición HTML de tu plantilla, y antes de </head>  pega este script.

<script type='text/javascript'>
//<![CDATA[
/***********************************************
* Cupido volando por el blog
* Script original de Virtual_Max
* Adaptado por ciudadblogger.com
***********************************************/
var vmin=1;
var vmax=5;
var vr=2;
var timer1;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}
function Chip(chipname,width,height){
this.named=chipname;
this.vx=vmin+vmax*Math.random();
this.vy=vmin+vmax*Math.random();
this.w=width+20;
this.h=height;
this.xx=0;
this.yy=0;
this.timer1=null;}

function movechip(chipname){
if (document.getElementById){
eval("chip="+chipname);
if (window.innerWidth || window.opera){
pageX=window.pageXOffset;
pageW=window.innerWidth-40;
pageY=window.pageYOffset;
pageH=window.innerHeight-20;}

chip.xx=chip.xx+chip.vx;
chip.yy=chip.yy+chip.vy;
chip.vx+=vr*(Math.random()-0.5);
chip.vy+=vr*(Math.random()-0.5);
if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;
if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;
if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
if(chip.xx<=pageX){
chip.xx=pageX;
chip.vx=vmin+vmax*Math.random();}
if(chip.xx>=pageX+pageW-chip.w){
chip.xx=pageX+pageW-chip.w;
chip.vx=-vmin-vmax*Math.random();}
if(chip.yy<=pageY)
{chip.yy=pageY;
chip.vy=vmin+vmax*Math.random();}
if(chip.yy>=pageY+pageH-chip.h)
{chip.yy=pageY+pageH-chip.h;
chip.vy=-vmin-vmax*Math.random();}

document.getElementById(chip.named).style.left=chip.xx+"px";
document.getElementById(chip.named).style.top=chip.yy+"px";
chip.timer1=setTimeout("movechip('"+chip.named+"')",100);}}

function pagestart(){
CupidoVolando=new Chip("CupidoVolando",147,168);
movechip("CupidoVolando");}

if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart
//]]>
</script>
Luego, antes de </body> agrega este código.
<!-- Cupido volando -->
<div id='CupidoVolando' style='position:absolute; z-index:80; left: -500px;'>
<img border='0' src='URL de la imagen'/></div>
<!-- Cupido volando -->
En donde se indica pon la URL de la imagen del Cupido que más te guste. Aquí hay seis imágenes de dónde escoger.

Agrega un Gadget de corazones que caen en el blog

Para poner estos corazones que caen en tu blog vamos a meterlos dentro de un gadget. Si usas la interfaz antigua entra en Diseño | Elementos de la página | Añadir un gadget | HTML/Javascript.
Si usas la nueva interfaz entra en Diseño | Añadir un gadget | HTML/Javascript.

Ahí pega este código:

<script>
/***** Corazones 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://lh6.googleusercontent.com/-7-WYEBOVd7c/TzMiej4AFcI/AAAAAAAACLc/w2Fn6N9jwIU/s32/heart.png";$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>

5/2/13

¿Cómo poner una imagen de fondo en el blog?

 1. Ir a diseño de la plantilla. Después clic en Edición de HTML (no Expandir plantillas de artilugios) y buscas lo siguiente:
body {
background:$bgcolor;
...
}
2. Tendrás que agregar después de background:$bgcolor lo siguiente (lo que está de color azul):
body {
background:$bgcolor url url(http://Aquí la direción de la imagen) fixed no-repeat top left;
...
}
Explicación:
- El valor no-repeat, la imagen no se repite. Además podemos cambiarlo por otros valores como repeat-x, repetirá la imagen horizontalmente mientras que el valor repeat-y, repetirá la imagen verticalmente y si se especifica repeat, la imagen se repetirá horizontal y verticalmente.
- El valor fixed, la imagen se desplazará con el contenido o será fija.
- El valor top left, la posición de la imagen.


Nota: La imagen debe ser grande, tipo wallpaper, el cual tienen un ancho de 1024 pixeles (px) y un alto de 685 px aproximadamente.