Inserta de todo en WordPress con gigya

Este resumen no está disponible. Haz clic en este enlace para ver la entrada.

Efectúa un respaldo de tu Blogger

En internet existen muchas aplicaciones tanto de escritorio como online que sirven para efectuar un backup (respaldo) de tu blog, pero en el caso de Blogger no es necesario buscar algún programa en específico, ya que el mismo cuenta con una función para realizar esta tarea, para ello efectúa los pasos siguientes:

1. Ingresa a tu Blogger.

2. Ve a tu menú de "Configuración" y dentro de este selecciona la opción "Otros".

 

3. En la parte superior de "Otros", selecciona la opción "Exportar blog", y en la ventana que aparece selecciona la opción: "Descargar blog".

 

4. Guarda el archivo y listo.

Ahora ya tendrás una copia de respaldo de Blogger en caso de alguna contingencia, en cuyo caso podrás restaurar siguiendo los pasos anteriores pero seleccionando la opción de "Importar blog".

¡No olvides efectuar de manera constante el respaldo de tu Blogger, ya que recuerda nada es seguro en esta vida… jeje!

No se olviden de visitar www.buscate.com.mx   ahora ya pueden ingresar también como www.yupis.com.mx

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

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:

Favikon:   http://www.favikon.com

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

Generador online de formularios

La utilización de formularios nos simplifica la forma de recopilar información e interactuar con los usuarios de un sitio, pero puede ser una tarea muy engorrosa y complicada para quienes no tienen conocimiento de programación en HTML, JavaScript y el funcionamiento de base de datos.

Por ello existen una gran cantidad de servicios online que nos facilitan esta tarea sin necesidad de escribir una sola línea de código, personalmente probé muchos de estos servicios pero entre todos el que mas se destaca es Wufoo HTML Form Builder.

Su generador online de formularios HTML es muy práctico e intuitivo que te permite crear formularios de contacto, encuestas, etc. para que puedas recopilar información y/o  registros para tu sitio Web o Blog en tan solo unos minutos. Tan solo creas un nuevo formulario, generas el código, lo pegas en tu sitio o blog y listo… ya tienes un formulario  con un look muy 2.0

La información la puedes recibir en tu e-mail o bien en el panel de control de la propia aplicación en tiempo real; además se encuentra disponible en ingles y español. En su versión Free (gratuita) puedes generar hasta 3 formularios con un número de 100 entradas por mes.

En su versión de pago (muy económica en comparación con otros servicios) puedes agregar en tus formularios la opción de recibir pagos y que tus usuarios te envíen archivos.

Ejemplo del formulario:

Fill out my online form.

Espero que sea de su ayuda esta información…

Saludos cordiales,

Cocoscuba

Alojamiento de archivos - SkyDrive

Ya con anterioridad habíamos comentado algunas opciones para alojar archivos en el post Alojamiento de archivos – A falta de Google Pages Creator en el cual dedicamos gran parte a FreeWebTown, pero el gusto nos duro muy poco ya que protegieron el Hotlink, que es lo que se conoce como permitir un hiperenlace para utilizar un archivo de imagen, audio o video en un sitio o blog que se encuentra alojado en un servidor.

En esta ocasión pues retomaremos el tema de SkyDrive el cual tratamos de forma muy breve en el post que mencionamos con anterioridad, ya que parece ser hasta el momento la mejor opción para alojar y compartir archivos que también podemos utilizar para hacer Hotlink. Esto mientras que no tengamos una mejor opción o que mejor aun que Google ofrezca un servicio de alojamiento de archivos gratuito.

SkypeDrive

Es un servicio de Microsoft para alojamiento de archivos gratuito, con una capacidad de 5 GB, para utilizarlo debes tener una cuenta de Hotmail y es ideal para alojar archivos que no pesen mucho, ya que el tiempo de carga con archivos de gran tamaño es muy lento. Para ingresar presiona en el link http://skydrive.live.com o bien desde nuestra cuenta de Hotmail, daremos clic en el vinculo “Más” lo cual desplegara un menú y elegimos “SkyDrive”.

