<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>MonkyMotion &#187; Wordpress</title>
	<atom:link href="http://www.monkymotion.com/category/internet/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.monkymotion.com</link>
	<description>Tecnología+Cine+Comics</description>
	<lastBuildDate>Mon, 06 Sep 2010 14:32:52 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Como hacer que YouTube y Flickr Badge validen en W3C</title>
		<link>http://www.monkymotion.com/como-hacer-que-youtube-valide-en-w3c/</link>
		<comments>http://www.monkymotion.com/como-hacer-que-youtube-valide-en-w3c/#comments</comments>
		<pubDate>Mon, 24 Jul 2006 08:36:20 +0000</pubDate>
		<dc:creator>MrAnderson</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.monkymotion.com/2006/07/24/como-hacer-que-youtube-valide-en-w3c/</guid>
		<description><![CDATA[
Con esto de la validacion de mi blog&#8230; 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&#8230;
&#60;object type="application/x-shockwave-flash" style="width:425px;height:350px" data="http://www.youtube.com/v/XXXXXXXXXXX"&#62;&#60;param name="movie" value="http://www.youtube.com/v/XXXXXXXXXXX" /&#62;&#60;/object&#62;
Donde XXXXXXXXXXX se sustituye por la cadena de video correspondiente&#8230; todo lo demas es [...]]]></description>
			<content:encoded><![CDATA[<p><img id="image279" src="http://www.monkymotion.com/wp-content/uploads/2006/07/img_w3c_13.gif" alt="W3C" /></p>
<p>Con esto de la validacion de <a href="http://www.mrandersonmd.com">mi blog</a>&#8230; anduve buscando mucha informacion, y via <a href="http://www.noseque.net/wordpress/2006/05/21/como-poner-un-video-de-youtube-xhtml-valido/">NoSeQue.net</a>,  por fin di con el codigo que hace que YouTube valide en el <a href="http://validator.w3.org/">W3C Markup Validation Service</a>.</p>
<p>Este es el codigo&#8230;</p>
<p><code style="text-align:left; font-style:italic;">&lt;object type="application/x-shockwave-flash" style="width:425px;height:350px" data="http://www.youtube.com/v/XXXXXXXXXXX"&gt;&lt;param name="movie" value="http://www.youtube.com/v/XXXXXXXXXXX" /&gt;&lt;/object&gt;</code></p>
<p>Donde XXXXXXXXXXX se sustituye por la cadena de video correspondiente&#8230; todo lo demas es igual para todos los links a YouTube.</p>
<p>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 <a href="http://www.tamba2.org.uk/wordpress/podcast/">Add a Podcast Quicktag</a></p>
<p>Ahora solo estaria faltando hacer que el Flickr Badge en flash valide&#8230; porque dejenme contarles que a Yahoo no le interesa mejorarlo&#8230;</p>
<p><a id="more-231"></a><strong>Update</strong></p>
<p>Logre validar el Flickr Badge&#8230; gracias a un comentario hecho por <a href="http://gabrito.com/">Todd Huss</a> en <a href="http://petitpub.com/blog/2006/03/04/flickr-xhtml-1/">Flickr Badge and XHTML, Part 1</a> y la solucion es sencilla pero, algo truculenta&#8230; primero lo que esta entre <em><strong>&lt;style type=&#8221;text/css&#8221;&gt;</strong></em> y <em><strong>&lt;/style&gt;</strong></em> no puede ir donde esta sino que debe ser movido al archivo <strong>style.css</strong> para que quede de la siguiente forma&#8230;</p>
<blockquote style="text-align:left; font-style:italic;"><p>
.zg_div {<br />
        margin: 0px 0px 0px 0px;<br />
        width:117px;<br />
        }</p>
<p>.zg_div_inner {<br />
        border: solid 1px #666666;<br />
        color: #666666;<br />
        text-align: center;<br />
        font-family: arial, helvetica;<br />
        font-size: 11px;<br />
        }</p>
<p>.zg_div a, .zg_div a:hover, .zg_div a:visited {<br />
        color: #3993ff;<br />
        background: inherit !important;<br />
        text-decoration: none !important;<br />
        }
</p></blockquote>
<p>Ahora lo que toca es comentar el inicio y el fin del script del Flickr Badge y corregir unos <strong><em>&#038;</em></strong> para que queden como <strong><em>&amp;amp;</em></strong> de tal forma que quede asi&#8230;</p>
<blockquote style="text-align:left; font-style:italic;"><p>
<font color="#0000BB">&lt;!&#8211; Start of Flickr Badge &#8211;&gt;<br />
&lt;script type=&#8221;text/javascript&#8221;&gt;</font><br />
<font color="#DD0000"><strong>&lt;!&#8211;</strong></font><font color="#0000BB"><br />
zg_insert_badge = function() {<br />
var zg_bg_color = &#8216;ffffff&#8217;;<br />
var zgi_url = &#8216;http://www.flickr.com/apps/badge/badge_iframe.gne?<br />
zg_bg_color=&#8217;+zg_bg_color+&#8217;</font><font color="#DD0000"><strong>&amp;amp;</strong></font><font color="#0000BB">zg_person_id=22123062%40N<br />
00</font><font color="#DD0000"><strong>&amp;amp;</strong></font><font color="#0000BB">zg_set_id=72057594126407494</font><font color="#DD0000"><strong>&amp;amp;</strong></font><font color="#0000BB">zg_context=in%2F<br />
set-72057594126407494%2F&#8217;;<br />
document.write(&#8216;&lt;iframe style=&#8221;background-color:#&#8217;+zg_bg_color+&#8217;;<br />
.<br />
.<br />
.<br />
document.getElementById(&#8216;zg_whatlink&#8217;).style.display = (document.getElementById(&#8216;zg_whatdiv&#8217;).style.display != &#8216;none&#8217;) ? &#8216;none&#8217; : &#8216;block&#8217;;<br />
return false;<br />
}</font><br />
<font color="#DD0000"><strong>&#8211;&gt;</strong></font><br />
<font color="#0000BB">&lt;script&gt;<br />
.<br />
.<br />
.<br />
&lt;/div&gt;<br />
&lt;/div&gt;<br />
&lt;!&#8211; End of Flickr Badge &#8211;&gt;</font>
</p></blockquote>
<p>Con esto podran pasar la validacion XHTML de la W3C.</p>
<p><strong>Links:</strong><br />
<a href="http://validator.w3.org/">W3C Markup Validation Service</a><br />
<a href="http://www.noseque.net/wordpress/2006/05/21/como-poner-un-video-de-youtube-xhtml-valido/">Cómo poner un vídeo de Youtube xhtml válido @ NoSeQue.net</a><br />
<a href="http://www.tamba2.org.uk/wordpress/podcast/">Add a Podcast Quicktag</a><br />
<a href="http://petitpub.com/blog/2006/03/04/flickr-xhtml-1/">Flickr Badge and XHTML, Part 1</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.monkymotion.com/como-hacer-que-youtube-valide-en-w3c/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Instalando Wordpress Widgets en K2</title>
		<link>http://www.monkymotion.com/instalando-wordpress-widgets-en-k2/</link>
		<comments>http://www.monkymotion.com/instalando-wordpress-widgets-en-k2/#comments</comments>
		<pubDate>Tue, 23 May 2006 15:09:42 +0000</pubDate>
		<dc:creator>MrAnderson</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.monkymotion.com/2006/05/23/instalando-wordpress-widgets-en-k2/</guid>
		<description><![CDATA[
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 [...]]]></description>
			<content:encoded><![CDATA[<p><img id="image238" alt="Wordpress" src="http://www.monkymotion.com/wp-content/uploads/2006/05/wordpress.png" /></p>
<p>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 <a href="http://automattic.com/code/widgets/">Wordpress Widgets</a>.</p>
<p>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 <a href="http://widgets.wordpress.com/">otros mas</a>, como Quick SMS, etc.</p>
<p><a href="http://www.monkymotion.com/wp-content/uploads/2006/05/widgets-admin1.png" rel="lightbox"><img id="image240" alt="Wordpress Widgets 1" src="http://www.monkymotion.com/wp-content/uploads/2006/05/widgets-admin1.png" /></a> <a href="http://www.monkymotion.com/wp-content/uploads/2006/05/widgets-config1.png" rel="lightbox"><img id="image241" alt="Wordpress Widgets 2" src="http://www.monkymotion.com/wp-content/uploads/2006/05/widgets-config1.png" /></a> <a href="http://www.monkymotion.com/wp-content/uploads/2006/05/widgets-sidebar1.png" rel="lightbox"><img id="image242" alt="Wordpress Widgets 3" src="http://www.monkymotion.com/wp-content/uploads/2006/05/widgets-sidebar1.png" /></a></p>
<p>Sin embargo dicho plugin, no era automaticamente compatible con K2, y hay que realizar <a href="http://getk2.com/forum/showthread.php?t=714#7">algunos trucos</a> para que uno pueda activar completamente el plugin.</p>
<p>Primero se debe editar el archivo <strong>functions.php</strong> y agregar estas lineas:</p>
<blockquote style="text-align:left; font-style:italic;"><p>
<font color="#007700">if (</font><font color="#0000BB">function_exists</font><font color="#007700">(</font><font color="#DD0000">&#8216;register_sidebar&#8217;</font><font color="#007700">)) </font><font color="#0000BB">register_sidebar</font><font color="#007700">(array(</font><font color="#DD0000">&#8216;before_widget&#8217; </font><font color="#007700">=&gt; </font><font color="#DD0000">&#8216;&lt;div id=&#8221;%1$s&#8221; class=&#8221;widget %2$s&#8221;&gt;&#8217;</font><font color="#007700">,</font><font color="#DD0000">&#8216;after_widget&#8217; </font><font color="#007700">=&gt; </font><font color="#DD0000">&#8216;&lt;/div&gt;&#8217;</font><font color="#007700">));</font>
</p></blockquote>
<p>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:</p>
<blockquote style="text-align:left; font-style:italic;"><p>
<font color="#007700">require_once (</font><font color="#0000BB">ABSPATH </font><font color="#007700">. </font><font color="#0000BB">WPINC </font><font color="#007700">. </font><font color="#DD0000">&#8216;/class-snoopy.php&#8217;</font><font color="#007700">);</p>
<p></font><font color="#FF8000">// Wordpress Wigets<br />
</font><font color="#007700">if (</font><font color="#0000BB">function_exists</font><font color="#007700">(</font><font color="#DD0000">&#8216;register_sidebar&#8217;</font><font color="#007700">)) </font><font color="#0000BB">register_sidebar</font><font color="#007700">(array(</font><font color="#DD0000">&#8216;before_widget&#8217; </font><font color="#007700">=&gt; </font><font color="#DD0000">&#8216;&lt;div id=&#8221;%1$s&#8221; class=&#8221;widget %2$s&#8221;&gt;&#8217;</font><font color="#007700">,</font><font color="#DD0000">&#8216;after_widget&#8217; </font><font color="#007700">=&gt; </font><font color="#DD0000">&#8216;&lt;/div&gt;&#8217;</font><font color="#007700">));</p>
<p></font><font color="#0000BB">$current </font><font color="#007700">= </font><font color="#DD0000">&#8216;r167&#8242;</font>
</p></blockquote>
<p>Luego se debe editar el archivo <strong>sidebar.php</strong> previo a <em>&lt;div class=&#8221;sb-search&#8221;&gt;</em></p>
<blockquote style="text-align:left; font-style:italic;"><p>
<font color="#0000BB">&lt;?php </font><font color="#007700">if (</font><font color="#0000BB">function_exists</font><font color="#007700">(</font><font color="#DD0000">&#8216;dynamic_sidebar&#8217;</font><font color="#007700">) &amp;&amp; </font><font color="#0000BB">dynamic_sidebar</font><font color="#007700">() ) : else : </font><font color="#0000BB">?&gt;</font>
</p></blockquote>
<p>Y hacia el final de <strong>sidebar.php</strong> se escribe lo siguiente antes del <em>&lt;/div&gt;</em> para <em>secondary</em>.</p>
<blockquote style="text-align:left; font-style:italic;"><p>
<font color="#0000BB">&lt;?php </font><font color="#007700">endif; </font><font color="#0000BB">?&gt;</font>
</p></blockquote>
<p>Con esto podras ver las opciones de <em>Sidebar Widgets</em> en el menu <em>Presentation</em>, espero les sea de utilidad. Saludos</p>
<p><strong>Links:</strong></p>
<li><a href="http://automattic.com/code/widgets/">WordPress Widgets</a></li>
<li><a href="http://widgets.wordpress.com/">WordPress Widgets Blog</a></li>
<li><a href="http://getk2.com/forum/showthread.php?t=714#7">K2 Support Forum</a></li>
<p><!--adsense--></p>
]]></content:encoded>
			<wfw:commentRss>http://www.monkymotion.com/instalando-wordpress-widgets-en-k2/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
