Blogger usará URLs específicas de cada páís apra defender a sus blogs

En los últimos tiempos, estamos viendo como se están intentando imponer cotos a la libertad de expresión, y por tanto, hay que tomar medidas para evitar en lo posible las molestias que originan cada una de las legislaciones donde operan las empresas de Internet. Google es una de las empresas a las que se les echa el ojo a la hora de las reclamaciones, y va a ofrecer una solución para los usuarios de la plataforma de creación de blogs Blogger.

La solución pasa por redirigir a los lectores a los dominios de cada uno de los respectivos países, y sólo eliminarán las URLs si eso fuera necesario. Con esta solución, en palabras de Google, les permitirá seguir promoviendo la libertad de expresión y la publicación responsable mientras ofrece la flexibilidad a la hora de cumplir con las solicitudes de eliminación válida con arreglo a la legislación local.

De esta manera, cuando se elimine el contenido que contravenga las normas de un país en concreto, se eliminará el contenido del propio dominio local, aunque seguirá existiendo bajo el dominio Blogger.com, aunque lo que no queda claro si los lectores de ese país podrán seguir accediendo.

Blogger, al igual que muchos servicios de Google, utilizará los dominios específicos de cada país, aunque siempre se podrá visitar la versión internacional, al igual que pasa con la página principal del buscador.

De momento no se sabe la lista de países afectados por esta decisión, aunque se apunta a India puede ser uno de ellos, como indica Techdows.com. Otra opción podría ser que los propietarios de blogs usen dominios personalizados.

Vía: Google Operating System Via Whatsnew.com

Read More

12 Herramientas gratuitas para blogs

En OnlineCollegeCourses han destacado algunas utilidades Open Source perfectas para facilitar, al menos un poco, la ardua labor de mantener un blog. El eje de la recopilación está en las aplicaciones de gestión segura de los ficheros, aunque también hay para tareas más específicas que por su naturaleza repetitiva se ejecutarían de manera más eficiente con ayuda extra.

1. Launchy: Un lanzador de aplicaciones y archivos mucho más rápido que el ofrecido por el botón de Inicio de Windows, además de que funciona también en Mac OS X y Ubuntu. Tecla alt + Barra espaciadora será el atajo requerido para ejecutarlo y que permita escribir el programa o fichero buscado.

2. ZManda: Un servidor para programar copias de seguridad en la nube, a través del servicio de alojamiento de Amazon Cloud, ya sea que nuestra información se encuentre alojada en equipos con Windows o GNU/Linux.

3. Mozilla SeaMonkey: Cliente de email, navegador, lector de feeds RSS, chat IRC y edición de HTML, todo en un sólo paquete y con el espectacular manejo que caracteriza a los productos de Mozilla. Incluye también una sección de complementos para adaptarlo a gusto.

4. Spreeder: Para aprender a leer con mayor velocidad y más importante aún, comprendiéndolo todo. La idea es seleccionar un texto, definir una velocidad de visualización e iniciar el reproductor que irá mostrando palabra por palabra junto a su pronunciación.

6. PDFCreator: Con PDFCreator es posible convertir archivos de oficina (texto, hoja de cálculo, imágenes) y de otras aplicaciones directamente en formato PDF, facilitando su manejo y protección. De paso cuenta con encriptación para los resultados, envíos por email y firmas digitales.

6. ASuite: Un lanzador especializado para gestionar el contenido de dispositivos extraibles. Es como un menú de Inicio exclusivo para memorias USB y reproductores de música.

7. Mozilla Firefox: El fascinante navegador de Mozilla con infinidad de complementos y temas, gran velocidad, intuitiva utilización, gestión impecable de pestañas, seguridad, versiones portables, sincronización, compatibilidad con HTML5 y CSS3, publicación en varios idiomas, etc.

8. Writer’s Tools: Un paquete de extensiones para OpenOffice y LibreOffice que a modo de menú agregará a las suites ofimáticas libres: traductor de Google, copias de seguridad (vía FTP, email, local), acortador de URL, manejo de tareas, contador de palabras, temporizador y hasta mapas a un clic.

