javascript

You Are Here: Home / Archives / Category / javascript

WordPress: Cómo Crear Zonas Listas para Widgets

Categories: Tags:

Si lo que necesitas es añadir una zona de Widgets de WordPress en la parte superior sólo tienes que seguir los pasos del post que he visto en la web de Sandra  y que en 3 pasos sencillos ya lo tienes hecho.

1. Haz una copia de seguridad del archivo functions.php. Tienes que hacer una copia de seguridad de este archivo que se encuentra en la carpeta del theme que tengas acivo.

2. Editar el archivo functions.php. A continuación añade las siguientes líneas de código al archivo functions.php

<?php 
 if ( function_exists('register_sidebar') )
       register_sidebar(array(
	'name'=>'MiBarraDeWidget',
        'before_widget' => '<liclass="widget">',
        'after_widget' => '</li>',
        'before_title' => '<h3 class="widgettitle">',
        'after_title' => '</h3>',
  ));
?>

3. Abrir el fichero header.php. Este fichero es el que “monta” la parte superior de todas las páginas de nuestra web/blog y hay que añadir este código:

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('MiBarraDeWidget') ) : ?>;
<?php endif; ?>

NOTA: Ojo donde colocas este codigo porque dependiendo de la plantilla aparecerá en una zona u otra.

Donde pone “MiBarraDeWidget” puedes cambiarlo por el nombre que le quieras dar a la barra de widgets.
Desde el Panel de Administración de WordPress en Apariencia > Widgets y veremos que se ha creado una nueva zona de widgets con el nombre que hayamos escogido.

 

Vía | www.esandra.com

Como poner un Prezi en mi página web

Categories: Tags:

Es muy fácil, sólo tienes que seguir estos sencillos pasos:

1. Lo primero es acceder al sitio web de Prezi

2. Localiza la presentación que has creado o la que quieres publicar en tú página web. Por ejemplo, esta es la felicitación de Navidad de 2012.

presentacion-prezi

3. Selecciona la presentación.

4. En la página donde estás visualizando la presentación, busca el botón “[highlight color=”yellow”]COMPARTIR[/highlight]”, y tiene que aparecer una pantalla similar a esta, donde sólo tienes que copiar el código “[highlight color=”yellow”]INCRUSTAR[/highlight]” y ponerlo en tu página web donde quieras que aparezca.

compartir-una-presentacion-prezi

5. Si quieres ajustar el tamaño para su visualización, pulsa en el botón [highlight color=”blue”]INCRUSTAR [/highlight]y pon el tamaño que quieres.

6. Pulsa en el botón “[highlight color=”yellow”]Copiar código al portapapeles[/highlight]” y así has copiado el código que tienes que poner en tú página web.

7. Edita la página web donde quieras que aparezca la presentación de prezi y pega el código dentro de las etiquetas [highlight color=”yellow”]<BODY> … </BODY>[/highlight] y ya está.

Poner una animación de flash como un widget en wordpress

Categories: Tags:

Poner una animación de flash como un widget en wordpress

Para poner una animación de flash (SWF) como un widget en WordPress es muy sencillo y sólo tienes que seguir estos sencillos pasos:

1. Desde el panel de administración de wordpress ir al menú Apariencia » Widgets

widget del tipo texto o html

2. Añadir al sidebar que quieras, un widget del tipo “TEXTO

widget de texto

3. Incorporar el siguiente código en el widget, teniendo en cuenta qué:

    • Tienes que ajustar el tamaño a tú fichero SWF (en el código está puesto 2 veces)
    • Tienes que cambiar la ruta y el nombre del fichero (en el código está puesto 2 veces)

<object width=”262” height=”140“>
<param name=”movie” value=”http://TU_DOMINIO.COM/NOMBRE_FICHERO.swf”>
<embed src=”http://TU_DOMINIO.COM/NOMBRE_FICHERO” width=”262” height=”140“>
</embed>
</object>

widget del tipo texto o html

 

Y ya está todo hecho. Espero que te sirva

¿Cómo habilitar HTML5 en cualquier navegador?

Categories: Tags:

¿Qué hacer para que todos los visitantes vean tú web en HTML5 correctamente?

Casi todos los navegadores web que existen a fecha de hoy son compatibles con HTML5 pero siempre hay visitantes que todavía usan los navegadores más antiguos como Internet Explorer 5, 6 y 7 y se suelen encontrar con problemas de visualización.

Para incrementar la compatibilidad de estos navegadores puedes usar Webshims Lib que es una librería de Javascript que intenta mejorar la compatibilidad de estos navegadores aunque las páginas tardarán más tiempo en cargarse debido al código qué hay que añadir para conseguir la compatibilidad.

Fuente | WebResourcesDepot

Enlace | Webshims

Animar elementos con jQuery

Categories: Tags:

He encontrado este práctico tutorial de animación de elementos con jQuery en la web de HTML5Fácil

jQuery es un framework para javascript que permite desarrollar sitios de manera más dinámica y fácil.

En el tutorial de hoy veremos una manera muy sencilla pero agradable de hacer distintas animaciones con jQuery, para lo que utilizaremos el método $.animate(), el cual funciona mediante atributos ces.

Imagen jQuery: animate.js

 

Continuar leyendo en HTML5Fácil

Enlace | HTML5Fácil

 

Expertos en WordPress

Esta web utiliza cookies para ofrecer la mejor experiencia posible. Si sigues navegando das tu consentimiento para la aceptación de Cookies y nuestra política de privacidad. Más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar