tag:blogger.com,1999:blog-72721924801637182252023-10-16T16:09:52.171-07:00Aplicaciones Para BloggerMarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.comBlogger45125tag:blogger.com,1999:blog-7272192480163718225.post-65107150743116681982011-01-31T22:00:00.000-08:002011-01-31T22:00:56.401-08:00DROPBOX PORTABLE 1.0<div dir="ltr" style="text-align: left;" trbidi="on"><a class="twitter-share-button" data-count="horizontal" data-lang="es" data-via="JuanithoMarin" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script><fb:like font="verdana" href="http://www.facebook.com/pages/TutoBlogger/167219176631034" layout="box_count" show_faces="true" width="1000"></fb:like><br />
<br />
<div class="post_header" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; height: 60px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><div class="post_headerr" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><h2 class="post-title entry-title" style="margin-bottom: 0px; margin-left: 5px; margin-right: 5px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 2px; text-align: left;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="font-weight: normal;"><br />
</span></span></h2></div></div><div class="post-header-line-1" style="font-family: Arial, Helvetica, Georgia, sans-serif; font-size: 12px;"></div><div class="post-body entry-content" style="font-family: Verdana, Arial, Georgia, sans-serif; font-size: 10px; line-height: 1.3em; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 3px;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 10px;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: arial, helvetica, sans-serif; font-size: 19px; font-style: italic; font-weight: bold; line-height: 18px;">Dropbox Portable sincroniza todos los archivos donde quiera que estés."</span></div><div class="separator" style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><br />
</div><div class="separator" style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><a href="http://91.121.23.67/stk/www.portalprogramas.com/imagenes/programas/11814_1.jpg" imageanchor="1" style="color: #336699; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="376" src="http://91.121.23.67/stk/www.portalprogramas.com/imagenes/programas/11814_1.jpg" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; cursor: move;" width="400" /></a></div><div class="separator" style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><br />
</div><div class="separator" style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><br />
</div><div class="separator" style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 18px;">Dropbox es el programa con el cual podemos mantener todos nuestros archivos sincronizados, acceder desde diferentes equipos y lugares, en el plan gratuito nos proporciona 2 GB, se pueden hacer muchas cosas como compartir enlaces con las demás personas.<br />
<br />
Esta es la versión portable para Windows la cual puedes llevarla en una USB o dispositivo de almacenamiento portátil, luego de haberlo descargado se nos muestra el asistente para poderlo descomprimir para después poder ejecutar Dropbox, toda la configuración del programa se guarda en la misma carpeta, la ruta donde se va a poner los datos el usuario decide, así como que datos desea sincronizar.<br />
<br />
Si las personas desean un espacio extra lo pueden obtener de forma gratuita haciendo lo que nos dice en la página oficial (enviando unas invitación a tus amigos), también dispone de la versión de pago con la que se puede obtener mayor espacio. El programa es gratuito así como esta versión portable.</span></div><div class="separator" style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 18px;"><br />
</span></div><div class="separator" style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: arial, helvetica, sans-serif;"><span class="Apple-style-span" style="font-size: 14px; line-height: 18px;"><span class="Apple-style-span" style="font-family: Verdana, Arial, Georgia, sans-serif; font-size: 10px; line-height: 13px;"></span></span></span></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #424242; font-family: arial, verdana, sans-serif; font-size: 14px; line-height: 19px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: arial, helvetica, sans-serif;"><strong style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Tamaño: (</strong><span class="Apple-style-span" style="color: black; font-family: arial, helvetica, sans-serif; line-height: 18px;">15 Mb)</span><br />
<strong style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Sistema Operativo:</strong> Win 98/98Se/Me/2000/NT/XP/Vista/7</span></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #424242; font-family: arial, verdana, sans-serif; font-size: 14px; line-height: 19px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: arial, helvetica, sans-serif;">PROGRAMA PORTABLE<br />
<strong style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Licencia:</strong> Gratis</span></div><div style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #424242; font-family: arial, verdana, sans-serif; font-size: 14px; line-height: 19px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="font-family: arial, helvetica, sans-serif;"><strong style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Enlace: <a href="http://sourceforge.net/projects/pp-cbernal0306/files/Dropbox%20Portable/Dropbox%201.0%20Portable.bca.exe/download?use_mirror=iweb" style="color: #336699; text-decoration: none;">Descargar</a></strong></span></div><div><span class="Apple-style-span" style="font-family: arial, helvetica, sans-serif;"><br />
</span></div></div></div>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com5tag:blogger.com,1999:blog-7272192480163718225.post-11311489836677774502011-01-23T08:42:00.000-08:002011-01-23T08:42:00.213-08:00Corazones cayendo<a class="twitter-share-button" data-count="horizontal" data-lang="es" data-via="JuanithoMarin" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script><fb:like font="verdana" href="http://www.facebook.com/pages/TutoBlogger/167219176631034" layout="box_count" show_faces="true" width="1000"></fb:like><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://raquelfrances.blogia.com/upload/20100210190039-san-valentin-cupido.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="142" src="http://raquelfrances.blogia.com/upload/20100210190039-san-valentin-cupido.gif" width="200" /></a></div><br />
En la post anterior vimos a cupido volando en nuestro blog... ahora por que no poner corazones? jejeje<br />
vamos a inspirarnos mas y a llenar nuestro blog de un ambiente de amor, mas romanticon jeje<br />
bueno estos códigos los encontré en <a href="http://ciudadblogger.com/">Ciudad Blogger</a> en donde veremos corazones caer uuyyy!<br />
jejeje bueno para esto vamos a <span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><b><i>Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript</i></b></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 19px;"><b>y pega ahí los siguiente:</b></span></span><br />
<span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 19px;"><b><br />
</b></span></span><br />
<span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 19px;"><b><br />
</b></span></span><br />
<span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 19px;"><b>Para ver un ejempli <a href="http://experimentosbloggertb.blogspot.com/">ir al blog de Experimentos</a></b> </span></span><br />
<br />
<table bgcolor="#999999" border="4" bordercolor="#000000" style="width: 200px;"><tbody>
<tr> <td><div style="text-align: center;"><b><i>CODIGO HTML</i></b></div></td> </tr>
</tbody></table><br />
<div><br />
</div><div><div><script language='javascript' type='text/javascript'></div><div>//<![CDATA[</div><div>// Script original de Eloi Gallés Villaplana </div><div>var numero = 8</div><div>var velocidad = 40</div><div>var imagenamor = "http://1.bp.blogspot.com/_dsEG33PDaHw/TJvpnh9N8BI/AAAAAAAAAYk/_kKV5ThdBFA/s1600/corazon.gif"</div><div><br />
</div><div>var ns4arriba = (document.layers) ? 1 : 0</div><div>var ie4arriba = (document.all) ? 1 : 0</div><div>var dombrowser = (document.getElementById) ? 1 : 0</div><div><br />
</div><div>var dx, xp, yp</div><div>var am, stx, sty</div><div>var i, doc_ancho = 1024, doc_alto = 768</div><div><br />
</div><div>function amor() {</div><div><br />
</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>establece_dimensiones()</div><div><br />
</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>dx = new Array()</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>xp = new Array()</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>yp = new Array()</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>am = new Array()</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>stx = new Array()</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>sty = new Array();</div><div> </div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>for (i = 0; i < numero; ++ i) {</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>dx[i] = 0</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>xp[i] = Math.random()*(doc_ancho-50)</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>yp[i] = Math.random()*doc_alto</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>am[i] = Math.random()*20</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>stx[i] = 0.02 + Math.random()/10</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>sty[i] = 0.7 + Math.random()</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>if (document.layers) {</div><div> <span class="Apple-tab-span" style="white-space: pre;"> </span>if (i == 0) {</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>document.write("top=\"15\" visibility=\"show\"><img src=\"")</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>document.write(imagenamor + "\" border=\"0\"></layer>")</div><div> <span class="Apple-tab-span" style="white-space: pre;"> </span>} else {</div><div> <span class="Apple-tab-span" style="white-space: pre;"> </span>document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")</div><div> <span class="Apple-tab-span" style="white-space: pre;"> </span>document.write("top=\"15\" visibility=\"show\"><img src=\"")</div><div> <span class="Apple-tab-span" style="white-space: pre;"> </span>document.write(imagenamor + "\" border=\"0\"></layer>")</div><div> <span class="Apple-tab-span" style="white-space: pre;"> </span>}</div><div> <span class="Apple-tab-span" style="white-space: pre;"> </span>} else if (document.all || document.getElementById) {</div><div> <span class="Apple-tab-span" style="white-space: pre;"> </span>if (i == 0) {</div><div> <span class="Apple-tab-span" style="white-space: pre;"> </span>document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")</div><div> <span class="Apple-tab-span" style="white-space: pre;"> </span>document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ")</div><div> <span class="Apple-tab-span" style="white-space: pre;"> </span>document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"")</div><div> <span class="Apple-tab-span" style="white-space: pre;"> </span>document.write(imagenamor + "\" border=\"0\"></div>")</div><div> <span class="Apple-tab-span" style="white-space: pre;"> </span>} else {</div><div> <span class="Apple-tab-span" style="white-space: pre;"> </span>document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")</div><div> <span class="Apple-tab-span" style="white-space: pre;"> </span>document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ")</div><div> <span class="Apple-tab-span" style="white-space: pre;"> </span>document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"")</div><div> <span class="Apple-tab-span" style="white-space: pre;"> </span>document.write(imagenamor + "\" border=\"0\"></div>")</div><div> <span class="Apple-tab-span" style="white-space: pre;"> </span>}</div><div> <span class="Apple-tab-span" style="white-space: pre;"> </span>}</div><div> }</div><div> </div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>corazon()</div><div>}</div><div><br />
</div><div>function corazon() {</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>for (i = 0; i < numero; ++ i) {</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>yp[i] += sty[i];</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>if (yp[i] > doc_alto) {</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>xp[i] = Math.random()*(doc_ancho-am[i]-30)</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>yp[i] = 0</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>stx[i] = 0.02 + Math.random()/10</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>sty[i] = 0.7 + Math.random()</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>establece_dimensiones()</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>}</div><div><br />
</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>dx[i] += stx[i];</div><div><br />
</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span></div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>if ( document.all ) {</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>var imagen = eval("dot" + i )</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>imagen.style.posLeft = xp[i] + am[i]*Math.sin(dx[i])</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>imagen.style.posTop = yp[i]</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>}</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span></div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>else if ( document.layers ) {</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>var imagen = eval("document.dot" + i)</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>imagen.left = xp[i] + am[i]*Math.sin(dx[i])</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>imagen.top = yp[i]</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>}</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span></div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>else if ( document.getElementById ) {</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>var imagen = document.getElementById( "dot" + i)</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>imagen.style.left = xp[i] + am[i]*Math.sin(dx[i]) + 'px'</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>imagen.style.top = yp[i] + 'px'</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>}</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>}</div><div><br />
</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>setTimeout("corazon()", velocidad)</div><div>}</div><div>function establece_dimensiones() {</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>if (self.innerHeight) {</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>doc_ancho = self.innerWidth - 50</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>doc_alto = self.innerHeight - 21</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>} else if (document.documentElement && document.documentElement.clientHeight) {</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>doc_ancho = document.documentElement.clientWidth</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>doc_alto = document.documentElement.clientHeight - 25</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span></div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>} else if (document.body) {</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>doc_ancho = document.body.clientWidth</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>doc_alto = document.body.clientHeight - 25</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>}</div><div>}</div><div>//]]></div><div></script></div><div><script language='javascript' type='text/javascript'></div><div>amor()</div><div></script></div></div>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com1tag:blogger.com,1999:blog-7272192480163718225.post-10768891392385634172011-01-22T08:42:00.000-08:002011-01-29T16:32:27.871-08:00Cupido volando en tu blog<div dir="ltr" style="text-align: left;" trbidi="on"><a class="twitter-share-button" data-count="horizontal" data-lang="es" data-via="JuanithoMarin" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script><fb:like font="verdana" href="http://www.facebook.com/pages/TutoBlogger/167219176631034" layout="box_count" show_faces="true" width="1000"></fb:like><br />
<br />
<br />
Pensando en que ya se hacerca la fecha del dia del Amor y la Amistad ya seria bueno decorar nuestros blog´s con cosas representativas para esto aqui les traigo este efecto en el cual aparece un Cupido Volando en la parte superior(Flotando) es de un tamaño pequeño que no seria muy molesto es muy facil de aplicarlo solo vamos a:<br />
<b>Diseño > Edicion HTML > y Antes de </body></b> pegamos los siguiente:<br />
<br />
Para ver un ejemplo <a href="http://experimentosbloggertb.blogspot.com/">ir al blog de Experimentos</a><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://dl.dropbox.com/u/15296604/CupidoTutoBloggero.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://dl.dropbox.com/u/15296604/CupidoTutoBloggero.gif" /></a></div><br />
<table bgcolor="#999999" border="4" bordercolor="#000000" style="width: 200px;"><tbody>
<tr> <td><img border='0' src='http://dl.dropbox.com/u/15296604/CupidoTutoBloggero.gif' style='position:fixed; top:0; <span class="Apple-style-span" style="color: orange;">left</span>:0;'/></td> </tr>
</tbody></table><br />
<div><br />
Nota: Donde dice <span class="Apple-style-span" style="color: orange;">left</span> que esta de color naranja es para cambiar la posición izquierda o derecha.<br />
<br />
<br />
<br />
<br />
<br />
</div></div>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com0tag:blogger.com,1999:blog-7272192480163718225.post-77498306852034161322011-01-20T21:45:00.000-08:002011-01-20T21:45:26.702-08:00Nube de etiquetas giratoria<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><a class="twitter-share-button" data-count="horizontal" data-lang="es" data-via="JuanithoMarin" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script><fb:like font="verdana" href="http://www.facebook.com/pages/TutoBlogger/167219176631034" layout="box_count" show_faces="true" width="1000"></fb:like><br />
<br />
<b><i>Bueno aquí les traigo esta post de como agregar al <span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 19px;">sidebar un nube de etiquetas giratoria para este efecto utilizaremos algo de flash!. </span></span></i></b><br />
<span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 19px;"><b><i>Para poder realizar esto solo copiaremos y pegaremos el código que se encargara de realizar este trabajo. Esta nube giratoria es muy bonita y le da un estilo mas llamativo para tu sitio web o blog:</i></b></span></span><br />
<span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 19px;"><br />
</span></span><br />
<span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 19px;"> <b>primero vamos a</b> <span style="font-style: italic; font-weight: bold;">Diseño > Edición de HTML</span> y <span style="font-style: italic; font-weight: bold;">SIN expandir artilugios</span> <b>buscamos esta etiqueta:</b></span></span><br />
<span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 19px;"><br />
</span></span></div><br />
<table bgcolor="#00CCFF" border="3" bordercolor="#000000" height="27" style="width: 378px;"><tbody>
<tr> <td><div align="center"><b:section class='sidebar' id='sidebar' preferred='yes'> </div></td> </tr>
</tbody></table><br />
<b>NOTA: Si utilizas en tu blog una plantilla del diseñador de blogger deberás buscar esta etiqueta</b><br />
<br />
<table bgcolor="#00CCFF" border="3" bordercolor="#000000" height="27" style="width: 378px;"><tbody>
<tr> <td><div align="center"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 15px;"><b:section-contents id='sidebar-right-1'></span></div></td> </tr>
</tbody></table><br />
<b>Después debajo de esta etiqueta pegamos el siguiente código:</b><br />
<br />
<br />
<div style="background-color: #a0ffff; border: 0px solid 00000; color: black; font-family: arial; font-size: 12px; height: 100px; overflow: auto; padding: 4px; text-align: left; width: 395px;"><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><b:widget id='Label99' locked='false' title='</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><span style="color: red;">Nube de etiquetas</span></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;">' type='Label'></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><b:includable id='main'></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><b:if cond='data:title'></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><h2><data:title/></h2></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"></b:if></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><div class='widget-content'></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;">&lt;object type="application/x-shockwave-flash" data="http://ciudadblogger.hostzi.com/tagcloud.swf" width="</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><span style="color: red;">190</span></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;">" height="</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><span style="color: red;">200</span></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;">" allowscriptaccess="always" &gt;</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;">&lt;param name="movie" value="http://ciudadblogger.hostzi.com/tagcloud.swf" /&gt;</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;">&lt;param name="bgcolor" value="</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><span style="color: red;">#ffffff</span></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;">" /&gt;</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;">&lt;param name="flashvars" value="tcolor=0x</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><span style="color: red;">000000</span></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;">&amp;mode=tags&amp;distr=true&amp;</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><span style="color: red;">tspeed=100</span></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;">&amp;tagcloud=&lt;tags&gt;</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><b:loop values='data:labels' var='label'></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><a expr:dir='data:blog.languageDirection' expr:href='data:label.url' </span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><span style="color: red;">style='12'</span></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;">><data:label.name/></a></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"></b:loop></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;">&lt;/tags&gt;" /&gt;</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;">&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;">&lt;/object&gt;</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"></div></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><b:include name='quickedit'/></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"></b:includable></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; line-height: 15px;"></b:widget></span></div><br />
<br />
*<span class="Apple-style-span" style="color: red;">Nube de etiquetas - </span>es el nombre de tu gatget<br />
*<span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><span style="color: red; font-weight: bold;">190</span> </span><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;">es el ancho</span><br />
<span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><span style="color: red; font-weight: bold;">*200</span><span class="Apple-style-span" style="color: #333333;"> </span>es el alto<br />
<span style="color: red; font-weight: bold;">*#ffffff</span><span class="Apple-style-span" style="color: #333333;"> es el color de fondo, en este caso blanco</span><br />
<span style="color: red; font-weight: bold;">*000000</span><span class="Apple-style-span" style="color: #333333;"> es el color de la letra</span><br />
<span style="color: red; font-weight: bold;">*style='12'</span><span class="Apple-style-span" style="color: #333333;"> es el tamaño de la letra</span><br />
<span style="color: red; font-weight: bold;">*"tspeed", "100"</span><span class="Apple-style-span" style="color: #333333;"> es la velocidad con la que se mueven las etiquetas</span></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com1tag:blogger.com,1999:blog-7272192480163718225.post-33749932684985040152011-01-19T13:23:00.000-08:002011-01-19T13:28:36.199-08:00Como quitar navar de blogger<span class="Apple-style-span" style="font-size: large;"><a class="twitter-share-button" data-count="horizontal" data-lang="es" data-via="JuanithoMarin" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script><fb:like font="verdana" href="http://www.facebook.com/pages/TutoBlogger/167219176631034" layout="box_count" show_faces="true" width="1000"></fb:like></span><br />
<span class="Apple-style-span" style="font-size: large;"><br />
</span><br />
<span class="Apple-style-span" style="color: #333333; font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; font-size: large; line-height: 18px;"></span><br />
<div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; font-size: large; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Eso es lo que todo el mundo desea quitar de su blog.</span> <span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Ahora es el momento de hacerlo y voy a ayudarle.</span></span></div><div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; font-size: large; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Pero ante todo quiero decirte cuál es exactamente la barra de navegación de blogger.</span> <span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Se da algunas opciones:</span></span></div><div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><br />
<ul><li><span class="Apple-style-span" style="font-size: large;"><b style="background-color: #cfe2f3;">Para buscar en el blog</b></span></li>
<li><span class="Apple-style-span" style="font-size: large;"><b style="background-color: #cfe2f3;">Para ir al blog elegido al azar</b></span></li>
<li><span class="Apple-style-span" style="font-size: large;"><b style="background-color: #cfe2f3;">Para marcar el blog como spam</b></span></li>
</ul><div><span class="Apple-style-span" style="font-size: large;"><b><br />
</b></span></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_gDz5HnPo9xw/TTdVwBbK7VI/AAAAAAAAAG8/COmVPDQbON0/s1600/navardeblogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="24" src="http://1.bp.blogspot.com/_gDz5HnPo9xw/TTdVwBbK7VI/AAAAAAAAAG8/COmVPDQbON0/s400/navardeblogger.png" width="400" /></a></div><span class="Apple-style-span" style="font-size: large;"><b><br />
</b></span></div></div><div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><div style="background-color: transparent;"><span class="Apple-style-span" style="font-size: large;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Si no quieres tener esta barra de navegación en tu blog ya solo inicio de sesión en su cuenta de blogger, luego a </span></span><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">diseño</span></span></strong><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"> pues, </span></span><strong style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Edición de HTML</span></span></strong><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"> y después de que usted debe pegar el código siguiente antes <b><head></b></span></span></span></div><div style="background-color: transparent;"><span class="Apple-style-span" style="font-size: large;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b><br />
</b></span></span></span></div><div style="background-color: transparent;"><span class="Apple-style-span" style="font-size: large;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b><br />
</b></span></span></span></div><span class="Apple-style-span" style="font-size: large;"><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b><span class="Apple-style-span" style="background-color: cyan; font-family: arial; font-size: 12px; font-weight: normal;"># navbar-iframe {display: none importante;}</span></b></span></span></span><br />
<div style="background-color: transparent;"><span class="Apple-style-span" style="font-size: large;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b><br />
</b></span></span></span></div></div><br />
<span class="Apple-style-span" style="font-size: large;">Ya que agregamos este código ahora guardamos los cambios y Listo!! </span>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com3tag:blogger.com,1999:blog-7272192480163718225.post-52898491817827892152011-01-18T17:37:00.000-08:002011-01-19T12:53:19.146-08:00Efecto de mariposas<a class="twitter-share-button" data-count="horizontal" data-lang="es" data-via="JuanithoMarin" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script><fb:like font="verdana" href="http://www.facebook.com/pages/TutoBlogger/167219176631034" layout="box_count" show_faces="true" width="1000"></fb:like><br />
<br />
Aquí les dejo un efecto para agregar a sus sitios o blog´s donde aparecen mariposas por todo el monitor<br />
que automáticamente desaparecen al llegar al fondo es muy padre este efecto y quedaría bien en algún blog de naturaleza o para verano se vería perfecto como adorno espero les guste mucho este código que adapte para esto solo ve a <b>Diseño > Añadir Gatget > y HTML/JavaScript</b> y pegamos lo siguiente:<br />
<br />
<br />
<br />
<br />
<div style="background-color: #a0ffff; border: 0px solid 00000; color: black; font-family: arial; font-size: 12px; height: 25px; overflow: auto; padding: 4px; text-align: left; width: 395px;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; font-family: 'Times New Roman'; font-size: small;"></span><br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><script language='javascript' type='text/javascript'></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">//<![CDATA[</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">// Script original de Eloi Gallés Villaplana adaptado por TutoBloggero.blogspot.com</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">var numero = 8</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">var velocidad = 40</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">var imagenamor = "http://dl.dropbox.com/u/15296604/MariposaTutoBloggero.gif"</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">var ns4arriba = (document.layers) ? 1 : 0</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">var ie4arriba = (document.all) ? 1 : 0</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">var dombrowser = (document.getElementById) ? 1 : 0</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">var dx, xp, yp</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">var am, stx, sty</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">var i, doc_ancho = 1024, doc_alto = 768</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">function amor() {</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>establece_dimensiones()</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>dx = new Array()</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>xp = new Array()</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>yp = new Array()</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>am = new Array()</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>stx = new Array()</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>sty = new Array();</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> </div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>for (i = 0; i < numero; ++ i) {</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>dx[i] = 0</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>xp[i] = Math.random()*(doc_ancho-50)</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>yp[i] = Math.random()*doc_alto</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>am[i] = Math.random()*20</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>stx[i] = 0.02 + Math.random()/10</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>sty[i] = 0.7 + Math.random()</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>if (document.layers) {</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span class="Apple-tab-span" style="white-space: pre;"> </span>if (i == 0) {</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>document.write("top=\"15\" visibility=\"show\"><img src=\"")</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>document.write(imagenamor + "\" border=\"0\"></layer>")</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span class="Apple-tab-span" style="white-space: pre;"> </span>} else {</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span class="Apple-tab-span" style="white-space: pre;"> </span>document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span class="Apple-tab-span" style="white-space: pre;"> </span>document.write("top=\"15\" visibility=\"show\"><img src=\"")</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span class="Apple-tab-span" style="white-space: pre;"> </span>document.write(imagenamor + "\" border=\"0\"></layer>")</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span class="Apple-tab-span" style="white-space: pre;"> </span>}</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span class="Apple-tab-span" style="white-space: pre;"> </span>} else if (document.all || document.getElementById) {</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span class="Apple-tab-span" style="white-space: pre;"> </span>if (i == 0) {</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span class="Apple-tab-span" style="white-space: pre;"> </span>document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span class="Apple-tab-span" style="white-space: pre;"> </span>document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ")</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span class="Apple-tab-span" style="white-space: pre;"> </span>document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"")</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span class="Apple-tab-span" style="white-space: pre;"> </span>document.write(imagenamor + "\" border=\"0\"></div>")</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span class="Apple-tab-span" style="white-space: pre;"> </span>} else {</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span class="Apple-tab-span" style="white-space: pre;"> </span>document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span class="Apple-tab-span" style="white-space: pre;"> </span>document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ")</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span class="Apple-tab-span" style="white-space: pre;"> </span>document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"")</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span class="Apple-tab-span" style="white-space: pre;"> </span>document.write(imagenamor + "\" border=\"0\"></div>")</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span class="Apple-tab-span" style="white-space: pre;"> </span>}</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span class="Apple-tab-span" style="white-space: pre;"> </span>}</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> }</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> </div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>corazon()</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">}</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">function corazon() {</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>for (i = 0; i < numero; ++ i) {</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>yp[i] += sty[i];</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>if (yp[i] > doc_alto) {</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>xp[i] = Math.random()*(doc_ancho-am[i]-30)</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>yp[i] = 0</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>stx[i] = 0.02 + Math.random()/10</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>sty[i] = 0.7 + Math.random()</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>establece_dimensiones()</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>dx[i] += stx[i];</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>if ( document.all ) {</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var imagen = eval("dot" + i )</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>imagen.style.posLeft = xp[i] + am[i]*Math.sin(dx[i])</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>imagen.style.posTop = yp[i]</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>else if ( document.layers ) {</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var imagen = eval("document.dot" + i)</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>imagen.left = xp[i] + am[i]*Math.sin(dx[i])</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>imagen.top = yp[i]</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>else if ( document.getElementById ) {</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>var imagen = document.getElementById( "dot" + i)</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>imagen.style.left = xp[i] + am[i]*Math.sin(dx[i]) + 'px'</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>imagen.style.top = yp[i] + 'px'</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>setTimeout("corazon()", velocidad)</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">}</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">function establece_dimensiones() {</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>if (self.innerHeight) {</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>doc_ancho = self.innerWidth - 50</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>doc_alto = self.innerHeight - 21</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>} else if (document.documentElement && document.documentElement.clientHeight) {</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>doc_ancho = document.documentElement.clientWidth</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>doc_alto = document.documentElement.clientHeight - 25</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>} else if (document.body) {</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>doc_ancho = document.body.clientWidth</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>doc_alto = document.body.clientHeight - 25</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">}</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">//]]></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></script></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><script language='javascript' type='text/javascript'></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">amor()</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"></script></div></div><br />
<br />
<br />
<br />
Para ver un ejemplo <a href="http://experimentobloggertb.blogspot.com/">ir al blog de experimentos</a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<table bgcolor="#999999" border="1" bordercolor="#000000" height="123" style="width: 433px;"><tbody>
<tr> <td><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://dl.dropbox.com/u/15296604/MariposaTutoBloggero.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://dl.dropbox.com/u/15296604/MariposaTutoBloggero.gif" /></a></div><br />
</td> </tr>
</tbody></table><br />
<div><br />
</div><div><br />
</div>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com8tag:blogger.com,1999:blog-7272192480163718225.post-45454406592476721032011-01-18T16:43:00.000-08:002011-01-18T16:51:14.292-08:00Efecto elegante para tus imagenes con JQuery<a class="twitter-share-button" data-count="horizontal" data-lang="es" data-via="JuanithoMarin" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script><fb:like font="verdana" href="http://www.facebook.com/pages/TutoBlogger/167219176631034" layout="box_count" show_faces="true" width="1000"></fb:like><br />
<br />
En esta ocasion veremos un elegante efecto para agregar a nuestras imagenes este es un efecto de <span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><a href="http://www.dynamicdrive.com/" style="color: #b40404; text-decoration: underline;" target="_blank">DynamicDrive</a> obtenido de <a href="http://pazozblogger.com/">pazozblogger.com</a> me gusto este efecto que he decidido aplicarlo en mi blog y pues creo que tambien les va a gustar</span><br />
<a href="http://t3.gstatic.com/images?q=tbn:ANd9GcSqodadA06zdPG7qZ4BP-kLN6tGiSolxVfHrjZLBWfxTyTDJFwQ" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" class="magnify" src="http://t3.gstatic.com/images?q=tbn:ANd9GcSqodadA06zdPG7qZ4BP-kLN6tGiSolxVfHrjZLBWfxTyTDJFwQ" /></a><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 19px;">Podemos agregar a las imágenes de nuestro blog, este script te permite mostrar las imágenes ampliada en el centro de la pantalla del usuario, y con un solo click volverla a su tamaño original , aqui les dejo un ejemplo en <a href="http://laboratoriopb.blogspot.com/2010/02/blog-post.html">blog de pruebas de PB</a></span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><br />
</div><span class="Apple-style-span" style="color: #666666; font-family: Helvetica, verdana, Georgia, 'Times New Roman', Times, serif;"><span class="Apple-style-span" style="font-size: 12px;"><b><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-weight: normal; line-height: 19px;">Al pasar el cursor por encima de una imagen, <b>te mostrará una pequeña lupa con un signo + en señal de que la imagen se puede ampliar</b>, este bonito efecto lo he probado y funciona bien en las ultimas versiones de los siguientes navegadores: IE, Opera, Firefox, Google Chrome,Internet explorer, etc</span> </b></span></span><br />
<span class="Apple-style-span" style="color: #666666; font-family: Helvetica, verdana, Georgia, 'Times New Roman', Times, serif;"><span class="Apple-style-span" style="font-size: 12px;"><b><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-weight: normal; line-height: 19px;"><br />
</span></b></span></span><br />
<span class="Apple-style-span" style="color: #666666; font-family: Helvetica, verdana, Georgia, 'Times New Roman', Times, serif;"><span class="Apple-style-span" style="font-size: 12px;"><b><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-weight: normal; line-height: 19px;"><br />
</span></b></span></span><br />
<span class="Apple-style-span" style="color: #666666; font-family: Helvetica, verdana, Georgia, 'Times New Roman', Times, serif;"><span class="Apple-style-span" style="font-size: 12px;"><b><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-weight: normal; line-height: 19px;">Para agregar este efecto simplemente este codigo antes de la etiqueta </head></span></b></span></span><br />
<span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 19px;"><br />
</span></span><br />
<br />
<table bgcolor="#999999" border="4" bordercolor="#000000" height="123" style="width: 433px;"><tbody>
<tr> <td> <span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Helvetica, verdana, Georgia, 'Times New Roman', Times, serif; font-size: 12px; font-weight: bold;"><script src='http://sites.google.com/site/pazosblogger/config/pagetemplates/script/jQuery1.3.2.min.js' type='text/javascript'/></span></td> </tr>
</tbody></table><br />
<div><br />
</div><div><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;">Ya tenemos la librería, ahora toca añadir el script justo después del código que acabamos de pegar justo antes de</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><b></head></b></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;">:</span></div><div><br />
<span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 19px;"><br />
</span></span></div><table bgcolor="#999999" border="4" bordercolor="#000000" height="123" style="width: 433px;"><tbody>
<tr> <td> <span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Helvetica, verdana, Georgia, 'Times New Roman', Times, serif; font-size: 12px; font-weight: bold;"><script src='http://sites.google.com/site/pazosblogger/config/pagetemplates/script/jquery.lupa.zoom.js' type='text/javascript'/></span></td> </tr>
</tbody></table><br />
<div><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;">Ahora, puedes crear una entrada o si quieres poner la imagen en tu sidebar ve a </span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><b>Diseño > Añadir gadget > elije > HTML/Javascript ></b></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;">y pega uno de los siguientes código para llamar el efecto, también lo puedes poner en una entrada:</span></div><div><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><br />
</span></div><div><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><br />
</span></div><br />
<table bgcolor="#999999" border="4" bordercolor="#000000" height="123" style="width: 433px;"><tbody>
<tr> <td> <span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Helvetica, verdana, Georgia, 'Times New Roman', Times, serif; font-size: 12px; font-weight: bold;"><img src="<span class="Apple-style-span" style="color: orange;">URL-de-tu-imagen</span>" class="magnify" style="<span class="Apple-style-span" style="color: blue;">width</span>:200px;<span class="Apple-style-span" style="color: blue;">height:</span>150px" /></span></td> </tr>
</tbody></table><br />
<div><br />
<br />
</div><table bgcolor="#999999" border="4" bordercolor="#000000" height="123" style="width: 433px;"><tbody>
<tr> <td> <span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Helvetica, verdana, Georgia, 'Times New Roman', Times, serif; font-size: 12px; font-weight: bold;"><img src="<span class="Apple-style-span" style="color: orange;">URL-de-tu-imagen</span>" class="magnify" border="0" /></span></td> </tr>
</tbody></table><br />
<div><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;">El primer código lo puedes utilizar para cuando una imagen es demasiado grande, y quieres darle tu mismo las dimensiones necesarias para que entre bien en tu sidebar o en una entrada,</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><b>widgt: </b></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;">es el ancho y</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><b>height:</b></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;">el alto. El efecto zoom se aplicará con relación a las dimensiones de la imagen.</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><br />
</span><br />
<div style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><br />
</div><div style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;">El segundo código, es para que una imagen se muestre en su tamaño normal, por ejemplo se puede utilizar para imágenes pequeñas, donde también se aplicará el efecto zoom de acuerdo a las demenciones base de la imagen.</div></div><div style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><br />
</div><div style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><br />
</div>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com0tag:blogger.com,1999:blog-7272192480163718225.post-76176140094949225142011-01-17T19:51:00.000-08:002011-01-17T19:51:43.836-08:00Mascotas para tu blog<a class="twitter-share-button" data-count="horizontal" data-lang="es" data-via="JuanithoMarin" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script><fb:like font="verdana" href="http://www.facebook.com/pages/TutoBlogger/167219176631034" layout="box_count" show_faces="true" width="1000"></fb:like><br />
<br />
<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Buscando en internet me encontre con estos juegos o pasatiempos para agregar a nuestros blogs</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">se trata de Gatget de mascotas para que nuestros visitantes duren mas tiempo en nuestro blog</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">es muy facil de agregar.</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Aqui abajo les dejo unos ejemplos y los codigos para que los tengan en su blog.</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><br />
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">Vamos a <b>Diseño/Añadir un gatget</b>/ y Buscamos <b>HTML/JavaScript y pegamos nuestros</b></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><b>Codigos.</b></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><b><br />
</b></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><b><br />
</b></div><br />
<table border="0" height="200" style="width: 300px;"><tbody>
<tr><td><embed allowscriptaccess="never" height="200" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://www.recursosblog.net/swf/rana.swf" type="application/x-shockwave-flash" width="300" wmode="Transparent"></embed></td></tr>
<tr><td align="center"><br />
</td></tr>
</tbody></table><b>Codigo de la rana:</b><br />
<div><br />
</div><div><div><table border="0" width="300" height="200"><tr><td><embed src='http://www.recursosblog.net/swf/rana.swf' quality='high' wmode=Transparent allowscriptaccess="never" width='300' height='200' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'/></td></tr><tr><td align="center"><a href="http://www.tutobloggero.blogspot.com" title="TutoBloggero" style="font-size:9px; font-family:Tahoma, Geneva, sans-serif">Quieres este gatget para tu blog</a></td></tr></table></div><div><br />
</div><div><br />
</div><div><br />
</div><div> </div><br />
</div><br />
<table border="0" height="200" style="width: 300px;"><tbody>
<tr><td><embed allowscriptaccess="never" height="200" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://www.recursosblog.net/swf/tortugas.swf" type="application/x-shockwave-flash" width="300" wmode="Transparent"></embed><br />
<br />
Codigo de tortugas:<br />
<br />
<br />
<table border="0" width="300" height="200"><tr><td><embed src='http://www.recursosblog.net/swf/tortugas.swf' quality='high' wmode=Transparent allowscriptaccess="never" width='300' height='200' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'/></td></tr><tr><td align="center"><a href="http://www.tutobloggero.blogspot.com" title="TutoBloggero" style="font-size:9px; font-family:Tahoma, Geneva, sans-serif">Quieres este gatget?</a></td></tr></table><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</td></tr>
<tr><td align="center"><br />
</td></tr>
</tbody></table>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com12tag:blogger.com,1999:blog-7272192480163718225.post-38549657885776121222011-01-10T20:31:00.000-08:002011-01-10T20:36:40.349-08:00Fan Box (Ver mas...)<a class="twitter-share-button" data-count="horizontal" data-lang="es" data-via="JuanithoMarin" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script><fb:like font="verdana" href="http://www.facebook.com/pages/TutoBlogger/167219176631034" layout="box_count" show_faces="true" width="1000"></fb:like><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.csirt-antel.com.uy/userfiles/image/twitter_icons_256.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://www.csirt-antel.com.uy/userfiles/image/twitter_icons_256.png" width="200" /></a></div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Ahora ya puedes tener en tu sitio un <b>Fan box</b> de twitter asi como<br />
vemos fan box de Facebook<br />
con sus avatares ya lo puedes tener pero el de Twitter como este:<br />
Para tenerlo en tu sitio o blog entra a <span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><b>Diseño | Elementos de la página | Añadir gadget |</b></span><br />
<span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><b> HTML/Javascript </b></span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;">y ahí pega lo siguiente:</span><br />
<span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 19px;"><br />
</span></span><br />
<span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><span class="Apple-style-span" style="line-height: 15px;"><span class="Apple-style-span" style="color: #333333;"><div class="textwidget"></span><br />
<span class="Apple-style-span" style="color: #333333;"><script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox"></span><br />
<span class="Apple-style-span" style="color: #333333;"><script type="text/javascript">fanbox_init("</span><b><span class="Apple-style-span" style="color: blue;">Nombre de usuario</span></b><span class="Apple-style-span" style="color: #333333;">");</script></div></span><br />
<span class="Apple-style-span" style="color: #333333;"></div></span><br />
<br />
<span class="Apple-style-span" style="color: #333333;"><style></span><br />
<span class="Apple-style-span" style="color: #333333;">.FB_SERVER_IFRAME {</span><br />
<span class="Apple-style-span" style="color: #333333;">width: 290px !important; </span><br />
<span class="Apple-style-span" style="color: #333333;">height: 250px !important; </span><br />
<span class="Apple-style-span" style="color: #333333;">}</span><br />
<span class="Apple-style-span" style="color: #333333;"></style></span></span></span><br />
<br />
<br />
<b><i>Esto es una aportacion de <a href="http://moopz.com/twitter-fan-box">MOOPZ</a></i></b><br />
<b><br />
</b><br />
<b><br />
</b><br />
<b><br />
</b><br />
<b><br />
</b><br />
<b><br />
</b><br />
<b><br />
</b><br />
<div id="twitterfanbox"></div><script type="text/javascript">
fanbox_init("juanithomarin");
</script><br />
<div style="font-size: 10px;"><br />
</div><br />
<br />
<br />
<script src="http://s.moopz.com/fanbox_init.js" type="text/javascript">
</script><br />
<div id="twitterfanbox"></div><script type="text/javascript">
fanbox_init("juanithomarin");
</script><br />
<div style="font-size: 10px;"><br />
</div>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com2tag:blogger.com,1999:blog-7272192480163718225.post-36244555869415418842011-01-10T17:28:00.000-08:002011-01-10T17:59:57.451-08:00Apoyen a tutobloggero(Ver mas...)<a class="twitter-share-button" data-count="horizontal" data-lang="es" data-via="JuanithoMarin" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script> <br />
<br />
Hola Gente en esta ocasion escribo pidiendoles su apoyo para darle "Me Gusta"<br />
en Facebook, a una imagen que subi para que participara en un concurso<br />
espero contar con su ayuda y sus Me Gusta!<br />
<br />
Ganemos o no, ya veremos la forma de gratificarles! :D<br />
<br />
<br />
Gracias por su apoyo! y aniiimoo! sigamos apoyando a TAMPICO con sus votos!<br />
Esta es la imagen que esta participando en Facebook da Clic sobre ella para ir<br />
a la pagina de Facebook y dar Me Gusta a la imagen.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.facebook.com/photo.php?fbid=174887182547100&set=a.174372072598611.29276.124327047603114" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="188" src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc6/hs058.snc6/168828_174887182547100_124327047603114_333852_5292895_n.jpg" width="320" /></a></div><br />
Formas de apoyar<br />
<br />
Invitando a tus amigos a dar Me Gusta<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b><span class="Apple-style-span" style="font-size: large;">Si eres usuario de Twitter postea en Facebook despues de dar</span></b><br />
<b><span class="Apple-style-span" style="font-size: large;">Me Gusta a la imagen</span></b><br />
<b><span class="Apple-style-span" style="font-size: large;">"Lo vi en twitter"</span></b><br />
<b><span class="Apple-style-span" style="font-size: large;">para mas tarde enviarles una invitacion por haber apoyado </span></b><br />
<b><span class="Apple-style-span" style="font-size: large;">con informarcion por haber apoyado! Saludos</span></b>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com1tag:blogger.com,1999:blog-7272192480163718225.post-90756056214417774472011-01-09T14:05:00.000-08:002011-01-09T14:09:58.982-08:00Los Mas Fieles(Ver mas...)<a class="twitter-share-button" data-count="horizontal" data-lang="es" data-via="JuanithoMarin" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script><fb:like font="verdana" href="http://www.facebook.com/pages/TutoBlogger/167219176631034" layout="box_count" show_faces="true" width="1000"></fb:like><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_gDz5HnPo9xw/TSowl-zbV9I/AAAAAAAAAF4/h3SvpJQOWCc/s1600/Randoom.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="110" src="http://2.bp.blogspot.com/_gDz5HnPo9xw/TSowl-zbV9I/AAAAAAAAAF4/h3SvpJQOWCc/s200/Randoom.png" width="200" /></a></div><br />
<br />
<br />
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">Nuestro amigo de <a href="http://robo-apsspa.blogspot.com/">Ramdom Stuff</a> saco</span><br />
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"> su primer concurso llamado "Los Mas Fieles"</span><br />
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="font-size: 15px; line-height: 20px;">Para celebrar la expansión del blog </span></span><br />
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="font-size: 15px; line-height: 20px;">( casi 2000 visitas, casi 10 seguidores )</span><span class="Apple-style-span" style="font-size: 15px; line-height: 20px;"> </span></span><br />
<span class="Apple-style-span" style="font-size: 15px; line-height: 20px;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></span><br />
<span class="Apple-style-span" style="font-size: 15px; line-height: 20px;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">Las normas son las siguientes:</span></span><br />
<span class="Apple-style-span" style="font-size: 15px; line-height: 20px;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">1. Ser seguidor del blog.<br />
<br />
2. Enviar e-mail a robo-d@hotmail.com con asunto "Los más fieles" y en</span></span><br />
<span class="Apple-style-span" style="font-size: 15px; line-height: 20px;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"> el texto el link de su perfil que afirme que son seguidores del blog y el link de la</span></span><br />
<span class="Apple-style-span" style="font-size: 15px; line-height: 20px;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"> entrada donde lo esta </span></span><br />
<span class="Apple-style-span" style="font-size: 15px; line-height: 20px;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">anunciado (si esque lo anunciaron).</span></span><br />
<span class="Apple-style-span" style="font-size: 15px; line-height: 20px;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">3. El concurso acaba el 10-11 de enero. El dia 12-13 anunciaré al ganador/es.<br />
<br />
4. El ganador se elegirá por puntos:<br />
- Comentario en cualquier entrada: 3 puntos.<br />
-Anunciar el concurso en su blog: 7 puntos.<br />
-Traer algún seguidor nuevo: 10 puntos. El seguidor deberá comunicarme</span></span><br />
<span class="Apple-style-span" style="font-size: 15px; line-height: 20px;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"> con un comentario quien le ha invitado.<br />
- Poner el banner del concurso (más abajo) en tu blog: 5 puntos.<br />
<br />
5. Seleccionare 5 finalistas, los pondré en una encuesta y vosotros decidiréis</span></span><br />
<span class="Apple-style-span" style="font-size: 15px; line-height: 20px;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"> quién gana. Ganarán premio los 2 más votados.<br />
<br />
6. El premio será:<br />
<br />
1º Más votado:<br />
-Un banner echo por mí. Le enviare un mail para confirmar colores, tamaño etc.<br />
-Publicidad de su blog aquí durante 1 mes<br />
2º Más votado:<br />
-Publicidad aquí durante 2 semanas</span></span><br />
<span class="Apple-style-span" style="font-size: 15px; line-height: 20px;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></span><br />
<span class="Apple-style-span" style="font-size: 15px; line-height: 20px;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">Para ver mas Da Clic <a href="http://robo-apsspa.blogspot.com/2011/01/mi-primer-concurso-los-mas-fieles.html">Aqui!..</a></span></span>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com0tag:blogger.com,1999:blog-7272192480163718225.post-81736025623342080452011-01-07T21:21:00.000-08:002011-01-07T21:40:05.900-08:00Traductor Animado para blog(Ver mas...)<a class="twitter-share-button" data-count="horizontal" data-lang="es" data-via="JuanithoMarin" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script><fb:like font="verdana" href="http://www.facebook.com/pages/TutoBlogger/167219176631034" layout="box_count" show_faces="true" width="1000"></fb:like><br />
<br />
<div style="text-align: left;"><span class="Apple-style-span" style="color: #444444;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></span><br />
<span class="Apple-style-span" style="color: #444444;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Si tú sitio es frecuentemente visitado por usuarios</span></span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #444444;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">que no hablan el Español, acá les tengo un traductor </span></span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #444444;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">google pero con banderas animadas, un atractivo recurso</span></span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #444444;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">que a diferencia de otros traductores no son imágenes</span></span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #444444;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">estáticas, son gif de cada bandera que representa un</span></span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #444444;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">idioma, este traductor posee además traducciones en </span></span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #444444;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">doce idiomas principales, desde Chino, Francés, </span></span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #444444;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Holandés, Alemán, Portugués, Árabe, Japones, Italiano,</span></span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #444444;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"></span></span><span class="Apple-style-span" style="color: #444444; font-family: 'Courier New', Courier, monospace;">Inglés, Español. Koreano y Ruso. </span><br />
<span class="Apple-style-span" style="color: #444444; font-family: 'Courier New', Courier, monospace;">Solo copia y pega el siguiente codigo en un Elemento <b>Html/Javascript</b></span><br />
<span class="Apple-style-span" style="color: #444444; font-family: 'Courier New', Courier, monospace;">No </span><span class="Apple-style-span" style="color: #444444; font-family: 'Courier New', Courier, monospace;">modifiques el código para que funcione.</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #444444; font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div class="post-body" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
<br />
<br />
<br />
<br />
<center><pre class="alt2" dir="ltr" style="border-bottom-style: inset; border-bottom-width: 1px; border-color: initial; border-left-style: inset; border-left-width: 1px; border-right-style: inset; border-right-width: 1px; border-top-style: inset; border-top-width: 1px; height: 180px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left; width: 380px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<center><title><a href="" target="_parent">Traductor</title><center>
<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Gran-Bretana.gif" style="cursor: pointer;margin-right:8px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Francia.gif" style="cursor: pointer;margin-right:8px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Alemania.gif" style="cursor: pointer;margin-right:8px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Espana.gif" style="cursor: pointer;margin-right:8px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Italia.gif" style="cursor: pointer;margin-right:8px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Paises%20Bajos.gif" style="cursor: pointer;margin-right:8px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Rusia.gif" style="cursor: pointer;margin-right:8px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Portugal.gif" style="cursor: pointer;margin-right:8px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Japon.gif" style="cursor: pointer;margin-right:8px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Corea%20del%20Sur.gif" style="cursor: pointer;margin-right:8px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Arabia%20Saudi.gif" style="cursor: pointer;margin-right:8px" width="24" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/China.gif" style="cursor: pointer;margin-right:8px" width="24" /></a> </div>
<div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div>
<center><a href="http://tutobloggero.blogspot.com/2011/01/traductor-animado-para-blogver-mas.html" target="_blank"><span style="font-size:11px;" title="clic para agregar este gadget en tu blog">Quiero esto en mi Blog!</span></a></center>
</body>
</html></pre></center><br />
<div style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></div></div><div class="post-footer" style="font-size: 11px; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 5px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-transform: none;"><div class="post-footer-line post-footer-line-1"><br />
<br />
</div></div><br />
<center><center> <div><br />
<br />
<br />
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=7272192480163718225&postID=8173602562334208045#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;" rel="nofollow" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Gran-Bretana.gif" style="margin-right: 8px;" title="English" width="24" /></a><br />
<br />
<br />
<div style="text-align: left;"><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=7272192480163718225&postID=8173602562334208045#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Francia.gif" style="cursor: pointer; margin-right: 8px;" title="French" width="24" /></a></div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=7272192480163718225&postID=8173602562334208045#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Alemania.gif" style="cursor: pointer; margin-right: 8px;" title="German" width="24" /></a></div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=7272192480163718225&postID=8173602562334208045#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Espana.gif" style="cursor: pointer; margin-right: 8px;" title="Spain" width="24" /></a></div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=7272192480163718225&postID=8173602562334208045#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Italia.gif" style="cursor: pointer; margin-right: 8px;" title="Italian" width="24" /></a></div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=7272192480163718225&postID=8173602562334208045#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Paises%20Bajos.gif" style="cursor: pointer; margin-right: 8px;" title="Dutch" width="24" /></a></div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=7272192480163718225&postID=8173602562334208045#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Rusia.gif" style="cursor: pointer; margin-right: 8px;" title="Russian" width="24" /></a></div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=7272192480163718225&postID=8173602562334208045#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;" rel="nofollow" target="_blank" title="Portuguese"><img align="absbottom" alt="Portuguese" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Portugal.gif" style="cursor: pointer; margin-right: 8px;" title="Portuguese" width="24" /></a></div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=7272192480163718225&postID=8173602562334208045#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Japon.gif" style="cursor: pointer; margin-right: 8px;" title="Japanese" width="24" /></a></div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=7272192480163718225&postID=8173602562334208045#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Corea%20del%20Sur.gif" style="cursor: pointer; margin-right: 8px;" title="Korean" width="24" /></a></div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=7272192480163718225&postID=8173602562334208045#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Arabia%20Saudi.gif" style="cursor: pointer; margin-right: 8px;" title="Arabic" width="24" /></a></div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=7272192480163718225&postID=8173602562334208045#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/China.gif" style="cursor: pointer; margin-right: 8px;" title="Chinese Simplified" width="24" /></a> </div></div><div style="text-align: left;"><br />
</div><div 0px="" 0pxãƒâ¢??="" 3px="" style="font-size: 10px; margin: 8px;"></div><center style="text-align: left;"><a href="http://tutobloggero.blogspot.com/2011/01/traductor-animado-para-blogver-mas.html" target="_blank"><span style="font-size: 11px;" title="clic para agregar este gadget en tu blog">Quiero esto en mi Blog!</span></a></center><div style="text-align: left;"><br />
</div><br />
<br />
<br />
</center></center>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com1tag:blogger.com,1999:blog-7272192480163718225.post-5281207131195588402011-01-07T16:37:00.000-08:002011-01-07T16:50:11.217-08:00Generador De Numeros Online(Ver mas...)<a class="twitter-share-button" data-count="horizontal" data-lang="es" data-via="JuanithoMarin" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script><fb:like font="verdana" href="http://www.facebook.com/pages/TutoBlogger/167219176631034" layout="box_count" show_faces="true" width="1000"></fb:like><br />
<br />
<br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Estaba pensando en hacer un concurso online para TutoBloggero y </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">me pregunte como seleccionar a los ganadores,buscando en Internet </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">me encontré con este sitio oficial el cual varios lo utilizan para realizar </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">sus sorteos online, este lo encuentran en la pagina de <a href="http://www.random.org/">RANDOM</a> a un </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">costado esta el generador de numeros</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">como este:</span><br />
<br />
<a href="http://img.vinagreasesino.com/wp-content/uploads/2009/09/bingo.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="http://img.vinagreasesino.com/wp-content/uploads/2009/09/bingo.jpg" width="238" /></a><iframe frameborder="0" height="200" longdesc="http://www.random.org/integers/" scrolling="no" src="http://www.random.org/widgets/integers/iframe.php?title=Generador+De+Numeros+Aleatorio&buttontxt=Generar&width=160&height=200&border=off&bgcolor=%23FFFFFF&txtcolor=%23777777&altbgcolor=%23CCCCFF&alttxtcolor=%23000000&defaultmin=&defaultmax=&fixed=off" width="160">&amp;lt;p&amp;gt;&amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;br /&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; The numbers generated by this widget come from RANDOM.ORG's true random number generator.&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;br /&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;gt;&amp;lt;/p&amp;gt;</iframe><br />
<br />
<div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Solo pones el numero mínimo del sorteo</span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">(Numero a sortear) que seria siempre de inicio desde 1</span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">hasta el numero final del sorteo y presionamos Generar y </span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">automáticamente nos dará un numero al azar que seria el sorteado.</span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Es muy bueno esto y pienso utilizarlo en estos días para realizar</span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"> una rifa Online a los visitantes de este blog mas adelante les </span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">daré mas información sobre ello.</span></div>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com1tag:blogger.com,1999:blog-7272192480163718225.post-7115679790959831242011-01-04T22:31:00.000-08:002011-01-04T23:02:03.426-08:00No Follow (Ver mas..)<a class="twitter-share-button" data-count="horizontal" data-lang="es" data-via="JuanithoMarin" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script><fb:like font="verdana" href="http://www.facebook.com/pages/TutoBlogger/167219176631034" layout="box_count" show_faces="true" width="1000"></fb:like><br />
<br />
<br />
<div style="font-size: 16px; line-height: 25px; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b style="font-size: 20px; font-weight: bold;">Qué es eso del "Nofollow?</b></span></div><span class="Apple-style-span" style="font-size: 16px; line-height: 25px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></span><br />
<div style="font-size: 16px; line-height: 25px; text-align: justify;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><i>Nofollow es un atributo en código HTML que se le </i></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><i>pone a un </i><i>enlace cuando queremos que éste no sea tenido </i></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><i>en cuenta </i></span><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><i>por los buscadores. </i>De esta manera, Google </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">y otros </span><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">buscadores no dan valor a eseenlace y no le </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">transmite <a href="http://www.visitas-web.com/2007/12/pagerank.html" style="font-weight: bold; text-decoration: none;" target="_blank">Pagerank</a>. </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">El </span><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">origen del "nofollow se remonta a 2005 y fue diseñado </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">por </span><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Matt Cutts (Google) y Jason Shellen (Blogger) con la </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">finalidad de evitar el spamdexing, sobretodo para </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">reducir este tipo de spam </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">en los comentarios de los blogs.<br />
<br />
Al poco tiempo de salir a la luz, todas las plataformas </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">de blogs y webs tan importantes como la Wikipedia adoptaron </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">la </span><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">medida de implantar el atributo nofollow en sus </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">enlaces salientes,</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"> de esta manera se evitó que la gente acudiera a páginas </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">con un alto trafico de visitas y Pagerank para </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">conseguir backlinks.<br />
Aunque ha podido reducir el spam en cierto sentido, </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">lo cierto es que la practica de enviar comentarios </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"></span><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">masivos a los</span><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">blogs sigue vigente, principalmente </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">porque hay algo </span><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">que siempre se transmite: el tráfico</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">y visitas que una </span><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">web puede obtener a</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">través de los backlinks.</span></div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: 16px; line-height: 25px;"><br />
</span><span class="Apple-style-span" style="font-size: 16px; line-height: 25px;"><b style="font-size: 20px; font-weight: bold;">Porqué quitarlo?</b></span><span class="Apple-style-span" style="font-size: 16px; line-height: 25px;"><br />
</span><span class="Apple-style-span" style="font-size: 16px; line-height: 25px;"><br />
</span></span><br />
<div style="font-size: 16px; line-height: 25px; text-align: justify;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><i>Un blog es algo más que un </i><i>sitio donde escribir </i></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><i>artículos, es mantener una conversación y esa conversación se </i></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><i>realiza a través de los comentarios.</i> En estos </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">comentarios forma parte </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">del manual de buenas maneras (y en muchos casos es </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">obligatorio) poner tu nombre, tu mail y tu web.<br />
Desde el punto de vista de los buscadores los </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">enlaces a las paginas web son como votos, es decir, a</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">más páginas </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">enlazando a la tuya, más votos y por tanto más relevancia<br />
Es por ello que eliminar el nofollow de los enlace</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><strong style="font-size: 16px; font-weight: bold;">tu sitio</strong>, aportando su opinión y su saber… es lo menos </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">que puedes </span><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">hacer por ellos, darles un "voto" de </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">agradecimiento.</span></div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: 16px; line-height: 25px;"><br />
</span><span class="Apple-style-span" style="font-size: 16px; line-height: 25px;"><b style="font-size: 20px; font-weight: bold;">Y si comenta un spammer o no considero apropiado el enlace?</b></span><span class="Apple-style-span" style="font-size: 16px; line-height: 25px;"><br />
</span><span class="Apple-style-span" style="font-size: 16px; line-height: 25px;"><br />
</span></span><br />
<div style="font-size: 16px; line-height: 25px; text-align: justify;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Está claro que siempre habrá los que pongan comentario por </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">poner, sin añadir contenido sólo por el hecho de tener un </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">enlace, los que lo harán por un conseguir el mero voto, pero </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">para eso está la gestión de comentarios, si no te gusta o </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">piensas que se están aprovechando de tu blog <i>lo borras </i></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><i>o no lo publicas y listo.</i></span></div><div style="font-size: 16px; line-height: 25px; text-align: justify;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><i><br />
</i></span></div><div style="font-size: 16px; line-height: 25px; text-align: justify;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><i>Como quitarlo ?</i></span></div><div style="font-size: 16px; line-height: 25px; text-align: justify;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><i><br />
</i></span></div><div style="font-size: 16px; line-height: 25px; text-align: justify;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><i><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; font-style: normal; line-height: 21px;"><b>[1]</b> Ve a la parte del código de tu plantilla y <b>expande los artilugios</b>.<br />
<b>[2]</b> Localiza esta línea de código:<br />
</span></i></span><br />
<blockquote style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://4.bp.blogspot.com/_8PJ-pgoBhWQ/TQiFjIauBPI/AAAAAAAAId8/bsuuip9D7Zo/s1600/el-escaparate-de-rosa-quote.png); background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(39, 112, 127); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(39, 112, 127); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(39, 112, 127); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(39, 112, 127); border-top-style: solid; border-top-width: 1px; font: normal normal normal 14px/22px 'normal helvetica', sans-serif; margin-bottom: 15px; margin-left: 55px; margin-top: 15px; overflow-x: auto; overflow-y: auto; padding-bottom: 10px; padding-left: 15px; padding-right: 5px; padding-top: 10px; width: 500px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><i><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; font-style: normal; line-height: 21px;"><a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a></span></i></span></blockquote><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><i><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; font-style: normal; line-height: 21px;"><br />
<b>[3]</b> Elimina el <b>rel='nofollow'</b>:<br />
</span></i></span><br />
<blockquote style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://4.bp.blogspot.com/_8PJ-pgoBhWQ/TQiFjIauBPI/AAAAAAAAId8/bsuuip9D7Zo/s1600/el-escaparate-de-rosa-quote.png); background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(39, 112, 127); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(39, 112, 127); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(39, 112, 127); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(39, 112, 127); border-top-style: solid; border-top-width: 1px; font: normal normal normal 14px/22px 'normal helvetica', sans-serif; margin-bottom: 15px; margin-left: 55px; margin-top: 15px; overflow-x: auto; overflow-y: auto; padding-bottom: 10px; padding-left: 15px; padding-right: 5px; padding-top: 10px; width: 500px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><i><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; font-style: normal; line-height: 21px;"><a expr:href='data:comment.authorUrl'></span></i></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><i><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; font-style: normal; line-height: 21px;"><data:comment.author/></a></span></i></span></blockquote><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><i><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; font-style: normal; line-height: 21px;"><br />
<br />
<b>Como eliminar el NoFollow en los backlinks</b><br />
<br />
<b>[1]</b> Seguimos los mismos pasos que para los comentarios, localizando en el paso <b>[2]</b>, esta</span></i></span></div><div style="font-size: 16px; line-height: 25px; text-align: justify;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><i><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; font-style: normal; line-height: 21px;"> línea de código:<br />
</span></i></span><br />
<blockquote style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://4.bp.blogspot.com/_8PJ-pgoBhWQ/TQiFjIauBPI/AAAAAAAAId8/bsuuip9D7Zo/s1600/el-escaparate-de-rosa-quote.png); background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(39, 112, 127); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(39, 112, 127); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(39, 112, 127); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(39, 112, 127); border-top-style: solid; border-top-width: 1px; font: normal normal normal 14px/22px 'normal helvetica', sans-serif; margin-bottom: 15px; margin-left: 55px; margin-top: 15px; overflow-x: auto; overflow-y: auto; padding-bottom: 10px; padding-left: 15px; padding-right: 5px; padding-top: 10px; width: 500px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><i><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; font-style: normal; line-height: 21px;"><a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a></span></i></span></blockquote><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><i><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; font-style: normal; line-height: 21px;"><br />
Igual que antes, hemos de eliminar el <b>rel='nofollow'</b>:<br />
</span></i></span><br />
<blockquote style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://4.bp.blogspot.com/_8PJ-pgoBhWQ/TQiFjIauBPI/AAAAAAAAId8/bsuuip9D7Zo/s1600/el-escaparate-de-rosa-quote.png); background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(39, 112, 127); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(39, 112, 127); border-left-style: solid; border-left-width: 4px; border-right-color: rgb(39, 112, 127); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(39, 112, 127); border-top-style: solid; border-top-width: 1px; font: normal normal normal 14px/22px 'normal helvetica', sans-serif; margin-bottom: 15px; margin-left: 55px; margin-top: 15px; overflow-x: auto; overflow-y: auto; padding-bottom: 10px; padding-left: 15px; padding-right: 5px; padding-top: 10px; width: 500px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><i><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; font-style: normal; line-height: 21px;"><a expr:href='data:backlink.url'></span></i></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><i><span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; font-style: normal; line-height: 21px;"><data:backlink.title/></a></span></i></span></blockquote></div><span class="Apple-style-span" style="font-size: x-small;">Esta parte fue obtenida del <a href="http://elescaparatederosa.blogspot.com/2008/02/no-follow.html">El Escaparate De Rosa</a></span><br />
<br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;">Si quieres alguno de estos da clic </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;">en la imagen y veras los codigos en la pagina </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;">de <a href="http://blogsconene.blogspot.com/2009/01/nofollow-en-blogs-con-ene.html">blogsconene</a></span><br />
<br />
<span class="Apple-style-span" style="color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 16px; line-height: 25px;"><a href="http://blogsconene.blogspot.com/2009/01/nofollow-en-blogs-con-ene.html" style="color: white; font-family: 'Comic Sans MS', Arial; font-weight: bold; text-decoration: none;" target="_blank" title="Blogs con EÑE"><img alt="Blog sin NOFOLLOW" border="0" height="53" src="http://3.bp.blogspot.com/_2KnWgJ0zDwI/SaEMzzj0qFI/AAAAAAAAAFw/eAiL5fS8p_U/s1600/nofollowlogo-naranja.png" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" width="118" /></a></span><span class="Apple-style-span" style="color: white; line-height: 25px;"><br />
</span><span class="Apple-style-span" style="font-family: monospace; font-size: x-small;"><span class="Apple-style-span" style="white-space: pre-wrap;"><br />
</span></span><br />
<span class="Apple-style-span" style="font-family: monospace; font-size: x-small;"><span class="Apple-style-span" style="white-space: pre-wrap;"><span class="Apple-style-span" style="color: white; line-height: 25px;"></span></span></span><br />
<span class="Apple-style-span" style="font-family: monospace;"><span class="Apple-style-span"><span class="Apple-style-span"><a href="http://blogsconene.blogspot.com/2009/01/nofollow-en-blogs-con-ene.html" style="color: white; font-family: 'Comic Sans MS', Arial; font-size: 16px; font-weight: bold; line-height: 25px; text-decoration: none; white-space: normal;" target="_blank" title="Blogs con EÑE"><img alt="Blog sin NOFOLLOW" border="0" height="53" src="http://4.bp.blogspot.com/_2KnWgJ0zDwI/SaEM6YLrNhI/AAAAAAAAAGA/RTXKKeCkS7o/s1600/nofollowlogo-verde.png" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" width="118" /></a><br />
<span class="Apple-style-span" style="white-space: pre-wrap;"><br />
</span></span></span></span><br />
<span class="Apple-style-span" style="font-family: monospace; font-size: x-small;"><span class="Apple-style-span" style="white-space: pre-wrap;"><span class="Apple-style-span" style="color: white; line-height: 25px;"></span></span></span><br />
<span class="Apple-style-span" style="font-family: monospace;"><span class="Apple-style-span"><span class="Apple-style-span"><a href="http://blogsconene.blogspot.com/2009/01/nofollow-en-blogs-con-ene.html" style="color: white; font-family: 'Comic Sans MS', Arial; font-size: 16px; font-weight: bold; line-height: 25px; text-decoration: none; white-space: normal;" target="_blank" title="Blogs con EÑE"><img alt="Blog sin NOFOLLOW" border="0" height="53" src="http://3.bp.blogspot.com/_2KnWgJ0zDwI/SaEM6AMDJSI/AAAAAAAAAF4/dMH4rNul5FA/s1600/nofollowlogo-rojo.png" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" width="118" /></a><br />
<span class="Apple-style-span" style="white-space: pre-wrap;"><br />
</span></span></span></span><br />
<span class="Apple-style-span" style="font-family: monospace; font-size: x-small;"><span class="Apple-style-span" style="white-space: pre-wrap;"><span class="Apple-style-span"><span class="Apple-style-span" style="color: white; line-height: 25px;"></span></span></span></span><br />
<span class="Apple-style-span" style="font-family: monospace;"><span class="Apple-style-span"><span class="Apple-style-span"><a href="http://blogsconene.blogspot.com/2009/01/nofollow-en-blogs-con-ene.html" style="color: white; font-family: 'Comic Sans MS', Arial; font-size: 16px; font-weight: bold; line-height: 25px; text-decoration: none; white-space: normal;" target="_blank" title="Blogs con EÑE"><img alt="Blog sin NOFOLLOW" border="0" height="53" src="http://1.bp.blogspot.com/_2KnWgJ0zDwI/SaEMzgVPXYI/AAAAAAAAAFg/5lT1HmsyIcM/s1600/nofollowlogo-gris.png" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" width="118" /></a><br />
<span class="Apple-style-span" style="white-space: pre-wrap;"><br />
</span></span></span></span><br />
<div><span class="Apple-style-span" style="font-family: monospace; font-size: x-small;"><span class="Apple-style-span" style="white-space: pre-wrap;"><br />
</span></span></div><div><span class="Apple-style-span" style="font-family: monospace;"><span class="Apple-style-span"><span class="Apple-style-span"><a href="http://blogsconene.blogspot.com/2009/01/nofollow-en-blogs-con-ene.html" style="color: white; font-family: 'Comic Sans MS', Arial; font-size: 16px; font-weight: bold; line-height: 25px; text-decoration: none; white-space: normal;" target="_blank" title="Blogs con EÑE"><img alt="Blog sin NOFOLLOW" border="0" height="53" src="http://4.bp.blogspot.com/_2KnWgJ0zDwI/SaEMz76JhRI/AAAAAAAAAFo/7UlvcVK5B74/s1600/nofollowlogo-lila.png" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" width="118" /></a><br />
<span class="Apple-style-span" style="white-space: pre-wrap;"><br />
</span></span></span></span></div><div><span class="Apple-style-span" style="font-family: monospace;"><span class="Apple-style-span" style="white-space: pre-wrap;"><span class="Apple-style-span" style="color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 25px; white-space: normal;"></span></span></span></div><div><span class="Apple-style-span" style="font-family: monospace;"><span class="Apple-style-span"><span class="Apple-style-span"><a href="http://blogsconene.blogspot.com/2009/01/nofollow-en-blogs-con-ene.html" style="color: white; font-family: 'Comic Sans MS', Arial; font-size: 16px; font-weight: bold; line-height: 25px; text-decoration: none; white-space: normal;" target="_blank" title="Blogs con EÑE"><img alt="Blog sin NOFOLLOW" border="0" height="53" src="http://3.bp.blogspot.com/_2KnWgJ0zDwI/SaEMzp91d8I/AAAAAAAAAFY/8bapFOfVGC8/s1600/nofollowlogo-azul.png" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;" width="118" /></a><br />
<span class="Apple-style-span" style="white-space: pre-wrap;"><br />
</span></span></span></span></div><span class="Apple-style-span" style="font-family: monospace;"><span class="Apple-style-span" style="white-space: pre-wrap;"> </span></span><br />
<span class="Apple-style-span" style="font-family: monospace; font-size: x-small;"><span class="Apple-style-span" style="white-space: pre-wrap;"><span class="Apple-style-span" style="color: white; line-height: 25px;"></span></span></span><br />
<span class="Apple-style-span" style="font-family: monospace; font-size: x-small;"><span class="Apple-style-span" style="white-space: pre-wrap;"><br />
</span></span>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com1tag:blogger.com,1999:blog-7272192480163718225.post-58816950942150527162011-01-04T21:46:00.000-08:002011-01-04T21:51:58.396-08:00Pac Man para Blog (Ver mas...)<a class="twitter-share-button" data-count="horizontal" data-lang="es" data-via="JuanithoMarin" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script><fb:like font="verdana" href="http://www.facebook.com/pages/TutoBlogger/167219176631034" layout="box_count" show_faces="true" width="1000"></fb:like><br />
<script src="http://www.gmodules.com/ig/ifr?url=http://www.schulz.dk/pacman.xml&up_LANG=es&synd=open&w=320&h=420&title=&lang=es&country=MX&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js">
</script><br />
<div style="text-align: left;"><span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;">Si quieres que tus visitantes permanezcan más tiempo en tu</span><span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;"> </span><span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;"><strong style="font-weight: bold;">blog</strong></span><span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;"> </span><span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;">y quieres</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;"> reducir el porcentaje de rebote de Google Analytics, la mejor alternativa es</span><span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;"> </span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;"></span><span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;"><strong style="font-weight: bold;">poner el Pacman en el blog</strong></span><span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;">, con esto le ofreceremos la posibilidad de jugar</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;"> al</span><span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;"> </span><span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;"><strong style="font-weight: bold;">Pacman</strong></span><span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;"> </span><span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;">a nuestros visitantes y seguramente estén más tiempo en el</span><span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;"> </span><span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;"><strong style="font-weight: bold;">blog</strong></span><span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;">.</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;"><br />
</span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;">Es muy fácil de hacer. Simplemente tenemos que crear un nuevo </span></div><div style="text-align: left;"><span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;">gadget <strong style="font-weight: bold;">HTML/Javascript</strong>y pegar en él el siguiente <strong style="font-weight: bold;">código</strong>:</span></div><span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #9fc5e8; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;"><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: 12px; font-weight: normal; line-height: normal;"><script src="http://www.gmodules.com/ig/ifr?url=http://www.schulz.dk/pacman.xml&amp;up_LANG=es&amp;synd=open&amp;w=<strong style="font-weight: bold;">320</strong>&amp;h=<strong style="font-weight: bold;">420</strong>&amp;title=</span></span><br />
<span class="Apple-style-span" style="color: #9fc5e8; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;"><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: 12px; font-weight: normal; line-height: normal;">&amp;lang=es&amp;country=MX&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script></span></span><br />
<span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;"><span class="Apple-style-span" style="color: #7f7f7f; font-family: 'Times New Roman'; font-size: 12px; font-weight: normal; line-height: normal;"><br />
</span></span><br />
<span class="Apple-style-span" style="color: #444444; font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif; font-size: 15px; font-weight: 300; line-height: 23px;"><span class="Apple-style-span" style="color: #7f7f7f; font-family: 'Times New Roman'; font-size: 12px; font-weight: normal; line-height: normal;"><br />
</span></span><br />
<div style="color: #444444; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 1.1em; padding-left: 0px; padding-right: 0px; padding-top: 0px;">También podemos pegarlo en una entrada, para eso simplemente creamos<br />
una entrada nueva, nos vamos al modo de <strong style="font-weight: bold;">HTML</strong> y pegamos el <strong style="font-weight: bold;">código</strong><br />
mencionado anteriormente.</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 1.1em; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="color: #444444;">Si querés cambiarle el ancho, simplemente modificá el </span><strong style="font-weight: bold;"><span class="Apple-style-span" style="color: red;">320</span></strong><span class="Apple-style-span" style="color: #444444;"> por otro número </span><br />
<span class="Apple-style-span" style="color: #444444;">mayor o menor, y para el alto sólo tienes que modificar el </span><strong style="font-weight: bold;"><span class="Apple-style-span" style="color: orange;">420</span></strong><span class="Apple-style-span" style="color: #444444;">.</span></div>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com0tag:blogger.com,1999:blog-7272192480163718225.post-48122724836994557662011-01-01T09:20:00.000-08:002011-01-01T09:20:07.772-08:00Alojamiento de archivos (Ver mas...)<a class="twitter-share-button" data-count="horizontal" data-lang="es" data-via="JuanithoMarin" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script><br />
<br />
<img alt="Dropbox" border="0" src="https://www.getdropbox.com/static/1239003732/images/main_logo.png" style="color: #333333; cursor: pointer; float: left; font-family: Arial, Tahoma, Verdana; font-size: 12px; height: 54px; line-height: 19px; margin-bottom: 10px; margin-left: 0pt; margin-right: 10px; margin-top: 0pt; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; width: 211px;" /><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;">Para quienes les gusta embellecer su blog se darán cuenta que tener un</span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"><strong>servicio de alojamiento</strong></span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;">es indispensable, ya sea para subir scripts, música, fotos o cualquier archivo que queramos. Para quienes usan</span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"><span style="font-style: italic; font-weight: bold;">Skydrive</span></span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;">ya sabrán del lío que se ha hecho cuando Microsoft decidió hacer las direcciones dinámicas, esto es que las direcciones de nuestros archivos cambian seguido, así que lo que teníamos en nuestro blog alojado en</span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"><span style="font-style: italic; font-weight: bold;">Skydrive</span></span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;">dejó de funcionar. Buscando las mejores alternativas me encontré con</span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"><strong>Dropbox</strong></span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;">, un</span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"><strong>servicio de almacenamiento de archivos</strong></span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;">que estoy seguro los enamorará.</span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"><br />
</span></span><br />
<ul style="color: #333333; font-size: 12px; line-height: 19px;"><li><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">2 gigas de espacio gratis (con la posibilidad de expandir hasta 10GB)</span></li>
<li><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Sube tus archivos a internet sin necesidad de abrir el navegador.</span></li>
<li><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Acceso a tus archivos desde cualquier equipo</span></li>
<li><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Recuperación de archivos eliminados</span></li>
<li><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Resumen de actividades en la cuenta</span></li>
<li><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Disponible para Windows, Mac y Linux</span></li>
</ul><div><span class="Apple-style-span" style="color: #333333; font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: 12px; line-height: 19px;"><br />
</span></span></div><div><span class="Apple-style-span" style="color: #333333; font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-size: 12px; line-height: 19px;">Es muy sencillo de obtenerlo simplemente hay que ir aqui: </span></span><a href="https://www.dropbox.com/">https://www.dropbox.com/</a></div><div>y dar clic donde dice Dowload dropbox <span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;">Una vez que lo hayas descargado verás que donde lo hayas instalado (por defecto de instala en</span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"><i>Mis documentos</i></span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;">) aparece una carpeta que se llama</span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"><span style="font-style: italic;">My Dropbox</span></span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;">, dentro de ella hay otra carpeta que se llama</span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"><span style="font-style: italic;">Public</span></span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;">. Lo único que tienes que hacer es arrastrar tus archivos a la carpeta</span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"><span style="font-style: italic;">Public</span></span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;">y automáticamente se subirán a Internet.</span></span></div>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com1tag:blogger.com,1999:blog-7272192480163718225.post-32965428472441224452011-01-01T09:05:00.000-08:002011-01-01T09:23:54.612-08:00Reproductor Flash Mp3 (Ver mas...)<a class="twitter-share-button" data-count="horizontal" data-lang="es" data-via="JuanithoMarin" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://t2.gstatic.com/images?q=tbn:xBWy7q2_6A0ySM:http://www.emiliaromagna.cia.it/progetti/audio.jpg&t=1" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="198" src="http://t2.gstatic.com/images?q=tbn:xBWy7q2_6A0ySM:http://www.emiliaromagna.cia.it/progetti/audio.jpg&t=1" width="200" /></a></div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Navegando en la red me encontre con unos reproductores de audio Mp3 para agregar al blog</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">quede facinado al verlos y ahora los quiero compartir con ustedes.</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Este reproductor es muy bueno como para agregar una musica de fondo a tus post y armonisar</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">mas tu sitio.</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Son muy sencillos de aplicar a tu blog solo ve a <span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"><b><i>Diseño > Elementos de la página > Añadir un gadget</i></b></span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;">, selecciona</span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"> </span><span class="Apple-style-span" style="color: #333333; font-size: 12px; line-height: 19px;"><b><i>HTML/Javascript</i></b></span></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Aqui debajo dejo los reproductores y sus codigos:</span><br />
<br />
<object data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" height="20" style="clear: left; float: left;" type="application/x-shockwave-flash" width="200"> <param value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" name="movie"/><param value="#ffffff" name="bgcolor"/><param value="mp3=http%3A//dl.dropbox.com/u/15296604/Alex%20Campos-%20Quisiera%20Ser.mp3&showstop=1&showinfo=1&showvolume=1" name="FlashVars"/></object><br />
<span class="Apple-style-span" style="color: blue;"><br />
</span><br />
<br />
<span class="Apple-style-span" style="color: blue;"><object data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="200" height="20" type="application/x-shockwave-flash"></span><br />
<span class="Apple-style-span" style="color: blue;"><param value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" name="movie"/></span><br />
<span class="Apple-style-span" style="color: blue;"><param value="#ffffff" name="bgcolor"/></span><br />
<span class="Apple-style-span" style="color: blue;"><param value="mp3=http%3A//</span><span class="Apple-style-span" style="color: #741b47;">dl.dropbox.com/u/15296604/Alex%20Campos-%20Quisiera%20Ser.mp3</span><span class="Apple-style-span" style="color: blue;">&amp;showstop=1&amp;showinfo=1&amp;showvolume=1" name="FlashVars"/></span><br />
<span class="Apple-style-span" style="color: blue;"></object></span><br />
<span class="Apple-style-span" style="color: blue;"><br />
</span><br />
<span class="Apple-style-span" style="color: blue;"><br />
</span><br />
<object data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" height="100" type="application/x-shockwave-flash" width="200"> <param value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" name="movie"/><param value="#ffffff" name="bgcolor"/><param value="mp3=http%3A//dl.getdropbox.com/u/647003/Titanic.mp3&title=Titanic|Romance anónimo&showvolume=1&showinfo=1" name="FlashVars">|http%3A//URL de la canción DOS.mp3&showvolume=1&showinfo=1" name="FlashVars"/> </object><br />
<br />
<span class="Apple-style-span" style="color: blue; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 15px;"><object data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="200" height="100" type="application/x-shockwave-flash"></span><span class="Apple-style-span" style="color: blue; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="color: blue; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 15px;"><param value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" name="movie"/></span><span class="Apple-style-span" style="color: blue; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="color: blue; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 15px;"><param value="#ffffff" name="bgcolor"/></span><span class="Apple-style-span" style="color: blue; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 15px;"><span class="Apple-style-span" style="color: blue;"><param value="mp3=</span><span class="Apple-style-span" style="color: purple;">http%3A//</span></span><span class="Apple-style-span" style="color: purple;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 15px;">URL de la canción UNO.mp3</span><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 15px;">|http%3A//</span><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 15px;">URL de la canción DOS.mp3</span></span><span class="Apple-style-span" style="color: blue; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 15px;">&amp;showvolume=1&amp;showinfo=1" name="FlashVars"/></span><span class="Apple-style-span" style="color: blue; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 15px;"><br />
</span><span class="Apple-style-span" style="color: blue; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 15px;"></object></span><br />
<br />
<br />
<span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;">Si quisieras que el audio se reproduzca automáticamente entonces al final de la URL agrega esto:</span><br />
<span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><span class="Apple-style-span" style="line-height: 15px;"><span class="Apple-style-span" style="color: blue;">&amp;autoplay=1</span></span></span><br />
<span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><span class="Apple-style-span" style="line-height: 15px;"><span class="Apple-style-span" style="color: blue;"><br />
</span></span></span><br />
<span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><span class="Apple-style-span" style="line-height: 15px;"><span class="Apple-style-span" style="color: blue;"><span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="color: #333333;">Quedaría así:</span><br />
http%3A//mimusica.com/cancion.mp3<b>&amp;autoplay=1</b><br />
<br />
<span class="Apple-style-span" style="color: #333333;">En la versión multi para agregar más canciones hay que agregar al final de cada URL lo siguiente más la URL de la canción:</span></span></span></span></span><br />
<span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><span class="Apple-style-span" style="line-height: 15px;"><span class="Apple-style-span" style="color: blue;"><span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="line-height: 15px;">|http%3A//</span><br />
<br />
<span class="Apple-style-span" style="color: #333333;">Por ejemplo:</span><br />
http%3A//URL de la canción UNO.mp3<b>|</b>http%3A//URL de la canción DOS.mp3<b>|</b>http%3A//URL de la canción TRES.mp3</span></span></span></span>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com1tag:blogger.com,1999:blog-7272192480163718225.post-59264418122214814072010-12-25T18:49:00.000-08:002010-12-25T18:52:42.710-08:00Fuegos artificiales (Ver mas...)<a class="twitter-share-button" data-count="horizontal" data-lang="es" data-via="JuanithoMarin" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Pensaba yo en que ya faltan seis días para </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">despedir el año 2010 y dije me gustaría agregar a mi blog algo de</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">fuegos artificiales y andando en Internet me encontré con estos </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">códigos que quiero compartirlos con ustedes...</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">espero les sirva ..Espero sus comentarios </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://us.123rf.com/400wm/400/400/terifrancis/terifrancis0805/terifrancis080500020/2993529-a-o-nuevo-fondo-para-el-a-o-2010-en-negro-con-fuegos-artificiales.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="http://us.123rf.com/400wm/400/400/terifrancis/terifrancis0805/terifrancis080500020/2993529-a-o-nuevo-fondo-para-el-a-o-2010-en-negro-con-fuegos-artificiales.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;">Solo copia y pega este codigo </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;">antes de </head></span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><br />
</span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><span class="Apple-style-span" style="color: #070707; font-family: Arial, sans-serif; font-size: 11px; line-height: 16px;"><script type="text/javascript"><br />
//<![CDATA[<br />
var bits=100; // <b style="color: red;">cuantos bits</b><br />
var intensity=7; // <b><span style="color: red;">que tan "poderosa" es la explosión. (recomendado entre 3 y 10)</span></b><br />
var speed=20; // <b><span style="color: red;">rapidez (a menor numero, mas rapido)</span></b><br />
var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cc", "#f93");</span></span></div><div style="color: red;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"><b>//azul rojo verde purpura cyan, naranjo</b></span></div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: x-small;"><br />
var dx, xpos, ypos, bangheight;<br />
var Xpos=new Array();<br />
var Ypos=new Array();<br />
var dX=new Array();<br />
var dY=new Array();<br />
var decay=new Array();<br />
var colour=0;<br />
var swide=800;<br />
var shigh=600;<br />
function write_fire() {<br />
var b, s;<br />
b=document.createElement("div");<br />
s=b.style;<br />
s.position="absolute";<br />
b.setAttribute("id", "bod");<br />
document.body.appendChild(b);<br />
set_scroll();<br />
set_width();<br />
b.appendChild(div("lg", 3, 4));<br />
b.appendChild(div("tg", 2, 3));<br />
for (var i=0; i<bits; i++) b.appendChild(div("bg"+i, 1, 1));<br />
}<br />
function div(id, w, h) {<br />
var d=document.createElement("div");<br />
d.style.position="absolute";<br />
d.style.overflow="hidden";<br />
d.style.width=w+"px";<br />
d.style.height=h+"px";<br />
d.setAttribute("id", id);<br />
return (d);<br />
}<br />
function bang() {<br />
var i, X, Y, Z, A=0;<br />
for (i=0; i<bits; i++) {<br />
X=Math.round(Xpos[i]);<br />
Y=Math.round(Ypos[i]);<br />
Z=document.getElementById("bg"+i).style;<br />
if((X>=0)&&(X<swide)&&(Y>=0)&&(Y<shigh)) {<br />
Z.left=X+"px";<br />
Z.top=Y+"px";<br />
}<br />
if ((decay[i]-=1)>14) {<br />
Z.width="3px";<br />
Z.height="3px";<br />
}<br />
else if (decay[i]>7) {<br />
Z.width="2px";<br />
Z.height="2px";<br />
}<br />
else if (decay[i]>3) {<br />
Z.width="1px";<br />
Z.height="1px";<br />
}<br />
else if (++A) Z.visibility="hidden";<br />
Xpos[i]+=dX[i];<br />
Ypos[i]+=(dY[i]+=1.25/intensity);<br />
}<br />
if (A!=bits) setTimeout("bang()", speed);<br />
}<br />
<br />
function stepthrough() {<br />
var i, Z;<br />
var oldx=xpos;<br />
var oldy=ypos;<br />
xpos+=dx;<br />
ypos-=4;<br />
if (ypos<bangheight||xpos<0||xpos>=swide||ypos>=shigh) {<br />
for (i=0; i<bits; i++) {<br />
Xpos[i]=xpos;<br />
Ypos[i]=ypos;<br />
dY[i]=(Math.random()-0.5)*intensity;<br />
dX[i]=(Math.random()-0.5)*(intensity-Math.abs(dY[i]))*1.25;<br />
decay[i]=Math.floor((Math.random()*16)+16);<br />
Z=document.getElementById("bg"+i).style;<br />
Z.backgroundColor=colours[colour];<br />
Z.visibility="visible";<br />
}<br />
bang();<br />
launch();<br />
}<br />
document.getElementById("lg").style.left=xpos+"px";<br />
document.getElementById("lg").style.top=ypos+"px";<br />
document.getElementById("tg").style.left=oldx+"px";<br />
document.getElementById("tg").style.top=oldy+"px";<br />
}<br />
function launch() {<br />
colour=Math.floor(Math.random()*colours.length);<br />
xpos=Math.round((0.5+Math.random())*swide*0.5);<br />
ypos=shigh-5;<br />
dx=(Math.random()-0.5)*4;<br />
bangheight=Math.round((0.5+Math.random())*shigh*0.4);<br />
document.getElementById("lg").style.backgroundColor=colours[colour];<br />
document.getElementById("tg").style.backgroundColor=colours[colour];<br />
}<br />
window.onscroll=set_scroll;<br />
function set_scroll() {<br />
var sleft, sdown;<br />
if (typeof(self.pageYOffset)=="number") {<br />
sdown=self.pageYOffset;<br />
sleft=self.pageXOffset;<br />
}<br />
else if (document.body.scrollTop || document.body.scrollLeft) {<br />
sdown=document.body.scrollTop;<br />
sleft=document.body.scrollLeft;<br />
}<br />
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {<br />
sleft=document.documentElement.scrollLeft;<br />
sdown=document.documentElement.scrollTop;<br />
}<br />
else {<br />
sdown=0;<br />
sleft=0;<br />
}<br />
var s=document.getElementById("bod").style;<br />
s.top=sdown+"px";<br />
s.left=sleft+"px";<br />
}<br />
window.onresize=set_width;<br />
function set_width() {<br />
if (typeof(self.innerWidth)=="number") {<br />
swide=self.innerWidth;<br />
shigh=self.innerHeight;<br />
}<br />
else if (document.documentElement && document.documentElement.clientWidth) {<br />
swide=document.documentElement.clientWidth;<br />
shigh=document.documentElement.clientHeight;<br />
}<br />
else if (document.body.clientWidth) {<br />
swide=document.body.clientWidth;<br />
shigh=document.body.clientHeight;<br />
}<br />
}<br />
window.onload=function() { if (document.getElementById) {<br />
set_width();<br />
write_fire();<br />
launch();<br />
setInterval('stepthrough()', speed);<br />
}}<br />
//]]><br />
</script></span>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com0tag:blogger.com,1999:blog-7272192480163718225.post-65969713874872571902010-12-22T21:11:00.000-08:002010-12-22T21:19:43.079-08:00Mario Bros Infinito (Ver mas...)<a class="twitter-share-button" data-count="horizontal" data-lang="es" data-via="JuanithoMarin" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b>Juego Para PC!</b> </span><br />
<span class="Apple-style-span" style="color: #222222; line-height: 18px;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b>Descripción del juego infinito de Flash Mario Bros</b>: Número infinito de niveles generados aleatoriamente Mario cada vez que vuelve a cargar el juego. Mario ilimitado!</span></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Andando en el blog de antonio100101 encontre que nuestro amigo puso un juego a descargar</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">totalmente gratis! yo no aguante las ancias de tenerlo y la verdad me ha gustado mucho.</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">los invito a descargar este magnifico juego.</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Para Descargar <a href="http://antonio100101official.blogspot.com/"><b>ir al sitio Official de Antonio100101</b></a></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://www.superjuegos.net/games_imgs/infinite-mario-bros.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="357" src="http://www.superjuegos.net/games_imgs/infinite-mario-bros.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com0tag:blogger.com,1999:blog-7272192480163718225.post-26649826079839883332010-12-19T23:00:00.000-08:002010-12-19T23:08:33.239-08:00Favicon<div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">El </span><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b><i><span class="Apple-style-span" style="color: #134f5c;">favicon</span></i></b></span><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"> es un ícono; esa pequeña imagen </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">que aparece en los navegadores junto a la </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">dirección, ya </span><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">sea en la barra de títulos </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">del navegador,</span><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">en las pestañas o </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">en los marcadores.</span></div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"></span><br />
<div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">En Blogger se insertan igual que en </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">cualquier otra página <span style="font-style: italic; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">web</span>, basta </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">colocar el código necesario pero, </span></div><br />
<br />
<div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">respetando algunas condiciones.</span></div><img class="izquierda" src="http://www.blogger.com/favicon.ico" style="float: left; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 10px; padding-top: 0px; text-align: left;" /><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"></span><br />
<div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Como Blogger agrega su propio favicon a Nuestras páginas.</span></div><br />
<div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"></span><br />
<div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><a href="http://2.bp.blogspot.com/_gDz5HnPo9xw/TQ79MTqArnI/AAAAAAAAACI/kZaN1bTNxY8/s1600/TutoO.ico" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"><img border="0" src="http://2.bp.blogspot.com/_gDz5HnPo9xw/TQ79MTqArnI/AAAAAAAAACI/kZaN1bTNxY8/s1600/TutoO.ico" /></a><a href="http://4.bp.blogspot.com/_gDz5HnPo9xw/TQ782Slo8AI/AAAAAAAAACE/qk1_597R5sk/s1600/animated_favicon122.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"><img border="0" src="http://4.bp.blogspot.com/_gDz5HnPo9xw/TQ782Slo8AI/AAAAAAAAACE/qk1_597R5sk/s1600/animated_favicon122.gif" /></a></span><br />
<div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">Algo muy importante que debemos de tomar </span></div><br />
<div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">en cuenta es que en Internet Explorer los </span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">favicones sólo pueden ser imágenes en formato </span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">ICO y su nombre debe ser <span style="font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">favicon.ico</span> en el </span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">resto de los navegadores, podemos usar cualquier</span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"> otro formato de imagen e incluso, gifs animados.</span></div></div><div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">En todos los casos, basta alojar la imagen en </span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">algún servidor y luego, colocar esto en cualquier</span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"> aprte antes de <span style="font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></head></span>:</span></div></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><br />
</span></div></div><pre style="border-left-color: rgb(33, 42, 51); border-left-style: solid; border-left-width: 4px; font-family: 'Lucida Grande', Arial, 'Trebuchet MS'; line-height: 17px; margin-bottom: 15px; margin-left: 10px; margin-right: 0px; margin-top: 15px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; white-space: pre-wrap;"><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="color: #666666;"><link href='</span><span style="background-color: #c27ba0; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="color: purple;">URL_imagen</span></span><span class="Apple-style-span" style="color: #666666;">' rel='shortcut icon' type='image/x-icon' /></span></span></div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><div style="text-align: left;"><span class="Apple-style-span" style="color: #666666;"><link href='</span><span style="background-color: #c27ba0; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="color: purple;">URL_imagen</span></span><span class="Apple-style-span" style="color: #666666;">' rel='icon' type='image/x-icon' />}</span></div></span></pre></div><div style="text-align: left;"><br />
</div><div><br />
<div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"></span><br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><div style="text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="color: #cccccc; font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif;">Y</span>a que Internet Explorer no acepta </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">cualquier imagen, podríamos condicionar </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">el favicon de tal modo que se viera uno </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">en ese navegador y otro en el resto así </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">que a lo anterior, podemos agregarle algo así:</span></div></div><pre style="border-left-color: rgb(33, 42, 51); border-left-style: solid; border-left-width: 4px; line-height: 17px; margin-bottom: 15px; margin-left: 10px; margin-right: 0px; margin-top: 15px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; white-space: pre-wrap;"><div style="text-align: left;"><span class="Apple-style-span" style="color: orange; font-family: 'Courier New', Courier, monospace;"><!--[if IE]></span></div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><div style="text-align: left;"><link href='<span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="color: blue;">URL_favicon.ico</span></span>' rel='shortcut icon' type='image/x-icon' /></div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><div style="text-align: left;"><link href='<span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="color: blue;">URL_favicon.ico</span></span>' rel='icon' type='image/x-icon' /></div><span class="Apple-style-span" style="color: orange;"><div style="text-align: left;"><![endif]--></div></span></span></span></pre><pre style="border-left-color: rgb(33, 42, 51); border-left-style: solid; border-left-width: 4px; margin-bottom: 15px; margin-left: 10px; margin-right: 0px; margin-top: 15px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="white-space: normal;">Aqui abajo el link de la pagina para crear nuestro Favicon</span></span></pre><pre style="border-left-color: rgb(33, 42, 51); border-left-style: solid; border-left-width: 4px; margin-bottom: 15px; margin-left: 10px; margin-right: 0px; margin-top: 15px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="white-space: normal;"><a href="http://www.chami.com/html-kit/services/favicon/">http://www.chami.com/html-kit/services/favicon/</a></span></span></span></pre><span class="Apple-style-span" style="color: #cccccc; font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif; font-size: 14px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></div></div></div>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com0tag:blogger.com,1999:blog-7272192480163718225.post-38583597661009822502010-12-19T18:31:00.000-08:002010-12-19T18:58:53.916-08:00Texto que sigue al cursor en forma giratoria (Ver mas...)<a href="http://4.bp.blogspot.com/_gDz5HnPo9xw/TQ7GMVs9jAI/AAAAAAAAAB4/IrwDpBoEDB4/s1600/ITexto.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="168" src="http://4.bp.blogspot.com/_gDz5HnPo9xw/TQ7GMVs9jAI/AAAAAAAAAB4/IrwDpBoEDB4/s200/ITexto.png" width="200" /></a><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;">Aquí les traigo un Script de <span class="Apple-style-span" style="color: #333333; line-height: 19px;">Tim Tilton </span><span class="Apple-style-span" style="color: #333333; line-height: 19px;">que hace que el texto persiga al cursor pero en forma giratoria; cuando el cursor se mueve el texto lo sigue en forma ondulante y al detenerse gira alrededor del cursor. </span></span><script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script><fb:like font="lucida grande" href="http://www.facebook.com/pages/TutoBlogger/167219176631034" show_faces="false" width="450"></fb:like><br />
<div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><span class="Apple-style-span" style="color: #333333; line-height: 19px;"><br />
</span></span></div><div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><span class="Apple-style-span" style="color: #333333;"><span class="Apple-style-span" style="line-height: 19px;">Aquí debajo les dejo el codigo </span></span></span></div><div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><span class="Apple-style-span" style="color: #333333; line-height: 19px;">entras a <b><i>Diseño>Edicion Html></i></b> y antes de <b><i></head></i></b></span></span></div><div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><span class="Apple-style-span" style="color: #333333; line-height: 19px;"><b><i></i></b> pegue lo siguientes.</span></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><span class="Apple-style-span" style="color: #333333; line-height: 19px;">Para ver ejemplo ir a <b><a href="http://tutobloggeropruebas.blogspot.com/">Blog de pruebas.</a></b></span></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><span class="Apple-style-span" style="color: #333333; line-height: 19px;"><br />
</span></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><span class="Apple-style-span" style="color: #333333; line-height: 19px;"><br />
</span></span></div><div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><span class="Apple-style-span" style="color: #333333; line-height: 19px;"><br />
</span></span></div><div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px;"><br />
</span></span></div><table border="1" style="width: 200px;"><tbody>
<tr> <td bgcolor="#009966"> <span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 15px;"><style type='text/css'></span><br />
<span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 15px;"><span class="Apple-style-span" style="color: #333333;">/* Texto giratorio que sigue al cursor */</span><br />
<span class="Apple-style-span" style="color: #333333;">#outerCircleText {</span><br />
<span class="Apple-style-span" style="color: #333333;">font-style: italic;</span><br />
<span class="Apple-style-span" style="color: #333333;">font-weight: bold;</span><br />
<span class="Apple-style-span" style="color: #333333;">font-family: verdana, arial; </span><span class="Apple-style-span" style="color: #009900;">/</span><span class="Apple-style-span" style="color: #666666;">* Tipo de letra */</span><br />
<span class="Apple-style-span" style="color: #333333;">color: #000; </span><span class="Apple-style-span" style="color: #009900;">/</span><span class="Apple-style-span" style="color: #666666;">* Color del texto */</span><br />
<br />
<span class="Apple-style-span" style="color: #009900;">/* No editar esta area */</span><br />
<span class="Apple-style-span" style="color: #333333;">position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}</span><br />
<span class="Apple-style-span" style="color: #333333;">#outerCircleText div {position: relative;}</span><br />
<span class="Apple-style-span" style="color: #333333;">#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}</span><br />
<span class="Apple-style-span" style="color: #333333;"></style></span><br />
<span class="Apple-style-span" style="color: #333333;"><script type='text/javascript'></span><br />
<span class="Apple-style-span" style="color: #333333;">//<![CDATA[</span><br />
<span class="Apple-style-span" style="color: #333333;">/* Circling text trail- Tim Tilton</span><br />
<span class="Apple-style-span" style="color: #333333;">Website: http://www.tempermedia.com/</span><br />
<span class="Apple-style-span" style="color: #333333;">Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts</span><br />
<span class="Apple-style-span" style="color: #333333;">Modified Here for more flexibility and modern browser support</span><br />
<span class="Apple-style-span" style="color: #333333;">Modifications as first seen in http://www.dynamicdrive.com/forums/</span><br />
<span class="Apple-style-span" style="color: #333333;">username:jscheuer1 - This notice must remain for legal use</span><br />
<span class="Apple-style-span" style="color: #333333;">*/</span><br />
<br />
<span class="Apple-style-span" style="color: #333333;">;(function(){</span><br />
<br />
<span class="Apple-style-span" style="color: #009900;">// Mensaje</span><br />
<span class="Apple-style-span" style="color: #333333;">var msg = "</span><span class="Apple-style-span" style="color: yellow;">Bienvenido a TutoBloggero</span><span class="Apple-style-span" style="color: #333333;">";</span><br />
<br />
<span class="Apple-style-span" style="color: #009900;">// Tamaño de la letra</span><br />
<span class="Apple-style-span" style="color: #333333;">var size = 22;</span><br />
<br />
<span class="Apple-style-span" style="color: #009900;">// Determina si es ovalado o circular, 1 es circular, 2 es ovalado</span><br />
<span class="Apple-style-span" style="color: #333333;">var circleY = 0.75; var circleX = 2;</span><br />
<br />
<span class="Apple-style-span" style="color: #009900;">// Espacio entre cada letra</span><br />
<span class="Apple-style-span" style="color: #333333;">var letter_spacing = 5;</span><br />
<br />
<span class="Apple-style-span" style="color: #009900;">// Diametro del circulo</span><br />
<span class="Apple-style-span" style="color: #333333;">var diameter = 10;</span><br />
<br />
<span class="Apple-style-span" style="color: #009900;">// Velocidad de rotacion</span><br />
<span class="Apple-style-span" style="color: #333333;">var rotation = 0.4;</span><br />
<br />
<span class="Apple-style-span" style="color: #009900;">// Velocidad de reaccion</span><br />
<span class="Apple-style-span" style="color: #333333;">var speed = 0.3;</span><br />
<br />
<span class="Apple-style-span" style="color: #444444;">////////////////////// No editar nada mas //////////////////////</span><br />
<br />
<span class="Apple-style-span" style="color: #333333;">if (!window.addEventListener && !window.attachEvent || !document.createElement) return;</span><br />
<br />
<span class="Apple-style-span" style="color: #333333;">msg = msg.split('');</span><br />
<span class="Apple-style-span" style="color: #333333;">var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,</span><br />
<span class="Apple-style-span" style="color: #333333;">ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],</span><br />
<span class="Apple-style-span" style="color: #333333;">o = document.createElement('div'), oi = document.createElement('div'),</span><br />
<span class="Apple-style-span" style="color: #333333;">b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,</span><br />
<br />
<span class="Apple-style-span" style="color: #333333;">mouse = function(e){</span><br />
<span class="Apple-style-span" style="color: #333333;">e = e || window.event;</span><br />
<span class="Apple-style-span" style="color: #333333;">ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position</span><br />
<span class="Apple-style-span" style="color: #333333;">xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position</span><br />
<span class="Apple-style-span" style="color: #333333;">},</span><br />
<br />
<span class="Apple-style-span" style="color: #333333;">makecircle = function(){ // rotation/positioning</span><br />
<span class="Apple-style-span" style="color: #333333;">if(init.nopy){</span><br />
<span class="Apple-style-span" style="color: #333333;">o.style.top = (b || document.body).scrollTop + 'px';</span><br />
<span class="Apple-style-span" style="color: #333333;">o.style.left = (b || document.body).scrollLeft + 'px';</span><br />
<span class="Apple-style-span" style="color: #333333;">};</span><br />
<span class="Apple-style-span" style="color: #333333;">currStep -= rotation;</span><br />
<span class="Apple-style-span" style="color: #333333;">for (var d, i = n; i > -1; --i){ // makes the circle</span><br />
<span class="Apple-style-span" style="color: #333333;">d = document.getElementById('iemsg' + i).style;</span><br />
<span class="Apple-style-span" style="color: #333333;">d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';</span><br />
<span class="Apple-style-span" style="color: #333333;">d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';</span><br />
<span class="Apple-style-span" style="color: #333333;">};</span><br />
<span class="Apple-style-span" style="color: #333333;">},</span><br />
<br />
<span class="Apple-style-span" style="color: #333333;">drag = function(){ // makes the resistance</span><br />
<span class="Apple-style-span" style="color: #333333;">y[0] = Y[0] += (ymouse - Y[0]) * speed;</span><br />
<span class="Apple-style-span" style="color: #333333;">x[0] = X[0] += (xmouse - 20 - X[0]) * speed;</span><br />
<span class="Apple-style-span" style="color: #333333;">for (var i = n; i > 0; --i){</span><br />
<span class="Apple-style-span" style="color: #333333;">y[i] = Y[i] += (y[i-1] - Y[i]) * speed;</span><br />
<span class="Apple-style-span" style="color: #333333;">x[i] = X[i] += (x[i-1] - X[i]) * speed;</span><br />
<span class="Apple-style-span" style="color: #333333;">};</span><br />
<span class="Apple-style-span" style="color: #333333;">makecircle();</span><br />
<span class="Apple-style-span" style="color: #333333;">},</span><br />
<br />
<span class="Apple-style-span" style="color: #333333;">init = function(){ // appends message divs, & sets initial values for positioning arrays</span><br />
<span class="Apple-style-span" style="color: #333333;">if(!isNaN(window.pageYOffset)){</span><br />
<span class="Apple-style-span" style="color: #333333;">ymouse += window.pageYOffset;</span><br />
<span class="Apple-style-span" style="color: #333333;">xmouse += window.pageXOffset;</span><br />
<span class="Apple-style-span" style="color: #333333;">} else init.nopy = true;</span><br />
<span class="Apple-style-span" style="color: #333333;">for (var d, i = n; i > -1; --i){</span><br />
<span class="Apple-style-span" style="color: #333333;">d = document.createElement('div'); d.id = 'iemsg' + i;</span><br />
<span class="Apple-style-span" style="color: #333333;">d.style.height = d.style.width = a + 'px';</span><br />
<span class="Apple-style-span" style="color: #333333;">d.appendChild(document.createTextNode(msg[i]));</span><br />
<span class="Apple-style-span" style="color: #333333;">oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;</span><br />
<span class="Apple-style-span" style="color: #333333;">};</span><br />
<span class="Apple-style-span" style="color: #333333;">o.appendChild(oi); document.body.appendChild(o);</span><br />
<span class="Apple-style-span" style="color: #333333;">setInterval(drag, 25);</span><br />
<span class="Apple-style-span" style="color: #333333;">},</span><br />
<br />
<span class="Apple-style-span" style="color: #333333;">ascroll = function(){</span><br />
<span class="Apple-style-span" style="color: #333333;">ymouse += window.pageYOffset;</span><br />
<span class="Apple-style-span" style="color: #333333;">xmouse += window.pageXOffset;</span><br />
<span class="Apple-style-span" style="color: #333333;">window.removeEventListener('scroll', ascroll, false);</span><br />
<span class="Apple-style-span" style="color: #333333;">};</span><br />
<br />
<span class="Apple-style-span" style="color: #333333;">o.id = 'outerCircleText'; o.style.fontSize = size + 'px';</span><br />
<br />
<span class="Apple-style-span" style="color: #333333;">if (window.addEventListener){</span><br />
<span class="Apple-style-span" style="color: #333333;">window.addEventListener('load', init, false);</span><br />
<span class="Apple-style-span" style="color: #333333;">document.addEventListener('mouseover', mouse, false);</span><br />
<span class="Apple-style-span" style="color: #333333;">document.addEventListener('mousemove', mouse, false);</span><br />
<span class="Apple-style-span" style="color: #333333;">if (/Apple/.test(navigator.vendor))</span><br />
<span class="Apple-style-span" style="color: #333333;">window.addEventListener('scroll', ascroll, false);</span><br />
<span class="Apple-style-span" style="color: #333333;">}</span><br />
<span class="Apple-style-span" style="color: #333333;">else if (window.attachEvent){</span><br />
<span class="Apple-style-span" style="color: #333333;">window.attachEvent('onload', init);</span><br />
<span class="Apple-style-span" style="color: #333333;">document.attachEvent('onmousemove', mouse);</span><br />
<span class="Apple-style-span" style="color: #333333;">};</span><br />
<br />
<span class="Apple-style-span" style="color: #333333;">})();</span><br />
<span class="Apple-style-span" style="color: #333333;">//]]></span><br />
<span class="Apple-style-span" style="color: #333333;"></script></span></span></td> </tr>
</tbody></table><br />
<div><br />
</div>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com0tag:blogger.com,1999:blog-7272192480163718225.post-72349378453188576222010-12-19T15:57:00.001-08:002010-12-19T18:33:32.541-08:00Numero de usuarios en linea (Ver todo..)<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FTutoBlogger%2F167219176631034&layout=standard&show_faces=false&width=450&action=like&font=lucida+grande&colorscheme=light&height=35" style="border: none; height: 35px; overflow: hidden; width: 450px;"></iframe><br />
Quieres saber cuantos lectores tienes en linea en tu sitio? bueno ahora es muy sencillo por que <span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><span style="font-weight: bold; text-decoration: underline;"><span class="Apple-style-span" style="color: blue;"><a href="http://whos.amung.us/" style="text-decoration: underline;" target="_blank">Whos amung us</a> </span></span></span><br />
<span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 19px;"><b>nos trae una herraminenta muy util para nuestros sitios, sin necesidad de registro ni nada por el estilo simplemente entras buscas el gitget que mas te guste copias el codigo y pegas y listo.</b></span></span><br />
<span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 19px;"><b>Y obtendras algo como esto:</b></span></span><br />
<span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 19px;"><b><br />
</b></span></span><br />
<span class="Apple-style-span"><span style="font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><span class="Apple-style-span" style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: xx-small;"><span class="Apple-style-span" style="letter-spacing: 1px; line-height: normal;"><br />
</span></span> </span></span><br />
<span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana;"><span class="Apple-style-span" style="font-size: 12px; line-height: 19px;"><b><br />
</b></span></span><br />
<br />
<script type="text/javascript" src="http://widgets.amung.us/classic.js"></script><script type="text/javascript">WAU_classic('08x617c1xchm')</script>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com0tag:blogger.com,1999:blog-7272192480163718225.post-29933901303931174592010-12-14T23:33:00.000-08:002010-12-16T17:18:12.768-08:00Boton de rojo (Broma)<iframe align="middle" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://vagadata.blogspot.com/2009/07/botonrojo.html" style="height: 400px; width: 620px;"></iframe><br />
<br />
<span class="Apple-style-span" style="color: #444444; font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif;"><span class="Apple-style-span" style="font-size: 12px;"><br />
</span></span><br />
<span class="Apple-style-span" style="color: #444444; font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif;"><span class="Apple-style-span" style="font-size: 12px;"><br />
</span></span><br />
<span class="Apple-style-span" style="color: #444444; font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif;"><span class="Apple-style-span" style="font-size: 12px;"><br />
</span></span><br />
<span class="Apple-style-span" style="color: #444444; font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif;"><span class="Apple-style-span" style="font-size: 12px;"><br />
</span></span><br />
<span class="Apple-style-span" style="color: #444444; font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif;"><span class="Apple-style-span" style="font-size: 12px;"><br />
</span></span><br />
<span class="Apple-style-span" style="color: #444444; font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif;"><span class="Apple-style-span" style="font-size: 12px;"><br />
</span></span><br />
<span class="Apple-style-span" style="color: #444444; font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif;"><span class="Apple-style-span" style="font-size: 12px;"><br />
</span></span><br />
<span class="Apple-style-span" style="color: #444444; font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif;"><span class="Apple-style-span" style="font-size: 12px;"><br />
</span></span><br />
<span class="Apple-style-span" style="color: #444444; font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif;"><span class="Apple-style-span" style="font-size: 12px;"><br />
</span></span><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;">Codigo del Boton:</span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><br />
</span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><br />
</span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><iframe frameborder="0" scrolling="no" align="middle" <br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />src="http://vagadata.blogspot.com/2009/07/</span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"></span></b><b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;">botonrojo.html" marginheight="0" marginwidth="0" </span></b><br />
<b><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;">style="width: 620px; height: 400px;" /></span></b>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com4tag:blogger.com,1999:blog-7272192480163718225.post-91891201853282104062010-12-14T20:26:00.000-08:002010-12-15T21:30:30.717-08:00Gatget de suscripcionAqui les traigo unos codigos para agregar un gatget de suscripcion para agregar a nuestro sitio es muy sencillo de agregar, si quieres obtenerlo simplemente copia y pega el codigo<br />
<br />
<br />
Ejemplo:<br />
<img alt="Gadget-suscribe-uno" src="http://2.bp.blogspot.com/_8PJ-pgoBhWQ/TBvqM1AzxiI/AAAAAAAAINU/Bexhoyz0Ybs/s320/Gadget-suscribe1.jpg" /><br />
<br />
<br />
<br />
Codigos:<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;"><div style="border: 1px solid #4682b4;padding:5px;"></span><span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;"><br />
</span><span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;"><a href="http://feedburner.google.com/fb/a/mailverify?uri=</span><span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;"><b>Tu-feed-en-Feedburner</b></span><span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;">" title="Recibe nuestras entradas directamente en tu email!"><img alt="subscribe" src="http://2.bp.blogspot.com/_y7IGkRf9Tjc/TBuLtQPTFeI/AAAAAAAAAH8/-GNASBa4WkY/s400/EMAIL.png" style="float: left; vertical-align: middle; padding-right: 10px;" border="0" /></a></span><span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;"><br />
</span><span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;"><p style="padding: 5px 0pt;">Suscribete vía e-mail:</p></span><span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;"><br />
</span><span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;"><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=</span><span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;"><b>Tu-feed-en-Feedburner</b></span><span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;">', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input type="text" name="email" /><input type="hidden" value="</span><span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;"><b>Tu-feed-en-Feedburner</b></span><span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;">" name="uri" /><input type="hidden" name="loc" value="es_ES" /><input type="submit" value="Subscribe" /></form></span><span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;"><br />
</span><span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;"><a href="</span><span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;"><b>URL_DEL_FEED</b></span><span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;">"><img src="http://4.bp.blogspot.com/_y7IGkRf9Tjc/TBuUtFXSmtI/AAAAAAAAAIc/d_xrKhfqho4/s400/rss.png" title="Suscribe RSS" /></a> <a href="</span><span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;"><b>URL_EN_FACEBOOK</b></span><span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;">"><img src="http://2.bp.blogspot.com/_y7IGkRf9Tjc/TBuUxNaMxxI/AAAAAAAAAIk/YfPrObt6vdE/s400/facebook.png" title="Sigueme en Facebook" /></a> <a href="</span><span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;"><b>URL_EN_TWITTER</b></span><span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;">"><img src="http://4.bp.blogspot.com/_y7IGkRf9Tjc/TBuemxbvJNI/AAAAAAAAAI8/OFZNEvsO6-Q/s400/twitter.png" title="Sigueme en Twitter" /></a></span><span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;"><br />
</span><span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;"></div></span><br />
<span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif; font-size: 14px; line-height: 22px;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'normal helvetica', sans-serif;"><span class="Apple-style-span" style="font-size: 14px; line-height: 22px;"><br />
</span></span>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com0tag:blogger.com,1999:blog-7272192480163718225.post-43678742199454827342010-12-11T18:25:00.000-08:002010-12-11T18:31:01.698-08:00Mas HTML!<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;">Bueno gente antes que nada quiero pedirles una gran disculpa por haber estado ausente estos días, pero aquí les traigo esta entrada solo para decirles que ya estaremos mas al tanto en las publicaciones espero seguir teniendo sus visitas y también aprovecho para agradecer a los suscriptores de mi blog y fans en facebook</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;">bueno esperen muy pronto otra entrada con mas información HTML OK saludos...</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_gDz5HnPo9xw/TPfyZaPOtiI/AAAAAAAAAAo/3B4Exlj91-s/s1600/TUTOBLOGGERO.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="113" src="http://4.bp.blogspot.com/_gDz5HnPo9xw/TPfyZaPOtiI/AAAAAAAAAAo/3B4Exlj91-s/s400/TUTOBLOGGERO.gif" width="400" /></a></div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace; font-size: large;"><br />
</span>MarinJrhttp://www.blogger.com/profile/02381495096162386972noreply@blogger.com0