Blog de Facu

No puedo crear nuevas carpetas en Windows 7 (solucion)

noreply@blogger.com (Facundo) — Mon, 11 Nov 2013 14:03:00 -0800

1] Abrir un bloc de notas y pegar esto (Tal cual):

Windows Registry Editor Version 5.00
HKEY_CLASSES_ROOTDirectoryshellexContextMenuHandlersNew]
@="{D969A300-E7FF-11d0-A93B-00A0C90F2719}"
[HKEY_LOCAL_MACHINESOFTWAREClassesFolderShellExContextMenuHandlersNew]
@="{D969A300-E7FF-11d0-A93B-00A0C90F2719}"
[HKEY_LOCAL_MACHINESOFTWAREClassesDesktopBackgroundShellExContextMenuHandlersNew]
@="{D969A300-E7FF-11d0-A93B-00A0C90F2719}"

2] Guardar el archivo (usando GUARDAR COMO) y nombrarlo "NUEVAS CARPETAS 7.reg"

3] Ejecutar (doble click sobre el archivo RESTAURA CARPETAS 7.reg) y listo, problema solucionado. Con esto tendremos el menú desplegable del botón derecho del ratón la opción "CARPETA O CARPETA NUEVA". Y no hace falta reiniciar.

Fast And Furious 6 (Original Motion Picture Soundtrack)

noreply@blogger.com (Facundo) — Wed, 19 Jun 2013 21:02:00 -0700

La nueva banda sonora de Fast & Furious pretende repetir su fórmula ganadora. En esta ocasión escucharemos un total de 12 temas que no solo sonarán en inglés sino también en español. Algunas de las voces más famosas que participaron en este trabajo son: Don Omar, David Guetta, 2 Chainz, Wiz Khalifa y Ludacris.

Grupo, Banda o Solista: Varios
Album: Fast And Furious 6
Lanzamiento: 2013
Estilo: Soundtrack
Audio: Mp3
Bitrate: 320 Kbps
Peso: 105 Mb

Tracklist:

2 Chainz – We Own It (Fast & Furious) [feat. Wiz Khalifa]
T.I. – Ball (feat. Lil Wayne)
Sua, Jiggy Drama – Con Locura (feat. Jiggy Drama)
MC Jin – HK Superstar (feat. Daniel Wu)
deadmau5 – Failbait (feat. Cypress Hill)
Benny Banks – Bada Bing
Peaches – Burst! (Bart B More Remix)
Deluxe – Mister Chicken
The Crystal Method – Roll It Up (Edited)
Hard Rock Sofa & Swanky Tunes – Here We Go / Quasar (Hybrid Remix)
Don Omar – Bandoleros (feat. Tego Calderón)
Ludacris – Rest of My Life (feat. Usher & David Guetta)

Descargar

Partes de un blog

noreply@blogger.com (Facundo) — Wed, 19 Jun 2013 12:52:00 -0700

#navbar-iframe - Barra de navegación Blogger.

#outer-wrapper - Contiene a la totalidad de la página.

#header-wrapper - Contiene a la cabecera, título y descripción.

#content-wrapper - Contiene a la columna principal y a las barras laterales.

#main-wrapper - Columna principal, contiene a los artículos publicados.

#sidebar-wrapper - Contiene a las barras laterales.

#footer-wrapper - Contiene el pie de página

Animaciones flash para tu blog

noreply@blogger.com (Facundo) — Wed, 19 Jun 2013 12:48:00 -0700

Cambiar la imagen de carga en Vistas Dinámicas

noreply@blogger.com (Facundo) — Wed, 11 Jul 2012 11:34:00 -0700

Las plantillas de Vistas Dinámicas son muy modernas e interesantes, pero a algunas personas no les gusta que esté el logo de Blogger en todas partes. Cada vez que nuestro blog está cargando nos aparece una imagen con el logo de Blogger diciendonos que nuestro blog se está cargando. La imagen es la siguiente :