Por defecto, accederemos a la lista de carpetas predeterminadas, que son cuatro: Documentos, Publico, Videos y Favoritos. Las carpetas de Documentos y Favoritos son únicamente accesibles para el dueño.


La carpeta “Publico” se comparte con cualquiera que ingrese a ella, para que alguna persona ingrese a dicha carpeta simplemente basta con proporcionarle la dirección que aparece en el navegador al estar en la carpeta “Publico” o también se puede enviar a través de e-mail usando la función “Enviar un vinculo” de la pestaña “Mas”.

Agregar archivos:

1. Simplemente presiona donde dice “Agregar archivos”.

2. Selecciona la carpeta donde deseas subir tus archivos.

3. Selecciona el archivo que deseas subir, después presiona en el botón “Cargar” y listo.

O bien puedes ingresar directamente a la carpeta y allí mismo presionar en “Agregar archivos” y seguir las ventanas que son el paso numero 3.

También puedes modificar los permisos para cada archivo, así controlaras quien tiene acceso a los mismos como: únicamente tu, Publico (cualquiera), tu red de amigos, o definir usuarios de tu cuenta de Hotmail.



Crear Carpetas:

También podemos crear carpetas con diferentes nombres y asignarles permisos de acceso.

1. Presiona donde dice “Crear carpeta”

2. Ingresamos el nombre de la carpeta, el tipo general de permiso que deseamos asignar y presionamos en “siguiente”.

3. Presionamos en "Examinar" para buscar el archivo en nuestra PC y presionamos en “Cargar”.

4. Nos aparecerá una barra indicándonos el progreso de la carga del archivo. Tras finalizar la carga nos aparecerá una ventana con el archivo, así como la opción de dar a conocer el vínculo y/o link del archivo.

5. Listo nuestro archivo ya esta alojado y listo para compartirlo o utilizarlo como Hotlink.

Ya sea que hayamos creado una carpeta o simplemente agregado un archivo a nuestra carpeta, para mostrar el archivo u obtener la URL del archivo, simplemente presionamos sobre la imagen del archivo y en la parte inferior derecha nos aparecerá el código para insertarlo o bien la dirección Web del archivo.

Hecho lo anterior ya podemos utilizar nuestros archivos como Hotlink tal y como aparece a continuación:

Importante: Los archivos que pienses utilizar para Hotlink debes ubicarlos en la carpeta “Publico” y aquellas imágenes Gif (con movimiento y/o dinámicos) debes alojarlas en la carpeta de “Documentos” cambiando el permiso de dicha carpeta a "Público (cualquiera)", para que al momento de subir el archivo y utilizarlo no se modifiquen sus propiedades a “Foto”, lo que ocasiona que se pierda el movimiento.

NO DEJES DE VISITAR:
http://www.buscate.com.mx

Metatags – Optimiza tu Blogger.

El día de hoy se me ocurrió meterme a "Yahoo Respuestas" y encontré la pregunta de un usuario, la cual se refería a como agregar etiquetas a su Blogger (ojo hay que saber diferenciar entra las etiquetas – Tags de las Metaetiquetas, pero al final del camino comprendí la pregunta). Por ello hago una breve pausa en la publicación de programas gratis para dar respuesta a este tema.

¿Que son las Metatags?

Las Metatags son etiquetas HTML y su propósito es incluir información de referencia de un sitio Web (en nuestro caso blog) como: titulo, descripción, palabras clave, etc.

Esta información es invisible para el visitante común, pero son de gran utilidad para los robots de los buscadores, facilitando con ello la inclusión del sitio en los buscadores así como los resultados de las búsquedas que realizan los usuarios de los buscadores.

Este tema parece ser de poco interés pero es de suma importancia cuando se trata de optimizar nuestro sitio o blog, lo cual se traducirá en un mejor posicionamiento en los buscadores y por ende en más visitas.

