Como hacer que YouTube y Flickr Badge validen en W3C
MrAnderson | 24 Julio 2006
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…
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 & 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+’&zg_person_id=22123062%40N
00&zg_set_id=72057594126407494&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








[...] Inclusive valide YouTube y el Flickr Badge basado en
MrAnderson MD valido XHTML 1.0 Transitional at MrAnderson MD | 29 Julio 2006[...] Inclusive valide YouTube y el Flickr Badge basado en flash tal como se muestra en este post de Monkymotion, que a mas de alguno le puede servir… no fue sencillo encontrar dicha informacion. [...]
Vaya, que información más útil! Era algo que me molestaba
Marcos | 2 Noviembre 2006Vaya, que información más útil! Era algo que me molestaba mucho, pero ahora se podrá arreglar. Gracias!
Que bien que te haya servido Marcos. Saludos.
MrAnderson | 2 Noviembre 2006Que bien que te haya servido Marcos. Saludos.