.blogger-gear {background-image:none !important;}

Guarda los cambios y listo. Con eso no aparecerá nada mientras cargue el blog.

Si buscas reemplazar la imagen que viene por defecto (la del logo de Blogger con los engranajes) agregá lo siguiente :

.blogger-gear {
background-image:url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbuyYrh2ib6VrowCokcIzdwUzej2ulclsceZcdgS-Go2WqvqlwYVJcoDHH3ta2Et8nyb0D-vVCSx6tUAOiMSD8qh0EFGqs1RXyhM1H0Tax3hdqRYb5rY86JdQbNNVFSlnywaTUqxjpvNQW/s1600/cargando.gif );
width:128px; /* Ancho de la imagen */
height:128px; /* Alto de la imagen */
}

Si quieres cambiar la imagen por otra, cambia la URL que está en color verde.

Caja flotante para compartir en redes sociales

noreply@blogger.com (Facundo) — Sat, 5 May 2012 14:07:00 -0700

Hola amigos, hoy les traigo una interesante caja flotante hecha con Css, la cual nos va a permitir tener la opcion de copartir en Google +, Twitter y Facebook. Para utilizarla en nuestro blog debemos hacer lo siguiente:

Antes de ]]></b:skin> pegamos el siguiente código:

/****** Contenedor de botones facebook, twitter y Google ********/
#caja-botones {
position: fixed;
top:207px;
bottom: 30%;
margin: 120px 0 0 -160px;
left: auto;
z-index: 2;
width: 85px;
height: 245px;
background-color:#f7fcfd;
border: 1px solid #ffffff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
#caja-botones h4{
font-size: 11px;
margin: 4px 0 3px 0;
padding: 0;
text-align: center;
color: #0d72fb;
font-weight: normal;
background: none;
letter-spacing: 0em;
}

.boton-facebook {
float: left;
display: block;
margin: 3px 0 2px 7px;
padding: 0;
width: 80px;
height: 70px;
}
.boton-twitter {
float: left;
display: block;
width: 80px;
height: 70px;
margin: 4px 0 2px 9px;
padding: 0;
}
.boton-google {
float:left;
display: block;
text-align: center;
margin: 2px 0 0 7px;
padding: 0;
width: 70px;
height: 65px;
}

Una vez realizado el paso anterior buscamos <div class='post-footer'> y antes de esto pegamos el siguiente código:

<b:if cond='data:blog.pageType == "item"'>
<div id='caja-botones'><h4>¡Compartir!</h4>
<div class='boton-twitter'>
<a class='twitter-share-button' data-count='vertical' data-lang='es' data-via='facu_b' href='http://twitter.com/YOUR_USERNAME'>Twettear</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div class='boton-facebook'><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?locale=es_ES&href=" + data:post.url+ "&layout=box_count&show_faces=false&width=80&height=70&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:80px; height:70px'/>
</div>
<div class='boton-google'>
<g:plusone size='tall'/>
</div>
</div>
</b:if>

Pueden ver un ejemplo funcionando en este blog de pruebas.

Windows 8 en version de prueba para descargar

noreply@blogger.com (Facundo) — Wed, 7 Mar 2012 09:24:00 -0800

Vídeo de muestra de Windows 8

Windows 8 Consumer Preview

Un Windows renovado y reinventado a partir de las robustas características de velocidad y seguridad de Windows 7. Una interfaz táctil completamente nueva. Un nuevo Windows para nuevos dispositivos. Y tienes la oportunidad de ser uno de los primeros en probarlo.

El programa de instalación de Windows 8 Consumer Preview comprobará si tu PC puede ejecutar Windows 8 Consumer Preview y seleccionará la descarga correcta para tu equipo. El programa de instalación incorpora también un informe de compatibilidad y ayuda para la actualización. Hay disponibles herramientas integradas para crear un ISO o una unidad flash de arranque para la mayoría de las versiones anteriores de Windows (a excepción de Windows XP y versiones anteriores). Encontrarás los requisitos del sistema e información adicional en la lista de Preguntas frecuentes y en los vínculos de esta página.