¿Cómo agregar Metatags a tu blogger?

Esta misma pregunta me la hice en octubre/2007 justamente cuando inicie este blog y desgraciadamente conocen muchos bloggers la respuesta, pero que se la guardan como oro molido por la tonta e idea de que no compartirán sus conocimientos.

Evidentemente existen muchos sitios en los cuales el usuario ingresa la información de su sitio y genera el código HTML de las metatags. En ese sentido estoy seguro que al igual que yo muchos ya lo hicieron pero al pegar y guardar el código en su Blogger les aparecía error, esto se debe a que nuestra plantilla se encuentra en XML y solamente se trata de hacer unos pequeños cambios al código.

Pues estimados lectores, como la misión y objetivo de este blog es la de compartir la respuesta o solución, para que agreguen Metatags a su Blogger lleven acabo los pasos siguientes:

1. Ingresa a tu Blogger » Diseño » Edición de HTML.

2. Copia y pega después del <head> el código siguiente:

<!-- keywords: Patito Feo, Música, Poemas, Autos, Motociclismo, Chistes -->

<META CONTENT='Titulo de tu Blog' NAME='TITLE'/>
<META CONTENT='tu_correo@gmail.com' NAME='AUTHOR'/>
<META CONTENT='GENERAL' NAME='RATING'/>
<META CONTENT='Descripción de tu Blog' NAME='DESCRIPTION'/>
<META CONTENT='Descripción de tu Blog' NAME='ABSTRACT'/>
<META CONTENT='Patito Feo, Música, Poemas, Autos, Motociclismo, Chistes' NAME='KEYWORDS'/>
<META CONTENT='WWW.CGISCRIPT.NET' NAME='GENERATOR'/>
<META CONTENT='ES' NAME='LANGUAGE'/>
<META CONTENT='All' NAME='ROBOTS'/>


3. Presiona en "Guardar Plantilla" y listo. Con esto tu Blog ya cuenta con Metetags y estará mejor optimizado para los buscadores.

Nota: En el código donde van las palabras clave utilice:

Patito Feo, Música, Poemas, Autos, Motociclismo, Chistes

Simplemente utilice estas palabras como ejemplo y debes sustituirlas por las que sean acorde al contenido de tu blog, así como el titulo, tu e-mail y descripción.

Saludos cordiales,

Cocoscuba

NO DEJES DE VISITAR:
http://www.buscate.com.mx

Coloca en tu página Web o blog el botón de add de Google y Yahoo.

Seguramente habremos visto infinidad de veces en diversos sitios o blogs, el botón de add to Google o My Yaoo . Este botón que tiene el signo de (+) junto con el logo, sirve a los visitantes para añadir un feed.

En el caso de Google es para Google Reader o bien a la página personalizada de iGoogle. De la misma manera en el caso de Yahoo es para que los visitantes se suscriban a tu feed a través de My Yahoo.

En ambos casos es una buena herramienta para sugerir a tus visitantes que utilizan los servicios de Google y Yahoo, para que se suscriban a tu RSS.

Pues bien, para que tengas tu propio botón personalizado, las instrucciones son las siguientes:

Botón add to Google:

1. Ingresa a la dirección http://www.google.com/webmasters/add.html y llena el formulario “Let's get started”.

2. En el formulario selecciona la opción de “RSS or Atom Feed”.

3. En el formulario selecciona la opción de “One”.

4. Selecciona el tipo de botón que deseas.

5. Especifica la dirección URL de tu feed RSS.

6. Presiona en “Generate HTML” para obtener el código.

7. Copia y pega el código en tu página Web o blog y listo.

Botón add to My Yahoo:

1. Ingresa a la dirección http://publisher.yahoo.com/rss_guide/submit.php y llena el formulario que se encuentra en la parte de abajo.

2. Selecciona el tipo de botón que deseas.

3. Donde dice “Feed URL” debes especificar la dirección URL de tu feed RSS.

4. Donde dice “Feed Name” debes especificar un nombre, este puede ser “novedades” o como tu gustes.

5. Donde dice “Publisher's Name” agrega el nombre de tu sitio o blog.

6. Presiona en “Generate HTML” para obtener el código.

7. Copia y pega el código en tu página Web o blog.

8. Presiona donde dice “Manage Your Feed »” (se encuentra en la parte inferior derecha).

9. Por ultimo presiona en “Submit Your Feed” (se encuentra en la parte inferior” y listo.

Como puedes comprobar el proceso de generar los botones es muy rápido y simple.

Saludos cordiales,

Cocoscuba

NO DEJES DE VISITAR:
http://www.buscate.com.mx

vozMe - Añade voz a tu web, Blog o Navegador.

vozMe es una muy útil y practica aplicación online, que te permite agregar voz (femenina o masculina) a tu sitio Web, blog o navegador. Para que tus visitantes puedan escuchar el texto en vez de darle lectura.

Su funcionamiento es muy sencillo: simplemente debes ingresar a vozMe , y en la parte de "Webmasters", seleccionar la forma en que deseas que funcione, copiar el código HTML que te proporciona, pegarlo en tú sitio o blog y listo.

Ejemplo (Voz femenina):

"Este es un ejemplo de vozMe para el blog de Programas y Utilerías"

Ejemplo (Voz Masculina):

"Este es un ejemplo de vozMe para el blog de Programas y Utilerías"

Sus múltiples configuraciones permiten darle diversos usos. Al igual que en los ejemplos de arriba, yo lo agregue a cada cuento de la sección de “Cuentos Infantiles” de mi sitio http://www.buscate.com.mx como una opción para los chiquitines.

O puedes agregar esta función a los posts de tu blog en Blogger o Wordress, tal y como aparece al final de cada post de este blog.

Pasos para agregarlo en Blogger:

1. Accede a Plantilla > Edición de HTML.

2. Marca la casilla "Expandir plantillas de artilugios".

3. Encuentra la línea: <div class='post-footer'>

4. Antes de dicha línea, inserta el código:

<script src='http://vozme.com/get_text.js' type='text/javascript'/><a expr:onclick='"get_blogger(\"" + data:post.id + "\",\"es\",\"ml\");"' href='javascript:void(0);' style='margin-left:1.5em;'>((•)) Escucha este post</a>

5. Guarda los cambios y listo, ahora se mostrada esta opción al final de cada post de tú blog.

En definitiva, vozMe es una excelente aplicación que hará mas interesante tu sitio o blog, incluso puede utilizarse como herramienta para personas con alguna discapacidad. Además se pude agregar a tu navegador para que lo utilices donde quieras y también permite generar un archivo .MP3 de lo que se esta escuchando.

NO DEJES DE VISITAR:
http://www.buscate.com.mx

Alojamiento de archivos – A falta de Google Pages Creator

El anuncio de Google Pages Creator no permite nuevos usuarios, y que migraran sus servicios a finales de 2008 al nuevo Google Sites, puso a temblar a más una persona, ya que era una excelente opción para el alojamiento de archivos y principalmente para usuarios de blogs. Como dice el dicho “lo bueno dura poco” ya que si Google ofreciera un servicio de alojamiento gratuito con las características de fácil manejo y velocidad en la carga (Up load) similar a Google Pages Creator, seria un verdadero bombazo. Si bien Google Sites permite alojar archivos, presenta algunas limitantes o problemas como por ejemplo los archivos en formato .gif

Existen muchos sitios que ofrecen alojamiento de archivos gratuito, sin embargo presentan inconvenientes como: Poca capacidad de almacenamiento, limitante en la transferencia de datos, eliminación del archivo en un cierto periodo de tiempo, cambió de la URL del archivo, limitarse únicamente a la descarga del archivo y no permitir un link directo al archivo, lo que representa el mayor problema.

Ante dichos cambios de Google debemos prepararnos, para ir alojando nuestros archivos y no nos agarren con los pantalones abajo, por ello encontraras dos opciones similares a Google Pages Creator a continuación:

a) SkyDrive

