Algunos codigos interesantes de blogger

El artículo de hoy, les permitirá mostrar a los usuarios datos que pueden ser interesantes, mostrar a los usuarios y que permiten obtener efectos interesantes.

1. Número de entradas que tiene nuestro blog (Blogger)
– En primer lugar vamos a nuestro panel de blogger, elegimos la pestaña diseño, y la subpestaña elementos de página.
– Posteriormente, pulsamos “Agregar gadget“, y entre los que aparecen inicialmente elegimos HTML/JAVASCRIPT.
– Finalmente copiamos el siguiente código, del que podemos editar el texto que aparece tanto antes como después, sin modificar la parte entre scripts.

1
2
3
4
5
He publicado <script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
<script src="http://1234pruebas2.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Entradas

2. Número de comentarios en nuestro blog (Blogger)
– En este caso el procedimiento es igual que el anterior, iremos a la pestaña diseño y elementos de página de blogger, elegimos agregar el gadget y copiamos el siguiente código cambiando tublog por el nombre de tu blog.

1
El blog tiene <script src="http://tublog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> comentarios

3. Resolución de la persona que está visitando el sitio
– El método para mostrarlo es el mismo que los anteriores. Con el siguiente código podremos visualizar la resolución :

1
Tu resolucion es <script style="text/javascript">document.write(screen.height + "x" + screen.width);</script>pixeles.<br/>

4. Mostrar el navegador del usuario:
– Finalmente presento otro método que he visto por la red que permite mostrar a nuestros visitantes su navegador y la versión del mismo que usan. En caso de usar firefox aparecer netscape pero funciona muy bien y es muy sencillo.

1
2
3
4
5
6
7
8
<script type="text/javascript">
var browser=navigator.appName
var b_version=navigator.appVersion
var version=parseFloat(b_version)
document.write("Nombre del Navegador: "+ browser)
document.write("<br/>")
document.write("Version del Navegador: "+ version)
</script>

Para acabar el artículo me gustaría comentar que estos scripts se pueden combinar entre ellos sin ningún problema

Administrar comentarios: moderación de comentarios y eliminarlos

En primer lugar, pedir perdón por estos dos meses de ausencia debido al trabajo, pero ahora sí puedo decir que está todo al día y m siento con fuerzas para continuar otra vez. A continuación, les presentaré un problema sencillo de resolver que me han planteado en varios comentarios y en el foro.

Si deseamos que nuestros comentarios antes de salir a la luz (por temas de que publican spam), aparezcan en el blog, será necesario regularlo añadiendo la moderación de comentarios. Para hacerlo seguiremos los siguientes pasos:

1. En primer lugar, vamos a la pestaña configuración de blogger, y elegimos la opción Comentarios.

2. Buscamos la opción moderación de comentarios, y elegimos “siempre”, o a partir de los 14 días, si creemos que durante esos días no se van a producir comentarios indeseados.

3. Finalmente, agregamos un mail al que nos notificará que tenemos comentarios pendientes de notificar. En conclusión será algo como:

Otra de las opciones que hemos de considerar importantes, en caso que decidamos no moderar los comentarios (la opción que recomiendo), es borrar algunos comentarios spam, que no queremos que aparezcan en nuestro blog. En caso de querer borrar comentarios haremos lo siguiente:

1. Nos logaremos con nuestro usuario en blogger.
2. Iremos a nuestro blog, y veremos la entrada en la cual queremos eliminar el comentario.
3. Pulsaremos en la papelera, y confirmaremos la eliminación del comentario que quremos quitar.

La papelera es la que aparece en la ilustración de la derecha.

Finalmente, uno de los aspectos interesantes que debemos considerar es recibir un mail cuando alguien nos haga un comentario. Para hacerlo el procedimiento será el siguiente:

1. Iremos a la pestaña configuración, y subpestaña Comentarios de blogger.
2. En la última opción de todas: “Correo electrónico de notificación de comentarios”, escribimos nuestro email. Esta elección es muy recomendada ya que así recibiremos un mail y podremos leer todos los comentarios que hagan en nuestro blog.

Un saludo y les aseguro que no tardaré en postear 🙂

Las licencias en los blogs: blogger y wordpress

En primer lugar siento mucho la demora desde mi último artículo, pero se me han ido sucediendo los compromisos en mi agenda, y cuando he querido reeemprenderme he tenido que recuperar casi un mes de trabajo en comentarios y nuevas webs en el directorio. Aún así he intentado responder todo para volver con fuerzas y con más tiempo para que no se vuelva a dar otro parón.

El artículo de hoy lo dedicaré a un tema que en principio puede no resultar importante como es el de las licencias, pero que puede darnos muchos quebraderos de cabeza: este son los plagios en nuestra web. En principio puede parecer que nunca pueda ocurrir, pero yo me he dado con casos en que me habían copiado el contenido íntegro sin mencionar ni siquiera mi blog, y es por eso por lo que ahora en mi blog encontraréis la siguiente imagen:

Como ejemplo en el caso de mi blog significa lo siguiente. Los contenidos de mi blog pueden ser reproducidos siempre y cuando se mencione el origen y no tenga el objetivo de ganar dinero. A continuación les explicaré como pueden insertar en su web un icono personalizado como el siguiente. Los pasos serán los siguientes:

1. En primer lugar vamos a la web de creative commons, una organización no gubernamental sin ánimo de lucro, que pretende reducir las barreras de patentes en la creatividad. En este momento iniciaremos un asistente para seleccionar el tipo de licencia que introduciremos en nuestro blog.

2. Responderemos las preguntas al cuestionario:
– La primera pregunta marcará si queremos que aparezca el símbolo de que solo autorizamos la difusión en sitios no comerciales.
– La segunda marcará si autorizamos que alguien copia, y si copia en qué condiciones.
– Finalmente recomiendo no responder ninguno de los enlaces a rellenar, y pasar directamente al tercer campo. A continuación pulsamos siguiente.

3. Nos aparecerán varios códigos HTML para pegar en nuestro sitio. Para hacerlo nos vamos a nuestro blog y los introducimos. El procedimiento será el siguiente:

En blogger
– Vamos a la pestaña “Diseño”, y elegimos la subpestaña “Elementos de página”.
– A continuación, buscamos “Añadir un gadget”, y pulsamos HTML/Javascript.
– Una vez hecho esto, ponemos un título y pegamos el código HTML que nos ha dado como resultado el asistente de creative commons.

En wordpress
– Vamos a la pestaña “Diseño”, y a continuación elegimos la subpestaña “Widgets”.
– Posteriormente, sobre el de “Texto”, pulsamos añadir y copiamos el consiguiente HTML.

Para mejorar el aspecto estético
Observarán que los códigos incluyen unas referencias a creativecommons que no resultan demasiado estéticas. Para eliminarlas, deberemos eliminar el siguiente parte del código HTML:

1
Esta obra est&#225; bajo una <a rel="license" href="http://creativecommons.org/licenses/by-nc/2.5/es/">licencia de Creative Commons</a>.

Esto es todo por hoy, y espero publicar nuevos artículos muy pronto. Un saludo y muchas gracias por la espera.

Unos días de descanso

Después de una racha muy buena de publicaciones periódicamente, voy a estar esta semana de descanso, en vista de tomar fuerzas para seguir escribiendo una vez por semana a partir de la semana que viene en la que empezará unos tres meses con muy poco tiempo.

Después es pero seguir con la dinámica habitual de dos o tres entradas por semana. Disculpen las molestias, y espero seguir pronto posteando y respondiendo en el foro y en los comentarios. Un saludo y a partir del día 15 les espero en el blog.

Suscripciones por email en blogger y wordpress

Hoy, en continuación con el artículo anterior que explicaba como redirigir nuestro blog a feedburner con las ventajas que traía y facilitar la suscripción a nuestras visitas, les explicaré como podemos permitir las suscripciones vía email a nuestros usuarios vía email, tal y como pueden observar en la ilustración inferior y en mi blog.

Para realizar este proceso, es imprescindible que nuestro blog esté dado de alta en feedburner, y el feed esté dirigido que es lo que expliqué en el artículo anterior. El proceso que seguiremos será el siguiente:

1. En primer lugar iremos a feedburner, y entraremos con nuestro nombre de usuario y password. Posteriormente elegiremos el feed de nuestro blog.

2. A continuación, vamos a la pestaña “Publicize”, y en la barra de la izquierda elegimos la opción “Suscripciones por email”.

3. Ahora deberemos activar el servicio, para lo cual pulsaremos el botón “ACTIVAR”, que se encuentra al final de la página. Además, copiaremos el código HTML que nos aportan, que será algo parecido a lo siguiente:

1
<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://www.feedburner.com/fb/a/emailverify" method="post" target="popupwindow" onsubmit="window.open('http://www.feedburner.com/fb/a/emailverifySubmit?feedId=2396551', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="http://feeds.feedburner.com/~e?ffid=2396551" name="url"/><input type="hidden" value="oscargp.com - Ayuda para blogs" name="title"/><input type="hidden" name="loc" value="es_ES"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://www.feedburner.com" target="_blank">FeedBurner</a></p></form>

