Mostrando entradas con la etiqueta feed. Mostrar todas las entradas

17 abril 2010

Agregar enlaces de suscripcion atractivos en tu sidebar

  1 comentario
3:01

Siempre lo he dicho y asi lo reiterare, los enlaces de suscripcion de un blog, nunca deben faltar en tu blog, si tienes por monton, siempre sera mucho mejor.


Que un usuario se suscriba a tu blog, es algo muy importante, tan importante como quemar tu feed en feedburner, mientras mas suscriptores tengas, mas pocisionamiento, ayuda a aumentar el pagerank de tu blog, y hacer que google te tome en cuenta a la hora de las busquedas, ya que hacer que un usuario se suscriba, demuestra a los robots cuan interesante y de calidad es el contenido publicado en tu blog.

Este widget, es igual al que ves en la imagen, pero esa es solo una previsualizacion de su apariencia, para verlo funcionando puedes visitar este blog de pruebas.

[1] Entra a Blogger > Diseño > Edicion HTML
[2] Buscar la etiqueta </head>
[3] Justo antes de esta, pegar el siguiente codigo

<style type='text/css'>

#hsection{border:4px solid #D3D3D3;background-color:#e9e9e9;}
#hsection:hover{border:4px solid #BABABA;background-color:#e9e9e9;}

#sectionmy .sectionmy2 h2.subscription { border:0; margin:0; padding:6px 0 0 55px; height:42px; font-size:16px;font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;
font-weight:bold; }

#sectionmy .sectionmy2 h2.rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxnR6GupmgJiWUbMlhYskmf1pjXZTZWPoCz1mL278xM-RCdf6k3mwWShsT-H2di30bBtTpS9LvK5uxq7UzXyYubHsHub-1V4N0XVU_wXfESxgZjZY30Vi8EitarV1GYkBkqXRxOydm5nWJ/) no-repeat top left; }

#sectionmy .sectionmy2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJuk5GKB8n9VIa9UhnoeQ8wwtrcfQugtq2vXT1bpdD_8ghwiELJyKzs3xmMixedI36HdkzYQXk8QIJ-kSOtANHdihEipgg6G3RLs9UnnpErkwq57_S7KxxFHxN8IJCPHjfLmRo9F8JtmWv/) no-repeat top left; }

#sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmD-Gln6ZmlUwwpSHKTg5_ucrFPYuyc_osHldFTu-MTxkkdWyNbHe5IvbQBqbQgHPyjMS4l_7Zjy2agRzDaRrpWiyJoDH5BV_MMMfMtX5co7vgKfcHp_eawTT3aa4fjBKvHohpEk0WW9fA/) no-repeat top left; }

#sectionmy .sectionmy2 .subscription a { color:#252e28; text-decoration:none; }

</style>

En VERDE: Es el grosor del borde
En NARANJA: Es el color del borde del recuadro
En VIOLETA: Es el color de fondo del recuadro
En AZUL: Es el color al que cambia el borde al color el mouse sobre el recuadro
En ROJO: Son las imagenes, puedes sustituirlas por las tuyas si quieres.

[4] Añade un nuevo gadget HTML/Javascript y pega el siguiente codigo.

Leer completo

21 marzo 2010

Formulario de Suscripción por correo electrónico equipado con enlace RSS feed

  2 comentarios
10:40

Desde hace mucho que queria hacer una publicacion sobre esto, por que todo Blogger que quiera tener mas visitas, y por supuesto ir ganando pocisionamiento mediante el numero de suscriptores, deberia tener un enlace a las Fuentes RSS, por eso es tan importante.

Ahora, sin perder mas el tiempo, permitame dar un paso adelante a explicar que debes hacer para añadir un hermoso formulario a la barra lateral del blog, así como el que se puede ver en la imagen, recuerda que nadie se niega a la personalización, así que te daré aquí algunas de las formas en la que podrías editar el CSS y HTML.

Antes de continuar, asegúrate de tener tu Feed quemado en FeedBurner.

Ahora, lo siguiente:

[1] Ir a Blogger > Diseño
[2] Haga clic en añadir un gadget
[3] Elija el tipo HTML/Javascript
[4] Dentro de este widget pega el siguiente código


