Quickribbon Programas y Utilerías

Por favor participa con tus comentarios en cada programa, aplicación o método haya sido de utilidad (tus comentarios son muy valiosos).




Fill out my online form.
Google

martes, 10 de septiembre de 2013

Inserta de todo en WordPress con gigya

Como ustedes saben yo estoy casado con Blogger pero tampoco me he cerrado a explorar otras plataformas para blogs, que si recuerdan trate el tema de ¿Que es un blog? por junio de 2008; y pese a que los post que he publicado en “Ayuda para tu blog” los cuales están dirigidos para usuarios de Blogger, he recibido algunos mensajes en los cuales me piden ayuda para Wordpress. 

Uno de esos temas tan mencionados de dicha plataforma es el inconveniente de insertar contenidos Flash o bien controlar parámetros de los códigos de inserción como por ejemplo la etiqueta “embed”, que según Wordpress aplica ciertas limitaciones por medidas de "seguridad".

Pero antes de seguir con el tema principal que nos ocupa (Inserta de todo a WordPress con gigya) considero importante explicar algunos conceptos que deben quedar claros, sobre todo para aquellos usuarios que se van iniciando con esta plataforma.

Diferencias entre WordPress.com y WordPress.org

Con WordPress.com podrás crear tu blog en muy poco tiempo, quedando alojado en WordPress.com . Sin costo pero con  limitaciones. En cambio si decides  usar WordPress.org necesitarás tener un alojamiento (hosting de pago) propio donde instalar todo el paquete de código abierto de esta plataforma.

En primera instancia te preguntaras:  ¿si puedo tener todo gratis, porqué voy a querer un alojamiento de pago? Al poco tiempo de instalar tu blog, si necesitas hacer modificaciones o  personalizaciones para obtener un blog  más profesional, te darás cuenta que WordPress no te deja hacerlas.  Entonces deberás pasar al segundo nivel en WordPress, que es instalar todo el paquete de WordPress.org en un servidor propio.

Ahora bien para superar algunas de las limitaciones de Wordpress.com estas se solucionan en Wordpress.org con la instalación de plugins o bien metiéndole mano al código.

Inserta de todo en WordPress con gigya

Visto lo anterior veamos el tema que nos ocupa que es el de ingresar de todo en Wordpress.com con el contenedor de código gigya que se entiende con WordPress. El cual trabaja a partir de los códigos de inserción HTML que utilizan la etiqueta embed (entre < . >), sustituyéndola por la etiqueta gigya (entre []) con la cual puedes insertar cualquier cosa en tu Wordpress.

Ejemplos

• Si tienes un canal de transmisión en vivo de Livestream, para insertar tu canal en el sitio Web o blog, el código “embed” que te proporciona Livestream seria así:
<iframe frameborder="0" height="215" scrolling="no" src="http://cdn.livestream.com/embed/tucanal?layout=4&height=215&width=235&autoplay=false" style="border: 0; outline: 0;" width="235"></iframe><br /><div style="font-size: 11px; padding-top: 10px; text-align: center; width: 235px;">Watch <a href="http://www.livestream.com/?utm_source=lsplayer&utm_medium=embed&utm_campaign=footerlinks" title="live streaming video">live streaming video</a> from <a href="http://www.livestream.com/tucanal?utm_source=lsplayer&utm_medium=embed&utm_campaign=footerlinks" title="Watch tucanal at livestream.com">tu canal</a> at livestream.com</div>

Con gigya el codigo quedaria así:

[gigya src="http://cdn.livestream.com/grid/LSPlayer.swf?channel=tucanal" quality="high" width="250" height="200" ]


* Recuerda cambiar lo que esta rojo por tu información.

Para incrustar videos, Wordpress soporta videos de YouTube, Vimeo, Hulu, Flickr, DailyMotion, Viddler, Blip.tv, TED Talks, Educreations, etc. Pero que sucede si deseas agregar videos de servicios no soportados, en esos casos simplemente debes  utilizar gigya jugando un poco con los códigos.

• Servicio de videos no soportado por Wordpress, el código “embed” proporcionado por este sitio seria así:

<object height="344" width="434" data="http://embed.redtube.com/player/?id=numerovideo&style=redtube" ><param name="allowfullscreen" value="true"><param name="AllowScriptAccess" value="always"><param name="movie" value="http://embed.redtube.com/player/?id=numerovideo&style=redtube"><param name="FlashVars" value="id=numerovideo&style=redtube&autostart=false"><embed src="http://embed.redtube.com/player/?id=numerovideo&style=redtube" allowfullscreen="true" AllowScriptAccess="always" flashvars="autostart=false" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" height="344" width="434" /></object>

Con gigya el codigo quedaria así:

[gigya src="http://embed.redtube.com/player/?id=numerovideo&style=redtube" allowfullscreen="true" AllowScriptAccess="always" flashvars="autostart=false" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" height="344" width="434" ]


* Recuerda cambiar lo que esta rojo por tu información.

• Servicio de videos no soportado por Wordpress, el código “embed” proporcionado por este sitio seria así:

<iframe src="http://flashservice.xvideos.com/embedframe/numerovideo" frameborder=0 width=510 height=400 scrolling=no></iframe>


Con gigya el codigo quedaria así:

[gigya src="http://static.xvideos.com/swf/flv_player_site_v4.swf?id_video=numerovideo" allowfullscreen="true" AllowScriptAccess="always" flashvars="autostart=false" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" height="400" width="510" ]


* Recuerda cambiar lo que esta rojo por tu información.

Como pueden ver los principales factores que se deben tomar en cuenta son los de sustituir lo de “embed” por "gigya" y ubicar bien los parámetros de “src” así como “id”.

Espero haberlos ayudado con algo que se vuelve muy tedioso, pero aquí ya tienen la solución.

Saludos
Cocosuba
www.buscate.com.mx / www.yupis.com.mx

Código efecto de nieve en tu Web

Aunque estemos en septiembre, voy hacerle como muchos centros comerciales que algunos de este mes comienzan a sacar los productos de navidad; pero en mi caso compartiré con ustedes el código para agreguen el efecto de nieve en su sitio Web o blog.

Cabe destacar que para quienes no tienen conocimientos amplios de HTML, este es uno de los códigos más difíciles de conseguir ya que la mayoría de desarrolladores gusta de complicar la información de los códigos o incluso con información dudosa; pero como ustedes saben con gusto les comparto programas y/o información libre de virus, Spyware o cosas raras, pero sobre todo que funcionan.

El ejemplo de cómo funciona este código lo pueden ver en una de las páginas de mi sitio Web de www.buscate.com.mx, ya que no lo muestro aquí porque se aplicaría el efecto al blog y pues no estamos en época navideña..jeje, para ello pueden ver cómo funciona en el siguiente link: http://www.buscate.com.mx/programasfree/webmasters-codigos-scripts-0008.html

Dicho lo anterior pasemos a lo que nos truje. Este código funciona tanto para Firefox como IExplorer, para aplicar este efecto copia y pega el siguiente código antes de</head>

<script type="text/javascript">

var speed=20; // A menor numero más rápido

var flakes=20; // Numero de Copos de Nieve

var flake_image="http://Ingresa aquí la URL de la imagen del copo de nieve"; // URL de la imagen de nieve

var swide, shigh;

var dx=new Array();

var xp=new Array();

var yp=new Array();

var am=new Array();

var sty=new Array();

window.onload=function() { if (document.getElementById) {

var k, f, b;

b=document.createElement("div");

b.style.position="absolute";

b.setAttribute("id", "bod");

document.body.appendChild(b);

set_scroll();

set_width();

for (var i=0; i<flakes; i++) {

dx[i]=0;

am[i]=Math.random()*20;

xp[i]=am[i]+Math.random()*(swide-2*am[i]-25);

yp[i]=Math.random()*shigh;

sty[i]=0.75+1.25*Math.random();

f=document.createElement("div");

f.style.position="absolute";

f.setAttribute("id", "flk"+i);

f.style.zIndex=i;

f.style.top=yp[i]+"px";

f.style.left=xp[i]+"px";

k=document.createElement("img");

k.src=flake_image;

f.appendChild(k);

b.appendChild(f);

}

setInterval("winter_snow()", speed);

}}

window.onresize=set_width;

function set_width() {

if (document.documentElement && document.documentElement.clientWidth) {

swide=document.documentElement.clientWidth;

shigh=document.documentElement.clientHeight;

}

else if (typeof(self.innerHeight)=="number") {

swide=self.innerWidth;

shigh=self.innerHeight;

}

else if (document.body.clientWidth) {

swide=document.body.clientWidth;

shigh=document.body.clientHeight;

}

else {

swide=800;

shigh=600

}

}

window.onscroll=set_scroll;

function set_scroll() {

var sleft, sdown;

if (typeof(self.pageYOffset)=="number") {

sdown=self.pageYOffset;

sleft=self.pageXOffset;

}

else if (document.body.scrollTop || document.body.scrollLeft) {

sdown=document.body.scrollTop;

sleft=document.body.scrollLeft;

}

else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {

sleft=document.documentElement.scrollLeft;

sdown=document.documentElement.scrollTop;

}

else {

sdown=0;

sleft=0;

}

document.getElementById("bod").style.top=sdown+"px";

document.getElementById("bod").style.left=sleft+"px";

}

function winter_snow() {

for (var i=0; i<flakes; i++) {

yp[i]+=sty[i];

if (yp[i]>shigh-30) {

xp[i]=am[i]+Math.random()*(swide-2*am[i]-25);

yp[i]=0;

sty[i]=0.75+1.25*Math.random();

}

dx[i]+=0.02+Math.random()/10;

document.getElementById("flk"+i).style.top=yp[i]+"px";

document.getElementById("flk"+i).style.left=(xp[i]+am[i]*Math.sin(dx[i]))+"px";

}

}

</script>


Recuerda cambiar lo que está en color rojo por tu información.

Saludos

Cocoscuba
www.buscate.com.mx