9. TrueCrypt: Para el cifrado de documentos y protección a través de unidades de disco virtuales o como partición adicional. Cuenta con varios algoritmos de encriptación, compatibilidad con dispositivos extraibles y extensa información en su sitio web.

10. Piwik (antes phpmyvisites): Para recoger todo tipo de estadísticas y mediciones del público visitante: número de visitas, páginas populares, porcentaje de rebote, tiempo promedio de estancia, localizaciones, buscadores utilizados. Es un Google Analytics Open Source con plugins y reportes incluso vía RSS Feed.

11. PeaZip: Una solución para la extracción y compresión de carpetas en formato ZIP, 7Z, TAR, ISO, RAR, BZ2 y otras decenas de terminaciones. Unir archivos, dividir los más grandes, encontrar archivos duplicados, proteger con contraseña los deseados, velocidad y una interfaz muy limpia son algunos de sus puntos extra.

12. txt2tags: Un convertidor que pasa cualquier archivo de texto plano con pequeños detalles de marcado (TXT) a muchos otros formatos (toTAGS): LaTeX, ASCII, HTML, DokuWiki, Google Code, Wikipedia y más. Puede ser de gran ayuda el manual en español publicado en una de las páginas de ayuda de Ubuntu. Requiere de Python para funcionar.

Fuente: WhatsNew.com

Read More

Mostrar las Páginas de Blogger de forma diferente

Revisando el código de las páginas estáticas de Blogger vi que éstas usan una nueva condicional:

<b:if cond='data:blog.pageType == "static_page"'>

Esto es que, permite condicionar acciones determinadas cuando se trata de páginas estáticas (ya debería empezarle a llamar sólo Páginas y no "páginas estáticas") que apliquen sólo a ellas y no al resto de las entradas.

Si bien hemos visto como mostrar el primer post de forma distinta, también podemos hacer algo similar para las páginas estáticas (¿lo ven? no puedo). Es decir, que todas las entradas se vean como normalmente se ven, pero cuando se trate de una Página (¡ahora sí pude!) se muestre de forma diferente, puede ser un color de fondo diferente, otro tipo de letra, bordes, etc.

Puedes ver un ejemplo en este blog de pruebas, verás que la entrada se muestra "normal", haz click sobre el enlace hacia una Página y verás que se muestra diferente.

Implementarlo es muy simple, sólo es cuestión de usar la condicional de las Páginas y agregar los estilos que se aplicarán sólo a ellas.

Para hacerlo entra en Diseño > Edición de HTML y antes de </head> pega lo siguiente:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
.post {
color: #8A4B08; /* Color del texto */
border: 1px solid #FF8000; /* Color del borde */
margin:.5em 0 1.5em;
padding: 5px;
background: #F2F5A9; /* Color de fondo o imagen de fondo */
}
.post h3 a {
color: #cc6600; /* Color del titulo */
font-family: Impact; /* Tipo de letra del titulo */
font-size: 20px; /* Tamaño de letra del titulo */
text-transform: uppercase;
text-align: center; /* Alineación del título */
letter-spacing: 5px;
}
.post h3 a:hover {
color: #FF8000; /* Color del título al pasar el cursor */
}
.post img {
padding:4px;
border:2px solid #FF8000; /* Color del borde las imágenes */
}
</style>
</b:if>

Para personalizarlo sólo cambia los estilos donde se indica, puedes agregar o quitar los estilos que quieras.
De esta forma tus Páginas tendrán un aspecto diferente que harán que resalten y se diferencien de las entradas comunes.


-Fuente: Ciudad Blogger

Read More

Frases Aleatoria en el Blog

Este es un script sencillo que permite poner frases aleatorias en el blog, puede usarse para poner mensajes de bienvenida, recordatorios, citas célebres o lo que se te ocurra. La frase cambia cada que se recarga la página y los mensajes se distribuyen al azar.

Para ponerlo en tu blog, entra a Diseño > Elementos de la página > Añadir gadget > HTML/Javascript y ahí pega esto:

<script language="Javascript"><!--