Ten en cuenta lo siguiente antes de realizar la descarga: Windows 8 Consumer Preview es una versión de software preliminar que puede sufrir modificaciones antes de que se publique la versión comercial. Microsoft no otorga ninguna garantía, expresa o implícita, con respecto a la información que aquí se proporciona. Algunas características y funcionalidades del producto pueden requerir hardware o software adicional. Si decides volver al sistema operativo anterior, tendrás que reinstalarlo por medio de recuperación o instalación incluido con tu PC.

Descargar version de prueba de Windows 8

Fuente : http://windows.microsoft.com/es-ES/windows-8/download

Iconos de suscripcion arriba del titulo de las entradas

noreply@blogger.com (Facundo) — Tue, 28 Feb 2012 11:05:00 -0800

Hola gente, hoy les vengo a mostrar como insertar iconos de suscripcion arriba del titulo de las entradas , esto es muy facil y realmente util. Podes ver un ejemplo funcionando en este blog de pruebas .

Antes de ]]></b:skin> pegamos este código :

#suscribir {
float: left;
margin-top:-38px;
margin-bottom:18px;
margin-left:-13px;
position: relative;
}

Los valores marcados en negrita nos permitiran cambiar la posición.

Abajo de <div id='outer-wrapper'> pegamos lo siguiente :

El resultado será algo como esto :

Imagenes con rotacion y zoom

noreply@blogger.com (Facundo) — Sat, 18 Feb 2012 12:39:00 -0800

Hola amigos , en esta entrada les traigo un efecto genial para nuestras imagenes ,como lo dice el título de la entrada se trata de que las imagnes rotan y al rotar se agrandan.

Lo primero que debemos hacer es pegar el siguiente código antes de </b:skin>

@-webkit-keyframes rotater {
    0% { -webkit-transform:rotate(0) scale(1) }
50% { -webkit-transform:rotate(360deg) scale(2) }
100% { -webkit-transform:rotate(720deg) scale(1) }
}

a.advert    { width:125px; height:125px; display:block; }
a.advert:hover {
    /* safari / chrome */
    -webkit-animation-name:rotater;
    -webkit-animation-duration:500ms;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function: ease-out;

    /* mozilla */
    -moz-transform:rotate(360deg) scale(2);
    -moz-transition-duration:500ms;
    -moz-transition-timing-function: ease-out;

    /* opera */
    -o-transform:rotate(360deg) scale(2);
    -o-transition-duration:500ms;
    -p-transition-timing-function: ease-out;

    /* ie */
    -ms-transform:rotate(360deg) scale(2);
    -ms-transform-duration:500ms;
    -ms-transform-timing-function: ease-out;
}

Con esto ya tenemos los estilos , ahora debemos hacerlos actuar. Para eso vamos a utilizar el siguiente código para agregar las imagenes.

Para agregar otra imagen solamente debemos copiar este código y reemplazar lo que se pide.

Aclaraciones :

TODAS las cosas que se encuentran en negrita pueden ser cambiadas.

width:125px y height:125px : Lo alto y lo ancho de la imagen .
# : Esto puede ser reemplazado por un link si queremos .

Las imagenes nos quedarán de este modo :

Letra capital en tus entradas

noreply@blogger.com (Facundo) — Sat, 18 Feb 2012 09:02:00 -0800

Hola amigos ,en esta oportunidad les vengo a mostrar como utilizar la letra capital en las entradas de sus blogs. Es muy fácil, a continuacion les voy a enseñar como utilizarlo para una entrada específica o para todas las entradas.

Para utilizarla en todas las entradas solamente tenemos que pegar el siguiente código antes de </b:skin> .