4. Ahora, para ofrecerlo a nuestras visitas deberemos traducirlo al castellano, para eso deberemos hacer los siguientes reemplazos:

  • Enter your email address: por Introduce tu email o algo similar.
  • Subscribe por Suscríbete o un término parecido.
  • 5. Ahora seguiremos los siguientes procedimientos respectivamente en Blogger y WordPress.
    En Blogger
    a. Vamos a la pestaña “Diseño” de nuestro blog, y la subpestaña “Elementos de página”. A continuación pulsamos agregar nuevo gadget, y elegimos HTML/JAVASCRIPT.

    b. Una vez hecho esto pegamos el código HTML que hemos copiado anteriormente modificado. Como título al gadget podemos poner algo como “Recibe suscripciones por email” o lo que consideréis oportuno.

    En WordPress
    a. Vamos a la pestaña Diseño de nuestro blog de WordPress, y en la subpestaña widgets, añadimos un nuevo elemento “Texto”.

    b. A continuación introducimos el código HTML modificado y como título del widget ponemos algo como “Recibe suscripciones por email”.

    Para acabar me gustaría comentar que esto no es posible hacerlo con blogs basados en wordpress.com.

    Permitir a los usuarios suscribirse en blogger

    Una de las opciones interesantes que podemos ofrecer a nuestros usuarios es la suscripción a nuestro blog para usuarios como google reader o bloglines entre los muchos que hay.

    El fundamento de estas tecnologías de lectura directa de las publicaciones es el feed o RSS que podéis leer aquí más detalladamente qué es. Blogger ya implementa un feed propio (http://tublog.blogspot.com/atom.xml o http://www.tublog.com/atom.xml), y en realidad la suscripción sería tan sencilla de ofrecer el enlace, sin embargo plantea los siguientes problemas:

  • No permite contar el número de suscripciones a nuestro blog, que de alguna manera son lectores seguros y es muy importante que nuestro blog tenga contabilizadas las suscripciones, ya que el número de suscriptores es una parte del valor de la web.
  • No permite incrustar publicidad, lo cual a la larga supone una pérdida para nosotros importante, ya que con el tiempo el feed cobra más protagonismo que la propia web.
  • No ofrece a los ususarios una interfaz intuitiva, para agregar fácilmente a su servicios nuestra suscripción.
  • No ofrece la posibilidad de realizar la suscripción vía email.
  • En este artículo explicaré como introducir en nuestro blog un apartado para que los usuarios puedan suscribirse a nuestro blog, utilizando feedburner, que permite corregir todos estos errores que se daban en blogger.

    Registro en feedburner y alta de nuestro blog

    1. En primer lugar vamos a la web de feedburner, en primer lugar pulsamos arriba del todo en Languages, y elegimos el castellano, una vez estamos en castellano pulsamos también en la parte superior derecha en el apartado “Registrarse”, e introducimos nuestros datos.

    2. A continuación, nos aparecerá el panel principal de feedburner, a continuación en el apartado para crear un nuevo feed, escribimos la dirección: http://tublog.blogspot.com/atom.xml, tal y como se muestra en la siguiente imagen:

    3. A continuación, introducimos el título del blog, e introducimos un nombre, que marcará la dirección de nuestro feed que será algo del tipo: http://feeds.feedburner.com/titulodetublog. Una vez introducido el feed, pulsamos “Activar feed”, tal y como se muestra en la imagen.

    4. Una vez hecho esto, podemos “ir directamente a la gestión del feed”. A continuación el siguiente paso nos avisará que hemos de redirigir nuestro feed de blogger a feedburner. Para ello iremos a nuestro panel de blogger, y elegiremos la pestaña “Configuración” de nuestro blog.

    5. A continuación, elegimos la subpestaña “Feed del sitio”, y en la opción “Publicar URL redireccionada del feed”, copiamos la URL del feed de feedburner que acabamos de crear, que será algo parecido a: http://feeds.feedburner.com/titulodetublog.

    6. Finalmente, para permitir a los usuarios suscribirse a nuestro feed, iremos a la pestaña “Diseño” de Blogger, y la subpestaña “Elementos de página”, y pulsamos “Añadir un gadget”.

    7. Una vez hecho esto, pulsamos la opción enlaces de suscripción, y en nuestro blog aparecerá un texto que permitirá la suscripción como el siguiente:

    El próximo día, explicaré como permitir las suscripciones por email, tal y como se observan en mi blog.

    Compartir archivos en blogger: documentos, scripts y mp3 (modificado)

    Hace unos días comenté que la posibilidad de sustitución natural para google pages era google sites, sin embargo tras algunas quejas de algunos lectores, he podido comprobar que realmente causa muchos problemas en algunos casos, con lo que me he puesto manos a la obra a buscar alternativas.

    Realmente no he encontrado una alternativa tan buena como pueda ser googlepages, sobretodo por su sencillez de uso, pero Windows Live SkyDrive con un poco de gracia puede sernos útiles para subir archivos a nuestro blog.

    Instrucciones de uso de Windows Live Skydrive en blogger para compartir ficheros
    1. En primer lugar vamos
    a la web de Windows Sky Drive. Una vez entramos pulsamos en “Comenzar”. A continuación, introduciremos nuestro nombre de usuario y contraseña. Si no estamos registrados nos podemos registrar aquí, en cambio si tenemos cuenta de MSN Messenger la podemos usar sin ningún problema. Nos aparecerá una pantalla como la que se aprecia a la derecha.

    2. A continuación, para comenzar a subir archivos en el lugar donde pone “Carpetas públicas”, pulsamos “Agregar archivos”, y en la siguiente ventana podemos elegir crear una nueva ventana o subirlos en “Publico”, que seleccionamos.

    3. Seleccionamos los archivos de nuestro disco duro que vamos a subir pulsando a “Examinar”, y a continuación pulsamos “Cargar”.

    4. Tras unos instantes dependiendo del tamaño del archivo, nos aparecerá en la carpeta subido y pulsaremos sobre el archivo. Existen tres posibilidades para descargar el archivo:

    • Utilizando el enlace, en este caso para insertarlo copiamos el campo que pondrá “Dirección web”. Iremos a nuestro blog, escribiremos una entrada, pulsaremos sobre el botón HTML o Insertar enlace, y copiamos la dirección que nos suministran. El resultado será algo parecido a descarga. Este sistema no acaba de ser del todo elegante y por eso recomiendo las siguientes opciones, aunque esta sea la más sencilla.
    • Incrustando el archivo, para esta posibilidad tendremos que copiar la caja de texto que contiene incrustado, elegir la pestaña “Edición de HTML” y copiar el código donde queramos que aparezca. El resultado similar a este:

    • Poniendo un enlace directo al archivo, para seguir este caso haremos botón derecho en el navegador sobre los botones “Descargar” o “Abrir”, pulsar propiedades y copiamos el vínculo. El vínculo será algo parecido a:
      http://mz7buq.blu.livefilestore.com/y1p2exX0TCsmFeQ7s6W_eHB3S0y7-iL_OC5tViZA_zEqalrnSJgaifEEO__7P3bYfmK76ZXzlVYJHg/Curr%C3%ADculumweb.pdf?download
      Para insertarlo en nuestro blog, crearemos un enlace o hipervínculo y copiamos el enlace, un ejemplo para descargar directamente lo podéis ver haciendo clic aquí.

    Utilizando Windows Live Skydrive para compartir mp3
    Utilizando la explicación para insertar un reproductor en nuestro blog. Para saber la URL que hemos de poner para la canción seguiremos el siguiente procedimiento:

    1. Seguimos el procedimiento indicado en el apartado anterior, subiendo el archivo a la galería pública de archivos.

    2. Una vez está subido el archivo y estamos sobre el archivo, observaremos un botón descargar, pulsamos botón derecho y propiedades (tal y como muestra la imagen).

    A continuación buscaremos un enlace del estilo del siguiente: http://mz7buq.blu.livefilestore.com/y1p2exX0TCsmFeQ7s6W_eHB3S0y7-iL_OC5tViZA_zEqalrnSJgaifEEO__7P3bYfmK76ZXzlVYJHg/Curr%C3%ADculumweb.pdf?download al cual tendremos que eliminar ?download de la dirección. Una vez hecho esto podemos incluir el reproductor tal y como explico en el artículo con el siguien resultado:

    Subir Scripts a blogger
    Para utilizar scripts en blogger, la técnica será exactamente la misma que hemos utilizado anteriormente, es decir eliminando el parámetro ?download podremos subir scripts perfectamente a nuestro blog.

    Por cierto, me gustaría agradecer a José Manuel y vagabundia, su ayuda ya que fueron los que me ayudaron a aplicar la solución

    Nuevo foro de ayuda a blogs

    Hoy no pensaba publicar sobre el nuevo foro, pero la inseguridad de la solución que tenía pensada me han hecho a presentar otras de las ideas que tenía en mente hace algún tiempo: un foro de ayuda a blogs.

    Desde este momento se convertirá en el lugar oficial donde escribir dudas, ya que los mails muchas veces se repiten, y creo que puede ser interesante, primero para que otras personas dén su punto de vista que puede ser tan o más interesante que el mío.

    Además, les invito a dar su punto de vista registrarse y opinar. Saludos y espero que esta nueva herramienta funcione.

    Sigo en mente el buscar un hosting bueno para imágenes, scripts, vídeos y sonidos, aunque no descarto buscar otras soluciones diferentes y novedosas… ya seguiré explicando.

    Código de descuento Dreamhost – Descuento Dreamhost

    Durante los próximos días haré un post explicando como pasar nuestro blog de blogger a wordpress adquiriendo un servidor propio. En este caso dado que uso yo ya actualmente Dreamhost, les ofrezco el servicio de hosting que uso yo con una excepcional promoción.

    Los descuentos ofrecidos desde mi web serán los siguientes introduciendo el código promocional OSCARGPNET.

    • Un dominio adicional gratuito, con lo cual en total en vez de disponer de un solo dominio dispondrán de dos dominios gratuitos.
    • 50$ de descuento en cualquiera que sea el plan de dominio escogido.

    Además, si justificas que tu dominio efectivamente ha sido dado de alta desde mi web, recibirás todo el soporte de ayuda a configurar tu blog desde yo@oscargp.com. Cuando he creado la promoción he optado por ofrecer un servicio muy bueno en detrimento del beneficio personal que espero que disfruten y valoren.

    Las características que ofrece Dreamhost como hosting son las siguientes:

    • 500 GB de espacio disponible (se incrementa a partir de esta cifra en 2 GB cada semana)
    • 5 TeraBytes de transferencia mensual, con un incremento mensual de 40 GB.
    • Número ilimitado de bases de datos.
    • Número ilimitado de dominios por cuenta.
    • Número ilimitado de cuentas email por dominio.
    • Un dominio gratuito.
    • Tecnología servidor PHP 4 y 5, Perl, Python… y más detalles que podrán observar aquí.

    Los costes del hosting (hospedaje web) serán los siguientes, a los cuales habrá que restar el descuento que explico arriba si usan mi código promocional:

    • Pago mensual: 49.95$ por alta + 10.95$ mensuales.
    • Pago anual: Alta gratis + 119.40$ anuales (el mes sale a 9.95$).
    • Pago bianual: Alta gratis + 214.80$ anuales (el mes sale a 8.95$).
    • Pago trianual: Alta gratis + 286.20$ anuales (el mes sale a 7.95$).
    • …hasta un pago a 10 años y un precio mensual de 5.95$.

    Es importante destacar que el pago será en dólares, ya que el precio real del dominio será del coste que ven en dólares dividido entre 1.5 aproximadamente que es la paridad actual euro-dólar, con lo cual es más barato que nunca.

    ¿Cuando es rentable pasar de un hosting gratuito como blogger a uno de pago con wordpress?
    Esto es muy complicado de pronosticar, y en muchos casos depende de nuestras expectativas, pero es una buna manera de crecer y una buena cifra podrían ser los 150 visitantes únicos. Durante los próximos días explicaré como pasar un blog de blogger a uno de wordpress con hosting propio.

    Ranking de estrellas en blogger

    Hace ya algún tiempo que tenía ganas de escribir este post y no lo había hecho por falta de tiempo. En él explicaré como podemos aplicar fácilmente a nuestro blog un ranking de estrellas para que los usuarios al final de cada post puedan dejar su opinión dándole una opinión en forma de estrellas.

    Son muchas las veces que los visitantes no tienen tiempo para dejar un comentario, pero en cambio les resulta muy fácil dejar su opinión escrita, que en conclusión puede ser más importante que un comentario concreto que afirme que no ha conseguido hacer algo. El resultado será algo parecido a lo siguiente:

    Ejemplo de ranking de estrellas
    Lo pasos que seguiremos serán los siguientes:
    1. En primer lugar entraremos al borrador de blogger. Para ello podemos pulsar aquí, o escribir en el navegador http://draft.blogger.com.

    2. Posteriormente pulsaremos sobre “Diseño” sobre el blog sobre el que queramos activar el ranking de estrellas.

    3. A continuación, en la pestaña “Elementos de página”, y pulsamos editar como podemos observar en la imagen de la derecha.

    4. Finalmente, encontraremos una casilla como la siguiente que deberemos activar:

    Una vez hecho esto observamos en nuestras entradas de blogger que los usuarios podrán dejar su opinión como podemos observar en este blog de pruebas.

    Si nos aparece un color de fondo que no se corresponde con el de nuestro blog, para eliminarlo tendremos que ir a la “Edición de HTML” en la pestaña diseño y buscar la siguiente frase:

    1
    
    <span class='star-ratings'>

    Posteriormente, un poco más abajo eliminamos el siguiente código, y así el fondo será transparente:

    1
    
    expr:g:background-color='data:backgroundColor'