function text() {
};
text = new text();
number = 0;
// textArray
text[number++] = "Aquí va la frase"
text[number++] = "Aquí va la frase"
text[number++] = "Aquí va la frase"
text[number++] = "Aquí va la frase"
text[number++] = "Aquí va la frase"

increment = Math.floor(Math.random() * number);
document.write(text[increment]);
//--></script>

Sólo cambia lo que está en rojo por las frases que vayas a utilizar, puedes agregar más frases, sólo repite esta línea las veces que quieras:

text[number++] = "Aquí va la frase"

Las frases aparecen al azar por lo que el orden de aparición siempre será distinto cada que se entre a la página.
Una vez que lo pongas presiona F5 para recargar el blog y ver una frase distinta.


Fuente: Ciudad Blogger

Read More

Como instalar colores cambiante en el fondo del blog

Este truco lo vi en Ayuda para el Blog y si el autor me lo permite deseo compartirlo con ustedes. Este truco consiste en que cada vez que tus lectores entren a tu blog el color del fondo cambie. Sólo tienes que ir a Diseño > Edición de HTML y eliminar este código después de body {

background:$bgcolor;

Si no dice $bgcolor; puede decir algo como #FFFFFF dependerá de cada plantilla.
Ahora pega este código después de la etiqueta <body>

<script type='text/javascript'>
var bgcolorlist=new Array("#eccfba", "#d1f6ee", "#baece1", "#d2d4f3", "#efd1f6", "#41485e", "#f6d1d4", "#fffff")
document.bgColor=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]</script>

Los colores los puedes modificar a tu gusto, sólo cámbialos por los que más te gusten. Presiona F5 para recargar la página y ver cómo cambia el color de fondo.


-Fuente: Ciudad Blogger

Read More

Botón Enviar Email pegarlo fácilmente en el blog

Tener en el blog un enlace de contacto es fundamental, sobre todo para aquellos blogs de negocios que quieren ofrecerle a sus clientes la posibilidad de contactarse de manera fácil. Y claro, esto aplica para todos los bloggers que quieren estar cerca de sus lectores.

Vamos entonces a ver cómo poner un botón para enviar un correo electrónico y que al presionarlo aparezca una ventana para escribir el destinatario y el asunto. Puedes hacer click aquí para probarlo (aunque esta dirección no existe):

Para ponerlo en tu blog sólo pega el siguiente código en un elemento HTML/Javascript:

<script language="JavaScript"><!-- Begin
function mailsome1(){
who=prompt("Ingresa el destinatario: ","tucorreo@gmail.com");
what=prompt("Escribe el asunto: ","Hola");
{parent.location.href='mailto:'+who+'?subject='+what+'';
}
}
// End --></script>
<input value="Enviar correo" onclick="mailsome1()" type="button"/>

Sólo cambia la dirección de correo por la tuya y el título del asunto. También puedes hacerlo con una imagen, el código sería el siguiente:

<script language="JavaScript"><!-- Begin
function mailsome1(){
who=prompt("Ingresa el destinatario: ","tucorreo@gmail.com");
what=prompt("Escribe el asunto: ","Hola");
{parent.location.href='mailto:'+who+'?subject='+what+'';
}
}
// End --></script>
<img src="URL de la imagen" onclick="mailsome1()" title="Enviar email"/>

Así de sencillo podrás tener un botón o imagen de contacto para que te envíen emails. Recuerda cambiar la URL de la imagen por el ícono que quieras.

NOTA: Esta herramienta no es un programa para enviar correos, cuando un lector quiera mandar el correo se abrirá su cliente de correo que tenga instalado en su equipo.

-Enlace: CiudadBlogger

Read More

Crear una faviconera en minutos

Si deseas añadir en tu blog una faviconera como la siguiente deberemos seguir los siguientes pasos:

1) Vamos a Diseño
2) Elementos de página
3) Añadir un gadget
4) Pegamos en él el siguiente código:

---

<style type="text/css">
#faviconera {
width:300px;
text-align:center;
margin:10px auto 10px auto;
}
#faviconera .contimg img {
padding:1px 1px 1px 1px;
border:1px solid #000000;
}
#faviconera .contimg a:hover img{
border:1px solid #ffffff;
}
</style>
<div id="faviconera">
<div class="contimg">

