jueves, 11 de julio de 2013

Como Insertar una nube de etiquetas html5 Efecto giratorio.


Nos vamos a Diseño> Edición HTML> y busca el siguiente código, que hay debajo:

<b:section class='sidebar' id='sidebar' preferred='yes'>

Una vez encontrado, añades el siguiente código justo debajo del mismo código:

<b:widget id='Label99' locked='false' title='Nube de etiquetas' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
&lt;object type="application/x-shockwave-flash" data="http://ciudadblogger.hostzi.com/tagcloud.swf" width="190"height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://ciudadblogger.hostzi.com/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#ffffff" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" /&gt;
&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;
&lt;/object&gt;
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Ahora hay algunas configuraciones que debéis cambiar si deseáis o quereis, y que verás en el código anterior. Esto es para que se adecue mejor a vuestro estilo.
  • Nube de etiquetas: es el nombre del gadget.
  • width 190: es el ancho.
  • height 200: es el alto.
  • #ffffff: es el color de fondo, así como está por default en blanco, pero cámbialo por el que te guste o más se adecue a tu diseño de la plantilla.
  • x000000: es el color de la letra.
  • style='12': es el tamaño de la letra  o font size de la fuente de la letra.
  • "tspeed", "100": es la velocidad con la que se mueven las etiquetas.
  • Una vez configurado todos estos detalles guarda y listo, ahora veremos que en Elementos de página el gadget se posiciona por defecto arriba del todo, arrástralo donde desees en tu sidebar y guarda y listo. Disfrutar.

sábado, 6 de julio de 2013

Crea apps para iOS y Android con HTML5, CSS y Javascript



En verdad esto me parece algo muy util porque te brinda la ayuda necesaria para crear la app que tu desees y no las que esten disponibles.

Asi que en mi busqueda por nuevas cosas que se pueden realizar con HTML5 me encontre con esta pagina que mas o menos te va guiando y te explica el concepto de su proposito.

Últimamente el trabajo me está llevando a encaminar mis esfuerzos en documentarme e investigar algo más sobre el desarrollo de páginas web para dispositivos móviles. Ya sea mediante diseño adaptativo, o aplicaciones nativas para las distintas plataformas, es evidente que la movilidad ocupará un porcentaje importante del tiempo de desarrollo de los diseñadores de páginas web.
Aunque estoy convencido de que el diseño adaptativo y la tecnología HTML5 eclipsarán el boom de las aplicaciones móviles nativas, en algunos casos los límites de las tecnologías web hacen que tengamos que recurrir a ellas si queremos usar intensivamente los recursos de los dispositivos móviles.
En otros casos, la creación de aplicaciones nativas es una cuestión meramente estratégica. Presencia, prestigio o ciertas ventajas a la hora de la comercialización de una aplicación como producto son algunos de los motivos que justifican el uso de las plataformas oficiales que nos bridan los distintos sistemas, la App Store o Google Play. Lo cierto es que existen recursos que nos permiten seguir desarrollando aplicaciones con estándares web, HTML5, CSS, etc. y tener presencia en las tiendas sin obligarnos a enfrentarnos a un nuevo proyecto.

aqui la pagina por si algunas dudas surgen: