MonkyMotion

Tecnología+Actualidad+Cine
  • rss
  • Inicio
  • Videos
  • Contacto

Como hacer que YouTube y Flickr Badge validen en W3C

MrAnderson | 24 Julio 2006

W3C

Con esto de la validacion de mi blog… anduve buscando mucha informacion, y via NoSeQue.net, por fin di con el codigo que hace que YouTube valide en el W3C Markup Validation Service.

Este es el codigo…

<object type="application/x-shockwave-flash" style="width:425px;height:350px" data="http://www.youtube.com/v/XXXXXXXXXXX"><param name="movie" value="http://www.youtube.com/v/XXXXXXXXXXX" /></object>

Donde XXXXXXXXXXX se sustituye por la cadena de video correspondiente… todo lo demas es igual para todos los links a YouTube.

Es incomprensible que si ya saben esto por que usan aun el codigo que no valida. De hecho pueden agregar un Quicktag para hacer las cosas mas sencillas, tal como se muestra en Add a Podcast Quicktag

Ahora solo estaria faltando hacer que el Flickr Badge en flash valide… porque dejenme contarles que a Yahoo no le interesa mejorarlo…

Read more… or Read more right here… »

Update

Logre validar el Flickr Badge… gracias a un comentario hecho por Todd Huss en Flickr Badge and XHTML, Part 1 y la solucion es sencilla pero, algo truculenta… primero lo que esta entre <style type=”text/css”> y </style> no puede ir donde esta sino que debe ser movido al archivo style.css para que quede de la siguiente forma…

.zg_div {
margin: 0px 0px 0px 0px;
width:117px;
}

.zg_div_inner {
border: solid 1px #666666;
color: #666666;
text-align: center;
font-family: arial, helvetica;
font-size: 11px;
}

.zg_div a, .zg_div a:hover, .zg_div a:visited {
color: #3993ff;
background: inherit !important;
text-decoration: none !important;
}

Ahora lo que toca es comentar el inicio y el fin del script del Flickr Badge y corregir unos & para que queden como &amp; de tal forma que quede asi…

<!– Start of Flickr Badge –>
<script type=”text/javascript”>

<!–
zg_insert_badge = function() {
var zg_bg_color = ‘ffffff’;
var zgi_url = ‘http://www.flickr.com/apps/badge/badge_iframe.gne?
zg_bg_color=’+zg_bg_color+’
&amp;zg_person_id=22123062%40N
00
&amp;zg_set_id=72057594126407494&amp;zg_context=in%2F
set-72057594126407494%2F’;
document.write(’<iframe style=”background-color:#’+zg_bg_color+’;
.
.
.
document.getElementById(’zg_whatlink’).style.display = (document.getElementById(’zg_whatdiv’).style.display != ‘none’) ? ‘none’ : ‘block’;
return false;
}

–>
<script>
.
.
.
</div>
</div>
<!– End of Flickr Badge –>

Con esto podran pasar la validacion XHTML de la W3C.

Links:
W3C Markup Validation Service
Cómo poner un vídeo de Youtube xhtml válido @ NoSeQue.net
Add a Podcast Quicktag
Flickr Badge and XHTML, Part 1

« Hide it

Comments
3 Comentarios »
Categorias
Diseño, Internet, Wordpress
Comentarios RSS Comentarios RSS
Trackback Trackback

Instalando Wordpress Widgets en K2

MrAnderson | 23 Mayo 2006

Wordpress

Hace algun tiempo atras, WordPress lanzo un plugin que intento hacer algo mas facil nuestra tarea, un plugin que permite editar el sidebar en forma WYSIWYG. Me refiero a Wordpress Widgets.

Permite agregar en forma muy facil el searchbox, el About, y todo lo que viene por defecto en un tema de Wordpress, y cambiar su lugar relativo dentro del sidebar, arreglarlo como tu quieras, pero ademas permite agregar en forma muy sencilla los links de tu del.ici.ous, de Google Search, y otros mas, como Quick SMS, etc.

Wordpress Widgets 1 Wordpress Widgets 2 Wordpress Widgets 3

Sin embargo dicho plugin, no era automaticamente compatible con K2, y hay que realizar algunos trucos para que uno pueda activar completamente el plugin.

Primero se debe editar el archivo functions.php y agregar estas lineas:

if (function_exists(‘register_sidebar’)) register_sidebar(array(‘before_widget’ => ‘<div id=”%1$s” class=”widget %2$s”>’,‘after_widget’ => ‘</div>’));

Sin embargo hay que tener cuidado de ponerlo en un lugar adecuado donde no moleste a otras funciones y se produzca un error. Yo lo puse en la linea 4 y quedo de la siguiente forma:

require_once (ABSPATH . WPINC . ‘/class-snoopy.php’);

// Wordpress Wigets
if (function_exists(‘register_sidebar’)) register_sidebar(array(‘before_widget’ => ‘<div id=”%1$s” class=”widget %2$s”>’,‘after_widget’ => ‘</div>’));

$current = ‘r167′

Luego se debe editar el archivo sidebar.php previo a <div class=”sb-search”>

<?php if (function_exists(‘dynamic_sidebar’) && dynamic_sidebar() ) : else : ?>

Y hacia el final de sidebar.php se escribe lo siguiente antes del </div> para secondary.

<?php endif; ?>

Con esto podras ver las opciones de Sidebar Widgets en el menu Presentation, espero les sea de utilidad. Saludos

Links:

  • WordPress Widgets
  • WordPress Widgets Blog
  • K2 Support Forum
  • Comments
    2 Comentarios »
    Categorias
    Diseño, Internet, Software, Wordpress
    Comentarios RSS Comentarios RSS
    Trackback Trackback

    Categorías

    • Animación (5)
    • Apple (44)
    • Celulares (8)
    • Chile (18)
    • Cine (47)
    • Comics (17)
    • Comida (1)
    • Consolas (4)
    • Desktop (1)
    • Diseño (13)
    • DVD (2)
    • Espectáculos (2)
    • Fotografía (10)
    • Gadgets (6)
    • General (2)
    • Grandes Tiendas (2)
    • Humor (16)
    • Impresión (6)
    • Internet (61)
    • iPhone (11)
    • iPod (5)
    • Juegos (13)
    • Libros (1)
    • Linux (1)
    • Marvel (1)
    • Música (16)
    • Microsoft (3)
    • Nintendo (2)
    • Nintendo DS (2)
    • Notebook (1)
    • OsX (1)
    • PDA (3)
    • Personal (44)
    • Poleras (3)
    • PSP (2)
    • Retro (2)
    • Review (3)
    • Santiago (9)
    • Servicios (1)
    • Sistemas Operativos (1)
    • Software (19)
    • StarWars (1)
    • Tecnología (70)
    • Trailers (2)
    • TV (4)
    • Valparaíso (2)
    • Viajes (2)
    • Video (3)
    • VideoCast (7)
    • WiFi (1)
    • Windows (2)
    • Wordpress (2)

    Enlaces

    • DMO Producciones
    • Francisco Lecaros
    • Huasonic
    • Monky
    • Mr. Anderson MD

    Últimos Comentarios

    • Daniel en VLC, El Reproductor Universal y el Mejor
    • Hoy es el Firefox Download Day at MrAnderson MD en Descarga Firefox 3
    • Reirbrito en Agregando Sources al AppSnapp Installer del iPhone
    • daniel en Jailbreak directo en el iPhone o iPod touch
    • ANDY en Juega Carioca, no Solitario
    • Anvil Higgins en nuevo diccionario del diseñador gráfico
    • MrAnderson en Worlds Collide… Mortal Kombat vs DC
    • Aleroth en Agregando Sources al AppSnapp Installer del iPhone
    • Lalo en Agregando Sources al AppSnapp Installer del iPhone
    • Amy en Nintendo DS Lite [Review]

    Tags

    Animación Apple batman Cine Comics day dc desbloqueo descarga discos download DVD epson favicon firefox flickr fotos geek gotham knight gratis hardware icono Impresión impresora installer iPhone iPod ironman jailbreak juego kombat Música monkymotion mortal nin podcast poster Review spirit teaser touch Trailers wallpapers walpapers webclip

    Archivo

    • Junio 2008 (3)
    • Mayo 2008 (1)
    • Abril 2008 (2)
    • Marzo 2008 (2)
    • Febrero 2008 (1)
    • Enero 2008 (1)
    • Diciembre 2007 (3)
    • Noviembre 2007 (5)
    • Octubre 2007 (5)
    • Setiembre 2007 (6)
    • Agosto 2007 (1)
    • Julio 2007 (8)
    • Junio 2007 (6)
    • Abril 2007 (8)
    • Marzo 2007 (1)
    • Febrero 2007 (1)
    • Enero 2007 (3)
    • Diciembre 2006 (1)
    • Noviembre 2006 (2)
    • Octubre 2006 (3)
    • Setiembre 2006 (3)
    • Agosto 2006 (6)
    • Julio 2006 (4)
    • Junio 2006 (7)
    • Mayo 2006 (14)
    • Abril 2006 (7)
    • Marzo 2006 (16)
    • Febrero 2006 (19)
    • Enero 2006 (21)
    • Diciembre 2005 (13)
    • Noviembre 2005 (16)
    • Octubre 2005 (14)
    • Setiembre 2005 (13)
    • Agosto 2005 (8)
    • Julio 2005 (13)
    • Junio 2005 (4)
    rss Comentarios RSS valid xhtml 1.1 design by jide powered by Wordpress get firefox