<a href="http://URLdelBLOGaENLAZAR.com"><img src="http://URLdeLAimagenDELfavicon.ico" title="Nombre de la web enlazada"/></a>

<a href="http://URLdelBLOGaENLAZAR.com"><img src="http://URLdeLAimagenDELfavicon.ico" title="Nombre de la web enlazada"/></a>

</div>
</div>

---

Podemos modificar el tamaño de la faviconera cambiando el valor del width. Lo mismo haremos con el borde. 

Si queremos añadir más favicons deberemos pegar tantos códigos como el siguiente queramos añadir:

<a href="http://URLdelBLOGaENLAZAR.com"><img src="http://URLdeLAimagenDELfavicon.ico" title="Nombre de la web enlazada"/></a>

Seguimos las instrucciones para colocar las URL correctamente. 



Tomado de quiero crear un blog.com

Read More

Cómo redireccionar un blog a otro

Tal vez hayas creado otro blog y no deseas perder a tus lectores antiguos pero no puedes avisarle a todos tus lectores que has cambiado de blog. Lo que puedes hacer es redireccionar el blog antiguo a uno nuevo, esto lo haremos con lo siguiente:
En el blog antiguo que ya no usaras, entra en Diseño > Edición de HTML, busca al inicio la etiqueta <head> y justo arriba de esa etiqueta pega el siguiente código:

<head>
<meta content='3; URL=http://nombre-de-mi-blog.blogspot.com/' HTTP-EQUIV='Refresh'/>
</head>
<body onLoad='redireccionar()'>
<script language='JavaScript'>
var pagina="http://nombre-de-mi-blog.blogspot.com/"
function redireccionar()
{
location.href=pagina
}
setTimeout ("redireccionar()", 500);
</script>
</body>

Ahora sólo debes cambiar nombre-de-mi-blog por el blog a donde quieres que tus lectores sean redireccionados.

Autor: El potro, Fuente

Read More

Alta Bloggers

Directorio para Bloggers

http://altabloggers.blogspot.com/

Read More

Como armar una faviconera para Blogger

El uso de una caja de favicones como se muestra en laimagen es una de las técnicas utilizadas para intercambio de enlaces por medio de favicon.

Se trata de un bloque o caja destinado a almacenar los favicones de otros sitios web con los que desee intercambiar, desde luego cada favicon guarda el enlace a la página principal correspondiente, por ejemplo puede explorar mi faviconera que esta situada a su derecha.

¿Que es un Favicon?

Un favicon es una pequeña imagen de tamaño 16X16 px. que hace parte de la identidad gráfica de un sitio web.  El nombre favicon proviene de la composición Favorites Icon (Iconos favoritos)  y son utilizados por los navegadores web en las pestañas y en los marcadores (favoritos).

Es importante hacer una acotación antes de proseguir.  Como ya se acaba de definir acerca del favicon, pero si no estas familiarizado con el uso de este y probablemente poseas un blog de blogger (como este), entonces verás que en la pestaña del navegador el favicon será el de Blogger :

Este resultado (el ver el favicon en la pestaña) se logra con un procedimiento que requiere intervención en el código fuente del blog, algo que no es parte de esta entrada, pero que posteriormente veremos como se hace.

Una característica acerca del uso del favicon en su aplicación original (como se ve en la anteriorimagen) es que este sea creado con la extensión .ICO, aunque para las últimas actualizaciones de navegadores ya se acepta el favicon con la extensión .PNG y .GIF.   De todas formas para el uso de favicon en faviconeras no es camisa de fuerza y preferiblemente se aconseja el uso del .PNG, 

¿Como hacer una faviconera para intercambio de favicones?

Una forma sencilla de crear una faviconera para tu blog es la siguiente (en Blogger). Selecciona y copia el siguiente código, luego pegarlo en un gadget HTML/Javascript. He dejado los datos de mi favicon en azul para que les sirva de guía.

