• Nos vamos a Proyecto -> Crear Película
• Elegimos Enviarla a internet
• Aquí seleccionamos Youtube como sitio al que queremos subir nuestro vídeo
• En la siguiente pantalla lo único que tenemos que hacer será rellenar los datos de usuario y contraseña de nuestra cuenta de Youtube y el título, descripción, etiquetas, etc. del vídeo y listo, el resto ya lo hace el.

Decir que esta característica no se si esta disponible en las anteriores versiones de este programa.

El problema es que con las ultimas versiones de WordPress (creo que a partir de la 2.8) te salian unos errores al querer entrar en el panel de administracion de comentarios, parecidos a estos:

Si a vosotros tambien os pasa aqui teneis la solucion, solo tendreis que modificar dos lineas del archivo del plugin:

Buscamos en la linea 176:

$comments = (($overrideComments)?($overrideComments):($comments));

y la comentamos (ponemos /* texto que queremos comentar */)

En la linea 203 aparece la funcion:

function ecf_getComments($comments, $post_id) {

de esta funcion sustituimos:

$result = $wpdb->get_results(”SELECT xc.comment_ID, “.ecf_qryStr($fields).”
FROM wp_comments c, wp_comments_extra xc
WHERE c.comment_post_ID = ‘$post_id’ AND c.comment_ID = xc.comment_ID”);

por:

$wpdb->xc = $wpdb->prefix . ‘comments_extra’;
$wpdb->c = $wpdb->prefix . ‘comments’;

$sql = “SELECT xc.comment_ID, “.ecf_qryStr($fields).” FROM $wpdb->c c, $wpdb->xc xc WHERE c.comment_approved = 1 AND c.comment_post_ID = ‘$post_id’ AND c.comment_ID = xc.comment_ID”;

$result = $wpdb->get_results($sql);

Solo teneis que modificar las comillas y ya esta. No nos volveran a salir esos errores.

Actualizado

Os dejo el archivo ya corregido, para que os sea mas facil:

Una de las cosas que me gustan de Bit.ly que no tiene TintURL son las estadisticas para cada uno de los enlaces que creas, algo que los fanaticos de las estadisticas agradeceran.

Siguiendo como empece el post, os voy a explicar como crear enlaces de Bit.ly automaticamente para cada entrada de WordPress. Es un poco mas dificil que la de TinyURL, pero nada que no podais hacer.

Lo primero que tenemos que hacer sera crearnos una cuenta en Bit.ly, ya que necesitaremos una clave API y un usuario.
Tras hacer eso, ponemos el siguiente codigo en el archivo donde queremos crear el enlace hacia Bit.ly, por ejemplo en single.php:

<?php
$url = get_permalink();
function make_bitly_url($url,$login,$appkey,$format = ‘xml’,$version = ‘2.0.1′)
{ $bitly = ‘http://api.bit.ly/shorten?version=’.$version.’&amp;longUrl=’.urlencode($url).’&amp;login=’.$login.’&amp;apiKey=’.$appkey.’&amp;format=’.$format;
$response = file_get_contents($bitly);
if(strtolower($format) == ‘json’)
{ $json = @json_decode($response,true);
return $json['results'][$url]['shortUrl']; }
else  { $xml = simplexml_load_string($response);
return ‘http://bit.ly/’.$xml->results->nodeKeyVal->hash; } }
$short = make_bitly_url($url,’USER’,'API_KEY’,'json’);
?>

En este codigo sustituiremos USER y API_KEY (en la ultima linea del codigo) por vuestro nombre de usuario y vuestra clave API. Esta la podeis conseguir en vuestra cuenta de Bit.ly.
Despues, para crear un enlace, utilizamos el siguiente codigo, en el mismo archivo donde pusimos el codigo anterior:

<a href=”<?php echo($short);?>”>Nombre del Enlace</a>

Tambien podemos crear un enlace para actualizar el estado de nuestro Twitter (en este caso el de los lectores) compartiendo el post:

<a href=’http://twitter.com/home?status=Leyendo “<?php the_title() ?>” – <?php echo($short); ?>’>
Mandalo a Twitter
</a>

Podeis sustituir el texto “Mandalo a Twitter” por el que vosotros querais, al igual que podeis poner una imagen.
Si teneis alguna duda dejar un comentario y recordaros mi Twitter por si quereis seguirme.

Via| Sergio Melzner

Siplemente tendremos que añadir esta funcion donde queramos que nos la muestre:

<?php echo date("G:H:s"); ?>

Espero que os sirva de ayuda.

En este tutorial veremos como crear una forma facil de mostrar una URL corta de nuestras entradas de WordPress con el servicio Tinyurl. Para ello tendremos que añadir unas lineas a nuestro fichero functions.php de nuestro theme o crearlo si este no lo tiene:

function getTinyUrl($url) {
$tinyurl = file_get_contents("http://tinyurl.com/api-create.php?url=".$url);
return $tinyurl;
}

Despues llamaremos a esta funcion desde el archivo donde queramos mostrar la Tinyurl, generalmente en el single.php, pero se puede utilizar en otros, por ejemplo, yo lo tengo en el sidebar.php:

<?php
$turl = getTinyUrl(get_permalink($post->ID));
echo 'Tinyurl: <a href="'.$turl.'">'.$turl.'</a>'
?>

Podeis ver el codigo funcionando en el sidebar, viendo la noticia desde el single.
Via| WpRecipes

La lomografía es el arte de hacer fotografías con una cámara LOMO LC-A (cámara compacta de la marca soviética LOMO. Es una cámara totalmente automática, de alta sensibilidad, capaz de registrar color y movimiento sin necesidad de flash y sin deformación. Las fotografías tomadas con esta cámara tienen unas características peculiares que las distinguen instantáneamente.
La lomografía enfatiza la fotografía informal y despreocupada. Lo que normalmente se consideraría un defecto o accidente (sobresaturación de colores, defectos ópticos, sobreexposición, colores indefinidos, etc.) se considera aquí un rasgo particular y artístico.

El resultado de este tutorial es este:

PASO 1

Tras elegir la imagen con la que trabajaremos la abrimos con Photoshop y la duplicamos (Ctrl+J) para trabajar con esta segunda capa.

PASO 2

Abrimos el dialogo de Curvas (Ctrl+M) y ajustamos los siguientes valores:

PASO 3

Abrimos Niveles (Ctrl+L). Seleccionamos en “Ajustes preestablecidos” “A medida” y para cada canal (salvando el RGB) ponemos los siguientes valores:

PASO 4

Vamos a Imagen -> Modo -> Color Lab. Se nos abrira un aviso preguntandonos si queremos acoplar las capas y le damos a “No acoplar”. Dependiendo de nuestra version de Photoshop se nos vera todo negro o no. Si nos pasa esto (verlo todo en negro), nos vamos a la paleta Canales y ponemos el canal Luminosidad.

Ahora vamos a Filtro -> Enfocar -> Mascara de enfoque y ponemos los valores siguientes:

Regresamos a Imagen -> Modo -> RGB donde se nos volvera a preguntar si queremos acoplar las capas dandole de nuevo a “No acoplar”.

PASO 5

Duplicamos la capa con la que estuvimos trabajando hasta ahora y nos vamos a Filtro -> Desenfocar -> Desenfoque Gaussiano y rellenamos de esta forma:

PASO 6

Nos vamos a Capa -> Mascara de capa -> Descubrir todas para añadir una nueva mascara de capa para determinar las zonas que queremos tener enfocadas en la imagen. Para ello seleccionamos un pincel con un tamaño grande (yo utilice uno de 400px, pero esto depende de las dimensiones de la imagen seleccionada) y de 0 de dureza. Pintamos el area del centro de la imagen sobre la mascara de capa para dejar desenfocados los bordes de la imagen.

Tras esto, pinchamos en la capa superior (si esta todo bien tendria que ser la mascara que creamos antes) con el boton derecho y seleccionamos “Combinar hacia abajo”.

PASO 7

Para finalizar, vamos a Filtro -> Distorsionar -> Correccion de lente y ajustamos solamente el valor “Cantidad” de la viñeta poniendolo a -1.

Y es nuestro resultado:

Con esto ya tenemos creada nuestra lomografia. Espero haberme explicado lo suficientemente bien.

El creador de este plugin es Alen Grakalen, de css globe, y en uno de sus blog podemos ver integrado con CSS y funcionando perfectamente este slider.

Con la ultima version podremos:

• auto slide
• slide continuo
• botones de “ir al primero” e “ir al ultimo”
• slide vertical
• multiples sliders en una pagina
• y mas cosas

Demos:

• basic default non styled demo
• styled demo with default settings
• non styled demo with vertical scroll and visible “go to first” and “go to last” buttons
• styled demo with auto scroll and continuous sliding
• styled demo with multiple slider, image and content slider, with different settings (top one has auto slide while bottom one doesn’t)

Para usar este plugin tendremos que hacer lo siguiente:

Agregar las llamadas de los .js en el header:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.5.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#slider").easySlider();
	});
</script>

Aplicar los estilos:

body {
	margin:0;
	padding:40px;
	background:#fff;
	font:80% Arial, Helvetica, sans-serif;
	color:#555;
	line-height:180%;
}
h1{
	font-size:180%;
	font-weight:normal;
	}
h2{
	font-size:160%;
	font-weight:normal;
	}
h3{
	font-size:140%;
	font-weight:normal;
	}
img{border:none;}
pre{
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;
	margin:.5em 0;
	width:500px;
	}		

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{
		/*
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/
		width:696px;
		height:241px;
		overflow:hidden;
		}
	span#prevBtn{}
	span#nextBtn{}					

/* // Easy Slider */

Y el contenido que queremos poner en el slider:

<div id="slider">
        <ul>
            <li><a href="#"><a href="images/01.jpg" rel="lightbox" title="Descripcion" ><img src="images/01.jpg" alt="Descripcion"/></a></a></li>
            <li><a href="#"><a href="images/02.jpg" rel="lightbox" title="Descripcion" ><img src="images/02.jpg" alt="Descripcion"/></a></a></li>
            <li><a href="#"><a href="images/03.jpg" rel="lightbox" title="Descripcion" ><img src="images/03.jpg" alt="Descripcion"/></a></a></li>
            <li><a href="#"><a href="images/04.jpg" rel="lightbox" title="Descripcion" ><img src="images/04.jpg" alt="Descripcion"/></a></a></li>
            <<li><a href="#"><a href="images/05.jpg" rel="lightbox" title="Descripcion" ><img src="images/05.jpg" alt="Descripcion"/></a></a></li>
        </ul>
    </div>

Via| css globe

Lo primero que tenemos que mirar es si el pais que tenemos seleccionado en nuestro perfil de Hotmail esta disponible para POP3, ya que, de momento, solo lo esta para Reino Unido, Canada, Australia, Francia, Japon, España, Alemania, Italia y Holanda. Para ver y modificar el perfil vamos a esta direccion:

• http://login.live.com/

Logicamente, entramos con nuestro Windows Live ID (la direccion del correo) y contraseña. Nada mas entrar, nos vamos a la esquina derecha donde tendremos un enalce para modificar nuestro perfil. En la siguiente ventana nos dirigimos al final de la pagina a “Informacion de Contacto” donde podremos seleccionar el pais.

Tras hacer esto ya podremos empezar con el tutorial para conseguir recibir los correos de Hotmail en nuestra cuenta de Gmail.

Para empezar abrimos nuestra cuenta de Gmail y seguimos estos pasos:

1. Nos dirigimos a la parte superior a “Configuracion” y hay a la pestaña “Cuentas”.
2. Buscamos la opcion “Añadir una cuenta de correo de tu propiedad” dentro del apartado “Recibir mensajes de otras cuentas”.
3. Escribimos nuestra direccion de correo de Hotmail.
4. En el siguiente paso tememos que rellenar los datos como lo muestro aqui:
   • Nombre de usuario: aqui escribimos nuestra direccion completa de Hotmail. Ejemplo: pepe@hotmail.com.
   • Contraseña: la contraseña de la cuenta de Hotmail.
   • Servidores POP: pop3.live.com
   • Puerto: 995
   • Utilizar siempre una conexion SSL: (conexion segura)hay que marcar esta opcion ya que sino no funcionara.
   • Etiquetar los mensajes entrantes: esto es opcional, pero yo lo recomiendo para tenerlo todo mas organizado. Al marcarla conseguiremos que todos los mensajes que recibamos al correo de Hotmail se nos muestren en Gmail con una etiqueta.
5. Tras rellenar los datos pinchamos en “Añadir Cuenta” y se nos mostrara otra pantalla que nos ofrecera la posibilidad de enviar mensajes con nuestra direccion de Hotmail desde Gmail. Si no quieres hacerlo, el proceso se acabaria aqui, pero si deseas configurar la cuenta para que puedas enviarlos sigue leyendo.
6. Si quieres enviar mensajes como si estuvieses en Hotmail marca la opcion y sigue los pasos (no son dificiles). Al final nos enviaran un correo de verificacion que nos llegara a nuestra cuenta de Hotmail o de Gmail.
7. En el correo de verificacion tendremos que pinchar en un enlace para activar esta opcion. Listo. Ahora podras elegir en el campo “De” que cuenta quieres utilizar para enviar el correos que estes escribiendo.

Siguendo todos estos pasos tendremos configurada nuestra cuenta de Gmail para recivir y/o mandar emails con nuestra cuenta de Hotmail. Si teneis alguna duda o problema para configurarlo dejar un comentario.

Con PHP y MySQL montaremos nuestro CMS.

Tras unos cuantos proyectos, vuelvo a escribir en mi no olvidado blog. Esta vez la gente de CSSTricks nos traen un fantastico tutorial de como podemos crear nuestro propio CMS de una forma muy facil.

Trasteando un poco con PHP y MySQL podremos crearnos un CMS imitando Wordpress, Drupal, etc.

Tutorial| CSSTricks

Sigo con estos minitutoriales para ayudar a la gente que, como yo, se esta pasando de Windows a Linux. Esta vez vamos a instalar los codecs necesarios para reproducir nuestras canciones y videos de distintos formatos. Para ello seguiremos tres sencillos pasos:

1. Agregar el repositorio de Mediabuntu:

Nos dirigimos a Aplicaciones -> Accesorios -> Terminal y escribimos:

sudo wget http://www.medibuntu.org/sources.list.d/intrepid.list –output-document=/etc/apt/sources.list.d/medibuntu.list

2. Agregar la llave GPG

En la terminal, escribimos:

sudo apt-get update && sudo apt-get install medibuntu-keyring && sudo apt-get update

3. Instalar los codec’s

Sin salir de la terminal ejecutamos cada una de estas lineas por separado:

sudo apt-get install libdvdcss2
sudo apt-get install w32codecs
sudo apt-get install libdvdread3
sudo apt-get install non-free-codecs
sudo apt-get install ffmpeg

NOTA: posiblemente tengais que haceptar un acuerdo al instalar un codec de java. La pantalla que muestra se parece demasiado a las de MSDOS…

Y ya esta. Con esto tendremos los codecs necesarios para escuchar y ver los videos que queramos.