p:first-letter {
    display:block;
    margin:5px 0 0 5px;
    float:left;
    color:#2ECCFA;
    font-size:60px;
    font-family:Georgia;
}

Para agregarlo en una entrada específica pegaremos este código en la parte de "Edicion de HTML" la cual se encuentra justo al lado de "Redactar".

En ambos casos debemos pegar el siguiente código en nuestras entradas para poder usar la letra capital.

<p>TU TEXTO</p>

Quitar el numero de las etiquetas en Blogger

noreply@blogger.com (Facundo) — Sat, 18 Feb 2012 07:59:00 -0800

Para quietar en numero de etiquetas lo único que deberemos hacer será ir a Diseño -----> Edición html y expandimos los artilugios de nuestra plantilla y buscamos la siguiente etiqueta (con Ctrl + F al mismo tiempo)

<span dir='ltr'>(<data:label.count/>)</span>

Así debe quedarnos todo.

Una vez encontrada solamente debemos borrarlo, obteniendo como resultado lo siguiente :

Galeria de Imagenes con Zoom (CSS3)

noreply@blogger.com (Facundo) — Thu, 16 Feb 2012 19:02:00 -0800

Hola amigos hoy les traigo una muy buena y facil manera de crear una galeria de imagenes con CSS3. El resultado que obtendremos será que al pasar el mouse por la imagen , esta se agrandará .

Lo primero que debemos hacer es pegar este código antes de </body>

<style type="text/css">

.hovergallery img{
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}

.hovergallery img:hover{
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}

</style>

Con esto ya tenemos los estilos , ahora debemos agregarle el atributo "hovergallery" a las imagenes para que entre en acción . Para esto vamos a utilizar el siguiente código :

<div class="hovergallery">
<img src="URL DE LA IMAGEN" />
<img src="URL DE LA IMAGEN" />
<img src="URL DE LA IMAGEN" />
<img src="URL DE LA IMAGEN" />
<img src="URL DE LA IMAGEN" />
<img src="URL DE LA IMAGEN" />
</div>

Para agregar mas imagenes solamente debemos agregar esto antes de </div>

<img src="URL DE LA IMAGEN" />

Traductor de Google para el blog

noreply@blogger.com (Facundo) — Tue, 14 Feb 2012 23:09:00 -0800

Para agregarlo vamos a Diseño ---> Añadir un gadget ---> HTML/Javascript

Y pegar el siguiente código en el :

    <div id="google_translate_element"></div><script>
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({
        pageLanguage: 'es'
      }, 'google_translate_element');
    }
    </script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Gadget de Youtube para Blogger

noreply@blogger.com (Facundo) — Tue, 14 Feb 2012 21:43:00 -0800

Este gadget de Youtube es muy práctico, muestra el avatar, el nombre de usuario, el título del canal, la cantidad de videos y el botón para suscribirse.

Para agregarlo a nuestro blog,agregamos un gadget de HTML/Javascript y pegamos este código:

<iframe id="fr"

src="http://www.youtube.com/subscribe_widget?p=TU NOMBRE DE USUARIO EN YOUTUBE" style="overflow: hidden; height: 105px; width: 250px;

border: 0;" scrolling="no" frameborder="0"></iframe>

Codigos de colores RGB y hexadecimales

noreply@blogger.com (Facundo) — Sun, 12 Feb 2012 00:36:00 -0800

Pack de Iconos para RSS creado por mi

noreply@blogger.com (Facundo) — Fri, 10 Feb 2012 23:50:00 -0800

Click para ver mas grande

Características de este pack de íconos:

Autor: Facundo
Licencia: Creative Commons (Uso libre y comercial).
Formato: PNG.

Dimensiones: 72x72.

Descargar pack de íconos:
Descargar

Averigua cuales son tus tweets con mas RT

noreply@blogger.com (Facundo) — Fri, 10 Feb 2012 22:31:00 -0800

My Top Tweets es una de las muchas herramientas que existen para Twitter, lo que podrás hacer con esta herramienta es ver cuales han sitos tus tweets mar retwiteados (RT), esta no es una herramienta que sea muy funcional pero si te interesa saber que es lo que les gusta retwitear a tus seguidores será una buena opción.

Es muy sencillo utilizar esta herramienta ya que solo tienes que iniciar sesión con tu cuenta de Twitter y al pasar algunos segundos te muestra el TOP10 de los mas retwiteados de tus seguidores, también podrás ver lo mas retwiteado por otros usuarios.

Enlace: My Top Tweets

Algunas imagenes (click en ellas para verlas mas grandes)

¿Cuanto pesa tu web?

noreply@blogger.com (Facundo) — Thu, 9 Feb 2012 13:06:00 -0800

¿Querés Saber cuanto pesa tu pagina Web para poder bajar o subir su peso?

Es fácil: haces click aca y pegas el link de la pagina. Luego completas el captcha y haces click en el cartelito de la imagen de abajo.

Cuando hayas hecho click te aparecerá algo asi:

Te dicssse el peso de tu blog en Bytes y te los iguala en KB´s. En mi

caso es

Results for: http://blogdefacu.blogspot.com

Web Page Size
108479 Bytes = 106 KB

Concepto de "Tamaño de la página" :

El concepto de "tamaño de la página" se define como la suma de los tamaños de archivo de todos los elementos que componen una página, incluyendo la definición de archivo HTML, así como todos los objetos incrustados (por ejemplo, archivos de imagen con imágenes GIF y JPG). Es posible salir con los diseños de página que tienen mayores tamaños de página, siempre y cuando el archivo HTML es pequeño y está codificado para reducir el tiempo de renderizado del navegador.

Les dejo el link por si no lo vieron antes : http://www.seochat.com/seo-tools/page-size/

Estadisticas de tu blog

noreply@blogger.com (Facundo) — Thu, 9 Feb 2012 13:01:00 -0800

Para empazar tenemos que entrar a http://www.blogger.com/home .Hacemos click en "Estadisticas" .

Al hacer click en "Estadisticas" nos aparecerá algo asi.

Pestaña "Vista general"

Lapso de tiempo calculado.

Se utiliza para definir la busqueda por hora,mes,dia,semana,mes,o en cualquier momento.

Actualizar.

Grafico de visitas.

Entradas con mas visitas.

Fuentes de trafico.

Indica de que pais son los visitantes de nuestro blog.

Indica la cantidad de paginas vistas

Pestaña "Entradas"

Actualizar.

Muestra la cantidad de veces que fueron vistas las paginas de tu blog.

Muestra la cantidad de veces que fueron vistas las entradas de tu blog.

Se utiliza para definir la busqueda por hora,mes,dia,semana,mes,o en cualquier momento.

Lapso de tiempo calculado.

-----------------------------------------------------------------------------------------------------------

Pestaña "Publico"

Indica de que pais son los visitantes de nuestro blog.

Actualizar.

Indica desde que navegador entraron a nuestro blog

Indica que sistema operativo usa nuestros visitantes

Lapso de tiempo calculado.

Se utiliza para definir la busqueda por hora,mes,dia,semana,mes,o en cualquier momento.

El Principito template

noreply@blogger.com (Facundo) — Sat, 4 Feb 2012 13:17:00 -0800

|Descargar| |Demo|

Características de la plantilla:

2 Columnas.
Sidebar a la derecha.
Seccion de redes sociales en la sidebar.
Comentarios anidados.

Información de la plantilla:

Autor: Facundo.
URL: http://blogdefacu.blogspot.com
Licencia: Creative Commons Attribution.

Gadget de perfil de Taringa v2

noreply@blogger.com (Facundo) — Wed, 25 Jan 2012 15:53:00 -0800