Este fragmento de código se repite seguidamente cada vez que requieras agregar otro favicon a la faviconera, yo por ejemplo tengo dos imágenes de favicon, una en color, que es la original y otro en gris que se repite continuamente y a los que he dejado como enlace la entrada donde ofrezco el intercambio de favicon.

 y 

<a href="http://www.tecnotierra.blogspot.com/" target="_blank"><img src="http://www.dinamicolor.com/TT/tecnotierra.png" title="Tecno Tierra" style="padding:2px; border:1px solid gray" /></a>

Recuerda bien los datos básicos para un favicon que son siguiendo el orden de las partes en azul  del anterior código:

1.  La URL del web:  http://www.tecnotierra.blogspot.com/

2.  La URL del favicon: http://www.dinamicolor.com/TT/tecnotierra.png

3.  El título del blog (al evento de pasar el mouse sobre el favicon): Tecno Tierra

Fuente: Tecno Tierra

Read More

16 consejos para tener éxito con un blog

Desde que salió el meme de 3 Consejos Para Ser Un Buen Blogger, muy buenos Bloggers han respondido el meme y con este han dicho todo tipo de consejos, desde los más populares, raros, importantes, etc. Por esto creo que es muy buen momento para hacer un post con la recopilación de los mejores y más efectivos consejos dichos por la experiencia de diferentes Bloggers en la Blogosfera.

Mis Consejos:
- Ser un Blogger único, donde exprese su punto de vista sin miedo a nada, y así tu Blog pueda salir del montón.

- Ser vivo y siempre mantenerte actualizado con todo lo que ocurra en el mundo y a tu alrededor, sobre cualquier tipo de temas, ya que es muy importante saber un poco de todo.

- Respetar, conocer y establecer amistad con tus lectores y visitantes, para que sientan que están como en casa y a gusto con tu Blog y el contenido de este!!

Consejos De Otros Bloggers:

1. Constancia: esto no se si es un consejo, más que todo es una virtud, pero para ser buen blogger tienes que tener constancia, si quieres tener un buen blog hay que ponerle empeño y dedicarle tiempo, las cosas no se hacen solas.
Escrito en Punto Geek

2. Aprender de los mejores.
Escrito en ChicaSEO

3.- No crear un blog con el único fin de obtener dinero sino porque nos gusta. No hay mejor satisfacción que ser leído por otros y conseguir lectores fieles.
Escrito en Alberto Garcia Blog

4. Intenta que el diseño de tu blog sea agradable a la vista y sobretodo fácil de leer. No uses fuentes demasiado oscuras ni letras muy pequeñas. Si la vista se cansa al leer un blog, seguramente el lector no volverá más.
Escrito en Luigix

5. Intenta que el contenido lo hagas para disfrutar tú y, si el contenido es hacia lectores provenientes de lectores, piensa que no todos tienen el mismo nivel de cultura en esa temática, luego habla correctamente.
Escrito en Magarto

6. No politizarse. He visto que muchos blog, incluso algunos muy famosos, se han llegado a politizar tanto que pocos de sus artículos se escapan de alguna referencia política. Un claro ejemplo es Gizmodo, cuyos artículos derrochan profundo anti-europeísmo. Si tu blog es de política, adelante, pero si es, por ejemplo, de informática, deja a los políticos a parte que bastante sufrimiento es verles en la televisión.
Escrito en Tecnobot

7. Si Publicas contenido: Entonces aqui desprendo unos cuantos consejos, el primero es que escribas de preferencia por las Mañanas, sobre todo si usas Adsense como Sistema Benéfico de tu Blog, te ayudará a aumentar el coste de tu Publicidad y hará que los clicks por la mañana valgan má; segundo, relacionando con lo anterior, si tienes una Noticia nueva, no la dejes para mañana, podría hacer eco en la blogósfera y reventar, recuerda que quien tiene primero la noticia generalmente se lleva los enlaces; y tercero, invita a tu Público al debate, haz preguntas del contenido publicado, un Blog con una buena cantidad de comentarios y de calidad dan un Plus adicional de los que no muchos sitios pueden demostrar.
Escrito en Marles Systems