<a href="http://feeds.feedburner.com/FrikiBloggeo" rel="alternate" title="Subscribe now to avail the unthinkable" type="application/rss+xml"><img border="0" alt="" style=" padding-bottom:20px; margin: 0pt 10px 10px 0pt; float: left; width:100px; height:100px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_A35GcIRKNBzhhqD_fDzYIhe9RCtQrD77ZFNyVWU9PknbYnofnppe4MYhSZjC9YuoFM7fC5wsWjvw-tORCSEgFn3JUImms_wGxKM3mlR8cMKzFviDzeNYkxPgeM4KRvKOnb1aIxMydegY/s400/MBT-RSS-FEED.gif"/></a><p><a href="http://feeds.feedburner.com/FrikiBloggeo" rel="alternate" title="Suscribete a mi feed" type="application/rss+xml">Recibe nuevas noticias! </a><span style="color: 5C6AA4 #; font-weight: bold;">Introduce tu correo electronico para recibir nuevas entradas cada dia a tu e-mail:</span></p>
<style>
input.mbt1 {
color:#fff;
font: bold 10px Arial, sans-serif;
background:#F39100;
border:0;
padding:3px;
}
input.mbt1hov {
color:#fff;
font: bold 10px Arial, sans-serif;
border:2px solid #F39100;
padding:3px;
}
</style>
<form action="http://feedburner.google.com/fb/a/mailverify" style="padding: 5px; " target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FrikiBloggeo', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style=" color:5C6AA4 #; background: #fff; border:1px solid 5C6AA4 #; width: 90px;" name="email" type="text"/><input value="Frikibloggeo" name="uri" type="hidden"/><input value="en_US" name="loc" type="hidden"/> <input onmouseover="this.className='mbt1 mbt1hov'" onmouseout="this.className='mbt1'" value="Suscribeme" class="mbt1" type="submit"/></form><br/>


Ahora, te muestro que cambios realizar para personalizar el widget.

Leer completo

19 marzo 2010

Comentarios Recientes para Blogger y Typad ofrecido por Feedburner

  No hay comentarios
18:54

Apenas, unos cuantos días publique un post de como agregar las entradas recientes en tu blog pero la única diferencia es que ese no usa Feedburner para dicha acción. Pues, hoy vamos a aprender como hacer lo mismo pero con los comentarios y con Feedburner de modo fácil y rápido. Entonces continuo dándote mas información.

Para agregar el gadget o widget de los comentarios mas recientes en tu blog, debes estar registrado en Feedburner, si ya lo estas perfecto, si no te explico lo siguiente:

[1] Entra en Feedburner, te registras y luego inicias sesión, si tu plataforma es Blogger y usas cuenta Gmail para ingresar a tu blog, no tendrás que registrarte, ya que Feedburner es un servicio asociado a Google o mejor dicho, un servicio de Google.

[2] Inserta la URL del Feed de los comentarios de tu blog. Un ejemplo


http://NOMBRE-DE-TU-BLOG.blogspot.com/feeds/comments/default

Eso lo harás, en el siguiente recuadro que te muestra en la pagina.


[3] Presione el Botón Next para ir a la siguiente pagina que te muestra en la imagen, simplemente escoja un titulo y dirección fácil de recordar.

Leer completo

14 octubre 2009

Eliminar el suscribirse a entradas Atom

  No hay comentarios
21:21

Podemos eliminar el texto Suscribirse a entradas Atom con un simple clikc.
Nos situamos en Plantilla/Opciones/Feed del Sitio.



Donde dice: Permitir feed del blog sustituimos Completo a Ninguno



» Si deseamos eliminar el texto de Suscribirse a entradas Atom sin prescindir de esta utilidad recomiendo esta segunda opción.



Debemos buscar en nuestra plantilla:



.feed-links {


clear: both;

line-height: 2.5em;

}


Y sustituirlo por lo siguiente:



.feed-links {


clear: both;

line-height: 2.5em;

visibility:hidden;

display:none;

}

Leer completo

02 septiembre 2009

Compartir el blog desde la navbar de Blogger

  No hay comentarios
16:54

Leo en Blogger Buzz (28-8-09) una nueva función que el equipo de Blogger ha incluido en la navbar (barra superior del blog).

Cuando un lector está en la página principal de cualquier blog que muestre la navbar, tendrá la posibilidad de enviar la url del blog a
Twitter, Facebook o Google Reader.


Pinchando en el botón "Compartir" de la navbar se abrirá una ventana (popup) con las opciones (IE Y Firefox).

Navbar compartir


Si se encuentra en la página de una entrada concreta, además de enviar la url a cualquiera de estos sitios, podrá compartir también la entrada por correo electrónico.



Navbar compartir individual


Cada url que se comparte incluye un parámetro especifico adjunto (FB Facebook, tw = Twitter, y gr = Google Reader), esto permite (si estás utilizando Google Analytics para medir el tráfico en tu blog) buscar las cadenas para ver la cantidad de tráfico que está recibiendo de cada fuente.



Por supuesto aquellos que hemos optado por ocultar la navbar o estamos usando una plantilla que en su diseño ya no la incluía, no tendremos acceso a esta nueva funcionalidad.
Para poder usar el botón de "compartir" tendríamos que optar por volver a mostrar la navbar, para ello tendríamos que localizar el código que la oculta en nuestra plantilla (desde Edición HTML de nuestro panel) y eliminarlo:

#navbar-iframe {

height:0px;

visibility:hidden;

display:none;

}



Leer la noticia en
Blogger Buzz (inglés)

Leer completo