Hola amigos , en esta oportunidad les traigo otro gadget mas para poner su perfil de Taringa en sus blogs , anteriormente habia hecho la version anterior de este gadget ( CLICK PARA ENTRAR ) . Para agregar el gadget debemos pegar el siguiente codigo en un gadget de HTML/Javascript .

Para agregarlo vamos a Diseño ---> Añadir un gadget ---> HTML/Javascript

<fieldset>

<span style="font-size: large;"><b><a href="http://www.taringa.net/TU NOMBRE DE USUARIO EN T!">TU NOMBRE DE USUARIO EN T!</a></b></span>

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><img border="0" src="URL DE TU AVATAR EN T!" style="margin-left: auto; margin-right: auto;" /></td></tr>
<tr style="background-color: #6fa8dc;"><td class="tr-caption" style="text-align: center;"><a href="http://www.taringa.net/TU NOMBRE DE USUARIO EN T!/"> <span style="color: white;">TU RANGO EN T!</span></a></td> </tr>
</tbody></table>

<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;">
      </div>

<dl class="profile-datablock"><fieldset>

<dt class="profile-data"><span style="font-size: small;"><a href="http://www.taringa.net/TU NOMBRE DE USUARIO EN T!/seguidores" style="color: black;"><b>CANTIDAD DE SEGUIDORES QUE TENGAS</b></a> Seguidores</span></dt>
</fieldset>
<fieldset>

<dt class="profile-data"><span style="font-size: small;"><b style="color: black;">CANTIDAD DE PUNTOS QUE TENGAS</b> Puntos</span></dt>
</fieldset>
<fieldset>

<dt class="profile-data"><span style="font-size: small;"><a href="http://www.taringa.net/TU NOMBRE DE USUARIO EN T!/posts" style="color: black;"><b>16</b></a> Posts</span></dt>
</fieldset>
</dl>

<right></right>
by <a href="http://www.taringa.net/Bloggero/">Bloggero</a>

</fieldset>

<center><a href="http://blogdefacu.blogspot.com/2012/01/gadget-de-perfil-de-taringa-v2.html">¿Cómo obtengo este gadget?</a></center>

El gadget quedará mas o menos asi , dependiendo la plantilla ( la probe en todos mis blogs y queda perfectamente )

ACLARACIONES:

El gadget debe actualizarse manualmente.
Este gadget esta bajo licencia de Creative Commons Reconocimiento 3.0 España.
Por lo tanto las siguientes lineas del código del gadget no deben borrarse:

<right></right>
by <a href="http://www.taringa.net/Bloggero/">Bloggero</a>

<center><a href="http://blogdefacu.blogspot.com/2012/01/gadget-de-perfil-de-taringa-v2.html">¿Cómo obtengo este gadget?</a></center>

Dart, el nuevo lenguaje de Google

noreply@blogger.com (Facundo) — Tue, 1 Nov 2011 18:25:00 -0700

Los objetivos de Google para Dart son crear un “lenguaje estructurado pero flexible para programación Web”, escribió Lars Bak, que es ingeniero de software para el equipo Dart de Google en un blog post