8. Ten el blog ordenado y no abuses de la publicidad, queda bastante mal encontrarte publicidad hasta en la sopa 
Escrito en El Blog De Alcanjo

9. No te propongas rutinas rígidas – Me refiero a “tengo que escribir 5 artículos diarios”, “antes de las 10:00h ya tengo que haber publicado dos artículos”, “Voy a crear un nuevo blog cada dos semanas…”, etc. Si un día no te apetece escribir, no escribas, y no te sientas mal por ello. Tus cientos o miles de lectores que esperan ansiosos por leer lo que publiques sabrán comprenderlo, y tu cuenta de AdSense no se verá afectada. Si te sientes muy presionado, piensa que si te fuerzas constantemente te vas a quemar en pocos meses.
Escrito en Adseok

10. Intenta exponer el contenido claro. Explica la noticia con pocas palabras y que al leerla de un simple vistazo la gente se quede con el concepto que quieres transmitir, no empieces a dar rodeos o poner explicaciones de más que muchas veces son innecesarias (véase el ejemplo de este post, lo que he hecho arriba está mal, mal y mal) ¡Al grano!
Escrito en Soy Gik

11. No es un trabajo: Tómatelo con calma, no llegues a pensar que es un deber escribir todos los días en tu blog. Aveces es mejor descansar algunos días para luego volver con más fuerza.
Escrito en Frances Josep

12. Enlazar a la fuente de las noticias que no son obra propia… Este consejo no sirve para mejorar la redacción de los artículos o atraer lectores a nuestro blog, pero creo que esta cuestión básica (que muchos olvidan) es fundamental para ganarse el respeto que de los demás nos merecemos, ya que nuestra postura frente a la “competencia” decaerá considerablemente (y no olviden que después querremos que esa “competencia” cite nuestras propias creaciones… Es una ida y vuelta de enlaces, un dar y recibir)… Este consejo también se relaciona con no atribuirse descubrimientos de los demás, ya que tarde o temprano los lectores se darán cuenta de que tan mentirosos fuimos…
Escrito en Leegar Blog

13. Humildad: Es mis 5 meses blogueando me di cuenta que siempre uno encuentra gente que sabe mas, sea el tema que sea, nunca subestimes a tus lectores por mas que sepas mucho de una temática, explica tu punto y acepta las criticas o comentarios que no comparten lo que dices. Por otro lado esto es lo que hace divertido un blog, si todos pensáramos igual sería realmente muy aburrido y realmente se aprendería muy poco.
Escrito en kabytes

14. Si no tienes algo bueno que contar, es mejor intentarlo en otro momento. A diferencia de las respuestas que han dado varios, de escribir tres posts al día, siete a la semana…. personalmente prefiero leer un buen artículo de cada blog a leer tres artículos con contenido descuidado.
Escrito en RubenDomFer

15. Inteligencia en la elección de artículos: dentro de las opciones que tenemos día a día para postear, debemos elegir aquellos temas que realmente nos gustan. No por ser un buen tema o una última noticia debemos hablar de ella si no es de nuestro agrado, los lectores podrían notarlo y no ser de su agrado.
Escrito en DaniBlog

16. Si tienes 2 lectores escribe como si fueran 10.000 ya que aunque tengas pocos lectores ellos merecen respeto y te recomendaran si eres constante.
Escrito en Adictos 2.0

17. Mantener la línea: es decir, siempre tener las mismas ideas, no cambiar según la situación. Creo que mantener una postura firme ante uno mismo y ante los otros es una de las cosas más rescatables a la hora de leer algo, porque sabemos que, por más que la cosa esté dura, un blog siempre va a ir al frente y nunca va a cambiar sus ideales por miedo o para conformar al resto.
Escrito en Punto&Coma

Fuente: U love tech

Read More

Aviso flotante de suscripción al blog, por Ciudad Blogger

La otra vez vimos cómo poner un anuncio flotante que baja con la página el cual se usa con frecuencia para poner un aviso en el blog, pero también podemos darle otro uso y sacarle provecho para aumentar las suscripciones al feed.

Es decir, vamos a poner un aviso flotante de suscripción al blog de forma que cuando baje la página también baje la caja de suscripción.

Puedes ver un ejemplo en este blog de pruebas, y de paso puedes suscribirte ahí a este blog 

Para ponerlo en tu blog primero debes tener activada la opción de suscripción por email enFeedburner. Si no lo has hecho entra a tu cuenta de Feedburner, haz click sobre el nombre de tu blog y luego click en la pestaña Publicize.

Ahora haz click en el enlace Suscripciones por Email que se encuentra en el menú lateral izquierdo.
A continuación haz click en el botón Activar y estará habilitada la función de suscripción por correo.

Ahora dentro de Blogger entra en Diseño > Edición de HTML y pega antes de </head> lo siguiente:

<style type='text/css'>
#anuncio {
position:absolute;
padding: 2px;
padding-top: 15px;
width: 280px; /* ancho del anuncio */
visibility: hidden;
z-index: 200;
top: 30px;
left: 30px;
}
#rss-mail {
/* color e imagen de fondo */
background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtxoyxWHhvQJ_potwRAEiOMjZz-O-s3b3_JPqhfZQH-k9kSgsBiaFmC4dgkpaOZvg1_KhKSGD4YgNwAAX-FTwziIL0WdG0VlGoH316OQ94pejllVnImlyLbqKUg8gW9rIFAjjQKN780t0/s320/pattern_blk_point.png);
border:2px solid #FF8000; /* borde */
height:70px; /* alto de la caja */
}
#rss-mail span {
color:#FFFFFF; /* color del texto */
font-size:12px;
font-weight:bold;
line-height:30px;
}
#rss-submit {
background:#FF8000; /* color del botón */
border:0px;
}
.rss-box {
height:13px;
margin-top:10px;
color:#6E6E6E;
font-size:12px;
width:135px;
}
</style>

<script type='text/javascript'>
//<![CDATA[
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 15 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("anuncio").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("anuncio").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("anuncio");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
//]]>
</script>

Luego busca la etiqueta </body> y antes de ella pega esto:

<div id='anuncio'>
<div id='rss-mail'>
<a href='Javascript:void' onClick='closebar(); return false'><img align='right' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKGyhzMjbbi5wdYXZIgRXXR6AjvMhyphenhyphenZSbv9SRXgf3pxln2oF0ajRyzrJnF1nI-qQCtRGrIMNRX0UkbYSLOddzxjt5-j8cJBH0rsIRarG2PEZi3E8z_YYSkpgru9S-aX_Z02pQYQ8Rgswo/s320/cerrar.png'/></a>

<span>Recibe las actualizaciones directo a tu correo</span><br/>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFWwhVWd-PdGdMW81O7s2x979RuigTydecL79PrMi5MA7TAz9MZpll1EiPqAuWREquhEgI2OL4o_RjHR44eFZY4hx2xazgquvYIKX8LIJb_fza5q3T4H4veHI6YaZXYq-fdue54ZfciHM/s1600/rss-icono.png' style='padding:5px; float:left;'/>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=miblog&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='email' type='text/'/>
<input name='uri' type='hidden' value='miblog'/><input name='loc' type='hidden' value='es_ES'/><input id='rss-submit' type='submit' value='Suscribir'/></form></div></div>

Ahora sólo cambia lo que está en color rojo por el nombre de tu feed, por ejemplo, la URL de tu feed de Feedburner es algo como esto:

http://feeds.feedburner.com/miblog

El nombre de tu feed es lo que está en rojo, tal cual, sin espacios; así es como deberás ponerlo en el código donde se indica.

Lo que está en color azul puedes cambiarlo por otro texto, te recomiendo que no sea un texto muy largo.

En el primer código puedes personalizar la apariencia de la caja de suscripción, puedes guiarte por las anotaciones en color verde para saber a qué corresponde cada cosa.

De esta forma tendrás la posibilidad de conseguir más suscripciones a tu feed de una forma muy llamativa, además que la caja de suscripción puede cerrarse haciendo click en el ícono de cerrar.

Fuente: El mejor sitio del mundo sobre blogs: Ciudad Blogger

Read More