Quickribbon Programas y Utilerías: julio 2012

Por favor participa con tus comentarios en cada programa, aplicación o método haya sido de utilidad (tus comentarios son muy valiosos).




Fill out my online form.
Google

miércoles, 11 de julio de 2012

Solución para la función de Evaluación de estrellas en Blogger

La evaluación de estrellas de Blogger es una función muy útil la cual le permite a nuestros visitantes calificar un determinado articulo de forma anónima y con un simple clic, y esto a su vez nos permite conocer si el contenido de nuestras entradas gusta o no a nuestros lectores.

En la actualidad se puede agregar esta función desde el mismo Blogger, para ello sigue los pasos siguientes:

1. Ingresa a Diseño | Elementos de la página y clic en “Editar” en la sección de “Entradas del Blog” y después seleccionamos la opción de “Mostrar la evaluación de estrellas”, y guardamos los cambios.


Ahora que si como ya mencionamos en el post “Solución botones para compartir entradas en Blogger”, si no se muestra la “Evaluación de estrellas” y se pone rebelde para mostrarlas (cosas de Blogger…jeje), esto se soluciona de la manera siguiente:

1. Ingresa a Plantilla |  Edición de HTML  |  Continuar |  selecciona “Expandir plantillas de artilugios”  |  CTRL+F  y busca la línea de código siguiente:

<div class='post-footer-line post-footer-line-3'>

(o bien cualquier otra línea del post-footer 1,2)

Si en tu plantilla no aparece alguna de las formas anteriores, entonces busca:

<data:post.body/>


2. Después de cualquiera de las líneas anteriores, pega el  siguiente código:

<span class='star-ratings'>
        <b:if cond='data:top.showStars'>
           <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
        </b:if>
      </span>

3. Verifica en vista previa y si todo luce bien, guarda los cambios y listo.

Ahora que si lo que deseas es que aparezca la “Evaluación de estrellas” después del título de cada entrada, entonces pega el código anterior después de la línea de código siguiente:

<div class='post-header-line-1'/>


Hecho lo anterior simplemente estamos haciendo que aparezca la “Evaluación de estrellas” suponiendo que el script ya se encuentre en la plantilla, situación que esto sucede cuando existen problemas para incorporar las líneas de código que hacen que dicha función se muestre en las plantillas que han sido editadas.

Dicho Scrpit es el siguiente:

<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1");
function initialize() {
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>


Si no funciono lo anterior se debe a que no tienes dicho Script (casos muy raros) entonces agrégalo de la forma siguiente:

1. Ingresa a Plantilla |  Edición de HTML  |  Continuar |  selecciona “Expandir plantillas de artilugios”  |  CTRL+F  y busca la línea de código siguiente:

<b:include name='feedLinks'/>


Si en tu plantilla no aparece de la forma anterior, entonces busca:

<!-- navigation -->
  <b:include name='nextprev'/>


Después de cualquiera de las líneas anteriores, pega el  Script ya señalado con anterioridad; verifica en vista previa y si todo luce bien, guarda los cambios y listo.

Saludos cordiales,

cocoscuba

Solución botones para compartir entradas en Blogger

Con anterioridad era muy común el uso de servicios online como AddThis para compartir contenido de nuestro blog, pero Blogger incorporo la función de botones para compartir entradas de nuestro blog; pero al parecer  tiene problemas para incorporar las líneas de código que hacen que los botones de compartir aparezcan en las plantillas cuando han sido editadas.


En teoría se deben activar estas funciones de la siguiente manera:

1. Ingresa a Diseño | Elementos de la página y clic en “Editar” en la sección de “Entradas del Blog” y después seleccionamos la opción de Mostrar botones para compartir, y guardamos los cambios.


Ahora bien que como ya mencionamos previamente, si se pone rebelde y continua sin mostrar los botones para compartir, esto se soluciona de la manera siguiente:

1. Ingresa a Plantilla |  Edición de HTML  |  Continuar |  selecciona “Expandir plantillas de artilugios”  |  CTRL+F  y busca la línea de código siguiente:

<div class='post-footer-line post-footer-line-3'>


o bien, en algunas plantillas aparece como:

<p class='post-footer-line post-footer-line-3'>


Si en tu plantilla no aparece alguna de las formas anteriores, entonces busca (más seguro que te aparezca):

<data:post.body/>


2. Después de cualquiera de las líneas anteriores, pega el  siguiente código:

<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>


3. Verifica en vista previa y si todo luce bien, guarda los cambios y listo.

Con esto ya tendrás los botones de compartir en cada una de tus entradas, de lo cual es importante señalar que sirve para compartir cada entrada de manera independiente. Ahora que si lo que deseas es darle a tus visitantes la opción de compartir tu blog, te sugiero que utilices servicios como AddThis simplemente como “Añadir un Gadget - HTML/JavaScript” en Blogger.

Saludos cordiales,

Cocoscuba

martes, 10 de julio de 2012

Elimina la Navbar - Barra superior de tu Blogger

La función Blogger Navbar sustituye el bloque de anuncios predeterminado insertado previamente en las páginas de blogspot.com por una herramienta de navegación.


Diversos usuarios de Blogger gustan personalizar su blog por lo que desean eliminar la Navbar (barra superior de Blogger), esto anteriormente se realizaba con algunos códigos en la plantilla. En la actualidad existen dos formas de eliminar y/o ocultar la Navbar de manera rápida y sencilla, sin tenerle que meter mano a tu plantilla.

1ra. Opción

1. Ingresa a tu blog después en:  Diseño | Elementos de la página y clic en “Editar” de “Barra de navegación” (parte superior derecha).


2. En la venta de “Configuración de la barra de navegación” simplemente selecciona la opción  “Desactivado”, dale clic en “Guardar” y listo; con esto ya no debería aparecer la Navbar.


2da. Opción

En el “supuesto” caso de que hayas realizado la primera opción y que Navbar se rebele y siga apareciendo (cosas de Blogger) se resuelve también de manera rápida y definitiva agregando un código CSS personalizado.

Nota: NO le vamos a meter mano a la plantilla en la “Edición HTML”, esto se realiza desde la misma consola del “Diseñador de plantillas de Blogger” actual (esto aplica tanto para viejos blogs como para nuevos).

1. Ingresa a Plantilla | Personalizar (esto te abrirá la ventana de “Diseñador de plantillas de Blogger”.


2. Selecciona Avanzado  |  Añadir CSS y en el espacio lateral derecho ingresa el código siguiente:

#navbar { height:0px; visibility:hidden; display:none; }




3. En el momento que hayas ingresado el código te darás cuenta que te quita la Navbar del blog en la vista previa. Ahora simplemente da clic en “Aplicar al blog” y listo con esto ya habrás eliminado la Navbar.

Espero haberlos ayudado…

Saludos cordiales,

Cocoscuba

Agrega un Favicon a tu sitio o Blog

¿Que es un Favicon?

Favicon es la abreviatura del inglés 'favorites icon', también conocido como icono de página, es un icono asociado con un sitio o página Web en particular.

Es la imagen que aparece antes de la dirección de un sitio en la barra de dirección, así como en las pestañas de un navegador Web.

El tamaño apropiado es de 16x16 pixeles, y el formato mas usado es ICO, sin embargo algunos navegadores también soportan los formatos de imagen GIF y PNG.



¿Por que agregar un Favicon a mi sitio o blog?

Es importante que tu sitio o blog tenga su “Favicon” propio, original y diferente, ya que es un elemento que permite distinguirlo del resto.

Por ejemplo:

Despliega la lista de favoritos de tu navegador, y veras que llaman mas la atención aquellos que tienen Favicon de lo que no lo tienen (los que no tienen aparecen con un icono que por defecto asigna tu navegador, el cual pues no tiene mucha gracia).

¡Como agregar un Favicon!

Lo primero que debemos hacer es tener una imagen que sea sencilla pero a la ves original y fácil de identificar.

Después debemos convertir la imagen a formato ICO, GIF o PNG a una resolución de 16x16 pixeles, para convertirla a formato .ICO “on line” para hacerlo en linea,  ingresa en cualquiera de los sitios siguientes:

FavIcon from Pics   http://www.html-kit.com/favicon

Para Blogger puedes cambiar el Favicon desde Blogger in Draft dentro de los Elementos de la página, lo cual anteriormente hacíamos directamente desde la Edición de HTML de la plantilla.

1. Para realizar el cambio del Favicon desde el mismo Blogger, ingresa a Diseño | Elementos de la página y clic en “Editar” sobre el elemento Favicon.


2. Presiona en examinar  |  Seleccionas la imagen  |  Clic en “Guardar” y listo.


Se “supone” que ya esta el cambio y se tiene que visualizar el nuevo Favicon, si no se visualiza presiona en actualizar de tu navegador y con ello se tiene que ver. Ahora bien que si se pone rebelde Blogger y no se visualiza el nuevo Favicon, realiza lo siguiente:

(Cabe mencionar que por ello escribí previamente “se supone”, quien me pregunte por que pasa esto existen dos respuestas; la primera es que se trata de una plantilla modificada por el usuario, la segunda y la más común “jeje.. cosas de Blogger”)

1. Antes que nada sube tu imagen algún servidor como por ejemplo SkypeDrive

2. Ya que has subido el ícono al servidor entra en Blogger  | Plantilla  |  Edición de HTML  | Continuar  | Selecciona "Expandir plantillas de artilugios"  |  Ctrl+F  | y busca la siguiente línea de código:

<b:include data='blog' name='all-head-content'/>


3.
Localizada la línea de condigo anterior DESPUES de este agrega a tu plantilla el siguiente código:

<link href='URL DE LA IMAGEN DE TU FAVICON' rel='shortcut icon'/>

Donde dice “URL DE LA IMAGEN DE TU FAVICON” debes cambiarlo por la ruta completa (incluyendo http://) donde alojaste la imagen de tu Favicon, guarda los cambios, y listo ahora se vera por más rebelde que se haya puesto Blogger.

Ahora bien para el caso de un sitio Web común, simplemente pega el código anterior después del <head>

Con esto ahora tu sitio o Blog se vera mas personalizado y diferente del resto.

Saludos cordiales,

Cocoscuba
www.cocoscuba.com.mx

viernes, 6 de julio de 2012

OneBoxDownloader - Descarga videos de forma rápida y fácil

OneBoxDownloader es una aplicación con la que puedes descargar videos de sitios y/o portales que alojan videos de forma fácil y rápida.

Su interfaz y funcionamiento es muy sencillo, simplemente ejecutas la aplicación y en la barra de URL ingresas la dirección del video que deseas descargar, eliges el formato de descarga 3GP, FLV o MP4, presionas en Download y listo comenzara la descarga del video en tu computadora.

La particularidad de este software respecto a otros programas del mismo género es que no requiere de instalación y su velocidad de descarga es bastante aceptable; también soporta la descarga de sitios para adultos.

Información:

Licencia: Gratis
Versión: 1.1 (r015)
Tamaño: 344 KB
Idioma: Español/Ingles
S.O.: Windows XP/Vista/7
Autor: Sunbox Software






martes, 3 de julio de 2012

Cambia la URL de una nueva pestaña en Firefox

El boom de Firefox radico en que se trataba de un navegador que usuario puede personalizar, pero un detalle bastante molesto y que no se puede modificar desde la opción del propio navegador es el configurar la URL de una nueva pestaña (Ctrl+T).

Bueno se que existen gran cantidad de complementos para este navegador entre ellos el mas conocido TabMix Plus. En lo personal no me gusta dicho complemento además de que es engorrosa la configuración; por ello si desean modificar la URL de una nueva pestaña sin la instalación de complementos, de manera rápida y fácil, los pasos son los siguientes:

1. Inicien su navegador (Firefox – presumo que están en el…jeje)

2. Inicien una nueva pestaña (Ctrl+T)

3. En la barra de dirección teclea: About:config

4. En el mensaje que les aparece, presionan en: ¡Tendré cuidado, lo prometo!

5. Busquen y/o filtren la línea de: newTabUrl
Puede aparecer como:
browser.newtab.url
extensions.funmoods.newTabUrl

6. Doble clic y modifica la URL que aparece por que deseas y después clic en aceptar.

7. Cierra la ventana, reinicia tu Firefox y listo.
Hecho lo anterior cuando selecciones “Abrir una pestaña nueva” y/o Ctrl+T esta abrirá en la URL que ya estableciste y no la que te quieran imponer o la que se le pegue la gana.

Saludos cordiales,

Cocoscuba