Es un servicio de Microsoft para alojamiento de archivos gratuito, con una capacidad de 5 GB, para utilizarlo debes tener una cuenta de Hotmail y es ideal para alojar archivos que no pesen mucho. En lo personal no lo utilizaría con archivos pesados, ya que el tiempo de carga (como todo lo de Windows Live) es muy lento o falla, lo que se convierte en una experiencia engorrosa. Para ingresar presiona en el link http://skydrive.live.com

b) FreeWebTown

Es un sitio similar a Google Pages Creator, entre sus ventajas destaca:

1. Cuenta con varios años en la Web y es estable 90%.
2. Capacidad de almacenamiento de 2 GB.
3. Soporta casi cualquier tipo de archivo.
4. La carga del archivo se puede llevar acabo vía Web y FTP.
5. La principal característica es que podrás alojar tus archivos y tendrás el link directo como si fuera un hosting de pago, pero con la ventaja de ser gratuito.

Manual para alojar archivos en FreeWebTown

1. Para ingresar presiona en http://www.freewebtown.com

2. Para registrarte presiona donde dice "Sign up & Join Free"

3. En el formulario de registro (Account Information) ingresa tus datos y presiona en "Submit"

4. Una ves que te registraste ingresa al panel de control (Member Login) teclea tu usuario, contraseña y presiona en “Login”

5. Presiona donde dice “ File Manager”

6. En la pagina siguiente presiona donde dice "Single Uploader"

7. En la pagina siguiente presiona en “Examinar” para buscar el archivo que deseas alojar y presiona donde dice “Upload Files”

8. Una ves que hayas subido el archivo aparecerá en tu listado de archivos (File Manager)

9. Posiciona el puntero del mouse sobre el archivo que deseas conocer su URL (dirección Web), presiona el botón secundario y elige la opción de “Propiedades”

10. Obtendrás la URL de tus archivos de la misma manera que en Google Pages Creator, y podrás linquearlo sin mayor problema.

Resuelto el problema de alojamiento, es momento de que comiences a migrar tus archivos antes de que se lleve acabo el cambio de Google Pages Creator.

Ojala y en el futuro Google ofrezca el servicio de alojamiento que mencione al principio del post, con ello se consolidaría como el rey de la Web.

NO DEJES DE VISITAR:
http://www.buscate.com.mx

Redirecciona dentro de un post / Agrega marcadores a tus entradas

En cualquier momento podemos vernos en la necesidad de publicar en una misma entrada (post) textos muy extensos, con diversos temas que pueden tener similitudes o estar relacionados entre si. Para el lector puede ser algo tedioso el tener que dar lectura a gran parte del texto para encontrar una parte específica del mismo.

Esto se puede solucionar agregando “marcadores” o lo que algunas personas conocen como redireccionar dentro de un post (entrada). Lo cual permite ir a una ubicación especifica del texto sin tener que desplazarse por todo el documento.

Ejemplo No.1

Supongamos un blog de recetas de comida, y el autor publica en cada nueva entrada diferentes recetas de un mismo país, entonces decide dedicar una entrada a recetas de México en la cual agrega las recetas de: Tamales, Cabrito y Chiles rellenos.

Si el autor agrega los marcadores y el visitante esta únicamente interesado en la receta de “Cabrito” al presionar en el marcador, lo enviara directamente a la receta que es del interés de nuestro lector, sin tener que pasar por la de “Tamales”.

Para mostrar de manera más grafica el funcionamiento de los marcadores, veamos el siguiente:

Ejemplo No. 2

Panel de Blogger

Desde el panel de control, el usuario puede administrar y definir los diferentes aspectos de publicación, y actualización del y/o blogs en los que sea administrador o participante, desde el cual se ingresa a los diferentes menús:

Si presionas sobre el texto de “Diseño”, veras que te envía a esta parte del texto, sin tener que desplazarte por “Entradas” o “Configuración”.

Menús

Entradas
Configuración
Diseño

Entradas

Permite visualizar, editar y en su caso eliminar la(s) entrada(s) del blog.Configuración

Básico – Contiene la información de titulo, descripción y tipo de contenido del blog.

Publicación - Define la dirección o dominio del blog.

Formato - Define el numero de entradas a mostrar, el tipo de fechas y horarios en títulos, archivos, etc.

Comentarios - Define la manera en que se mostraran o no, comentarios en las entradas.

Archivo - Define la manera en la que se archivaran las entradas del blog.

Feed del sitio - Define el tipo y publicación de feed del blog.

Correo Electrónico - Define la dirección de e-mail del blog.

OpenID - Muestra la OpenID del blog y los usuarios identificados en el mismo.

Permisos - Permite definir el tipo de acceso al blog y agregar autores o administradores para que participen en el contenido del mismo.

Diseño

Elementos de pagina - Muestra y permite editar los diferentes elementos que contiene el blog (Lista de blogs, Presentaciones, Vínculos de suscripción, encuesta, listas, lista de vínculos, imágenes, AdSense, bloques de texto, HTML/Javascript, etiquetas/tags, etc.)

Fuentes y colores - Permite definir el tipo de fuente, color y tamaño, utilizados en la diferentes partes del blog.

Edición de HTML - Permite accesar a la CSS/Plantilla de nuestro blog, así como realizar una copia de de seguridad de la propia plantilla.

Seleccionar plantilla nueva - Permite cambiar la plantilla actual por otra (galería de plantillas de Blogger).

Lo anterior lo podemos llevar acabo agregando en nuestras entradas (posts), unas simples líneas de código:

Primero:
<A HREF = "#FAQ1">Titulo o Texto aquí</A>
Este código debemos agregarlo en donde deseamos que sea el marcador y/o donde se presiona para dirigirse a una parte específica del texto.

Segundo:

<A NAME = "FAQ1"><U>Titulo o Texto aquí</U></A>
El segundo código debemos colocarlo donde deseamos que se muestre, tras haber dado clic.

Y listo, con esto agregamos marcadores a nuestras entradas, para redireccionar dentro de un post a nuestros lectores.

NO DEJES DE VISITAR:
http://www.buscate.com.mx

Añade una imagen a la fecha de tus posts / entradas

Añadir una imagen en la fecha de nuestros Posts (entradas) pude ser un detalle decorativo muy sencillo, pero es un elemento que destaca y da mas vista a nuestro blog.

Esto lo podemos hacer, agregando unas líneas de código a nuestra CSS (plantilla), como se muestra en los pasos siguientes:

1. Ingresa a Panel/Diseño/Edición de HTML.

Nota: Antes de hacer cualquier modificación a nuestra CSS, es importante que siempre guardemos una copia de seguridad.

2. Busca el código h2.date-header ,y te aparecera algo como lo siguiente:

/* Posts ----------------------------*/ h2.date-header { margin:1.5em 0 .5em; }
3. Delante de h2.date-header { agrega el código siguiente:

padding-left:20px;
padding-top:35px;
background: url(Dentro del paréntesis agrega la URL de la imagen incluido el http://) center left no-repeat;

4. Presiona en “VISTA PREVIA” para visualizar como se ve, y en su caso hacer modificaciones a los valores de:

padding-left: Distancia a la derecha entre la imagen y el texto (el valor es en pixeles).

padding-top: Distancia de altura entre la imagen y el texto (el valor es en pixeles).

5. Una ves que estés conforme con los cambios, presiona en “GUARDAR PLANTILLA” y listo, ahora nuestros posts tendrán un elemento decorativo personalizado.

Tips: Las dimensiones ideales para la imagen pueden ser de 16x16 (pixeles), 32x32 (pixeles) hasta un máximo de 40x40 (pixeles), eligiendo una imagen en la que no se pierdan los detalles al reducir su tamaño.

NO DEJES DE VISITAR:
http://www.buscate.com.mx