Google lanzó una versión previa de un nuevo lenguaje de programación web, llamado Dart, con el que los ingenieros de la firma esperan poder resolver algunas de las deficiencias del lenguaje JavaScript, uno de los más utilizados actualmente.
Los objetivos de Google para Dart son crear un “lenguaje estructurado pero flexible para programación Web”, escribió Lars Bak, que es ingeniero de software para el equipo Dart de Google en un blog post.
Aunque Bak no mencionó JavaScript explícitamente, las capacidades de Dart se asemejan a las de JavaScript, aunque también abordan algunos de los problemas de escalabilidad y organización que se asocian a este lenguaje. En algunos documentos filtrados, los ingenieros de Google han expresado su frustración por “fallos fundamentales que no pueden ser resueltos simplemente con la evolución del lenguaje”.
Pensado para construir aplicaciones Web, Dart es un lenguaje orientado a objetos, diseñado para utilizarse tanto para pequeños proyectos como para el desarrollo de aplicaciones Web de mayor escala. Dart permite al programador incorporar variables definidas implícitamente (sin declarar el tipo de datos que contendrán) o explícitamente, definiéndolas en el momento de su creación. Las primeras son mejores para pequeños proyectos que necesitan ser puestos en marcha rápidamente, mientras que las explícitas harán más consistentes y rápidos programas Web de mayor escala.
La versión previa incluye un compilador y una máquina virtual, así como un conjunto de librerías básicas. Para conseguir que las creaciones Dart funcionen en navegadores, los programadores pueden compilarlas en JavaScript utilizando una herramienta que se incluye en el paquete Dart. Google podría querer que cada navegador incluyera una máquina virtual Dart, sobre la que puedan correr sus programas. Sin embargo, ahora, ni tan siquiera el propio navegador de Google, Chrome, soporta Dart. “Estamos planeando explorar esta opción”, dijo Bak.
Google tendrá que hacer muchos esfuerzos si lo que quiere es que Dart sustituya a JavaScript en la Web. En su última estimación sobre popularidad de lenguajes de programación, Tiobe Software situó a JavaScript como el décimo lenguaje más utilizado en todo el mundo.
JavaScript fue desarrollado en 1995 por Netscape, diseñado como un lenguaje de programación para añadir funcionalidades de programas a navegadores Web. El siguiente año, Netscape lo presentó a ECMA International como un estándar, lo que dio como resultado una versión estandarizada llamada ECMAScript. Adobe también utiliza una versión de ECMAScript, llamada ActionScript para que los desarrolladores escriban para el reproductor Flash de Adobe.
Dart no es la primera incursión de Google en la creación de un nuevo lenguaje de programación para hacer frente a las deficiencias de otros más antiguos. En 2009, la compañía estrenó Go, que los ingenieros de la compañía crearon como una alternativa a las complejidades de C++, Java y otros lenguajes tradicionales.
Bak tiene previsto revelar más datos sobre Dart durante la conferencia GoTo, que se celebra estos días en Aarhus, Dinamarca.

Botones para compartir deslizantes (Facebook, Twitter, Google+, Taringa, Bitácoras)

noreply@blogger.com (Facundo) — Sat, 29 Oct 2011 16:47:00 -0700

El efecto deslizante lo haremos con jQuery, y la burbuja con el texto (el botón) lo haremos con CSS3.

Empecemos: primero ingresa en la Edición HTML de la plantilla, marca la casilla Expandir plantillas de artilugios, y antes de </head> pega el script:

Ahora antes de ]]></b:skin> agrega los estilos:

/* Botones para compartir
----------------------------------------------- */
.msg-compartir {
width:140px; /* Ancho de la burbuja */
position:relative;
padding:10px;
margin:1em 0 3em;
text-align:center;
color:#000; /* Color del texto */
background:#F3961C; /* Color de fondo de la burbuja en navegadores que no soporten CSS3 */
/* Color de fondo gradiente de la burbuja */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
background:-moz-linear-gradient(#f9d835, #f3961c);
background:-o-linear-gradient(#f9d835, #f3961c);
background:linear-gradient(#f9d835, #f3961c);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.msg-compartir::after {
content: "";
position: absolute;
bottom: -15px;
left: 67px;
border-width: 15px 15px 0;
border-style: solid;
border-color: #F3961C transparent; /* Color de fondo del triángulo de la burbuja */
display: block;
width: 0;
}
.btns-compartir {
display: none;
margin-top:-10px;
background:#F2F2F2; /* Color de fondo del contenedor de los botones */
border:1px solid #D0C9AF;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
margin-bottom:20px;
}

Por último, busca esta línea:

Justo arriba de ella coloca el contenedor con los botones:

<b:if cond='data:blog.pageType == "item"'>
<center><a href='#' id='msg-compartir' style='text-decoration:none'><p class='msg-compartir'>Comparte esta entrada</p></a></center>

<center>
<div class='btns-compartir' id='btns-compartir'>
<table border='0' cellpadding='7'>
<tr>
<td><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=box_count&show_faces=false&width=73&height=63&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:73px; height:63px;'/></td>

<td><a class='twitter-share-button' data-count='vertical' data-lang='es' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/></td>

<td><script type='text/javascript'>(function(){var x=document.createElement('script'), s=document.getElementsByTagName('script')[0];x.async=true;x.src='http://widgets.itaringa.net/share.js';s.parentNode.insertBefore(x,s)})()</script>
<t:sharer data-layout='big'/></td>

<td><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone expr:href='data:post.url' size='tall'/></td>

<td><a expr:href='"http://bitacoras.com/anotaciones/" + data:post.url'><img alt='votar' expr:src='"http://widgets.bitacoras.com/votar/normal/" + data:post.url' style='vertical-align:middle;border:0;float:right; margin-left:10px;' title='Votar este artículo en Bitacoras.com'/></a></td>

</tr>
</table>
</div>
</center>
</b:if>

Guarda los cambios y listo. En las anotaciones en color verde he puesto como siempre las áreas que se pueden personalizar como el color de fondo, de texto, etc. En donde dice cellpadding='7' puedes controlar la distancia entre cada botón.

Recuerda que:

Sólo será visible en las entradas individuales, NO en la portada.
La burbuja está hecha con CSS3, así que si usas un navegador viejo como Internet Explorer 8 sólo verás un rectángulo.
En Internet Explorer el botón de Facebook no se verá bien, aunque sí funcionará.

Plantilla Taringa v3 Template

noreply@blogger.com (Facundo) — Tue, 13 Sep 2011 14:55:00 -0700

Hola amigos en esta oportunidad les traigo otra de mis plantillas , esta se llama Taringa v3 Template . A continuacion les muestro las particularidades de esta plantilla:

Boton para compartir en Taringa :

Este boton nos permitirá compartir nuestras entradas en Taringa a travez de "Mi Taringa".

Caja de suscripcion:

Gracias a esta caja tenemos la oportunidad de poner nuestro perfil de Facebook y de Twitter para que la gente pueda seguirnos o hacerse fan. Para modificar la caja debemos entrar al siguiente link y seguir los pasos.

http://plantillataringav3.blogspot.com/2011/09/editar-la-caja-de-redes-suscripcion.html

Barra al estilo Taringa:

Esta barra nos permitirá poner links . Para editar los links de la barra debemos hacer click en el siguiente link y seguir los pasos.

http://plantillataringav3.blogspot.com/2011/09/editar-la-barra-de-taringa.html

Votacion de comentarios:

Esto nos permitira votar los comentarios de forma negativa o positiva.

Compartir en foros/blog/web:

Esta plantilla nos da la posibilidad de compartir nuestra entrada en foros,blogs o paginas web.

Responder comentarios:

La plantilla tiene la opcion de responder comentarios. Esta opcion se encuentra desactivada
para activarla debemos hacer click en el siguiente enlace y seguir los pasos.

http://plantillataringav3.blogspot.com/2011/09/habilitar-la-opcion-responder.html

Relacionados:

Nos permite ver los posts que estan relacionados mediante tags , al igual que en Taringa.

Cabecera de los gadgets con el logo de T!:

La plantilla posee un simpatico icono de Taringa en la cabecera de los gadgets haciendo que esta adquiera un gran aspecto.

|Descargar| |Demo|

Plantilla Taringa v2 Template

noreply@blogger.com (Facundo) — Tue, 13 Sep 2011 14:19:00 -0700

|Descargar| |Demo|