Botones de compartir muy elegantes

http://www.lucaysublog.blogspot.com
 Este es un gadget muy simple y elegante para darles la posibilidad a tus lectores de que compartan tus entradas en diferentes redes sociales.

Lo que me gusta es que es muy completo, como podrás verlo al pie de esta entrada. Cuando el navegante pasa el cursos encima, se colorea el ícono donde esté posicionado.

Es aparte muy lindo y funcional.
Yo lo había implementado en uno de mis blogs, pero como no le había puesto un marcador dentro de la plantilla para no perderlo, me volví loca hasta volver a encontrarlo.

Pero al fin lo pude halla y se los entrego ahora, espero que les guste y comenten.
También me gustaría que sugieran otros tipos de marcadores si les parecen interesantes.

Bien, para hacerlo debemos buscar primero la línea  ]]></b:skin> dentro de la Edición de html. (Tienes que expandir los artilugios antes, ya me olvidaba de decirlo)

Arriba de esta línea pegamos este código
#w2b-share ul {list-style: none;clear: none;padding: 0px 0px ;margin: 5px 0;}
#w2b-share ul li {display: inline;background:none;margin:0;padding:0;}
#w2b-share ul li a {display: block;float: left;width: 32px;height:32px;background-image: url('http://4.bp.blogspot.com/-94xCOZSsMhI/Td9Cglmov5I/AAAAAAAAA4M/0kADSqbjdek/s1600/way2blogging-share-icons-sprite.png') ;margin-left:3px;background-repeat: no-repeat;margin-right: 2px;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
#w2b-share ul li a.twitter    {background-position: -0px -0px;   }
#w2b-share ul li a.twitter:hover {background-position: -0px -33px;  }
#w2b-share ul li a.facebook   {background-position: -32px -0px;  }
#w2b-share ul li a.facebook:hover {background-position: -32px -33px; }
#w2b-share ul li a.stumbleupon  {background-position: -64px -0px;  }
#w2b-share ul li a.stumbleupon:hover{background-position: -64px -33px; }
#w2b-share ul li a.digg    {background-position: -192px -0px; }
#w2b-share ul li a.digg:hover  {background-position: -192px -33px;}
#w2b-share ul li a.reddit   {background-position: -160px -0px; }
#w2b-share ul li a.reddit:hover  {background-position: -160px -33px;}
#w2b-share ul li a.google   {background-position: -128px -0px; }
#w2b-share ul li a.google:hover  {background-position: -128px -33px;}
#w2b-share ul li a.del-icio-us  {background-position: -480px -0px; }
#w2b-share ul li a.del-icio-us:hover{background-position: -480px -33px;}
#w2b-share ul li a.mixx    {background-position: -96px -0px;  }
#w2b-share ul li a.mixx:hover  {background-position: -96px -33px; }
#w2b-share ul li a.technorati  {background-position: -416px -0px; }
#w2b-share ul li a.technorati:hover {background-position: -416px -33px;}
#w2b-share ul li a.linkin   {background-position: -256px -0px; }
#w2b-share ul li a.linkin:hover  {background-position: -256px -33px;}
#w2b-share ul li a.yahoobuzz  {background-position: -448px -0px; }
#w2b-share ul li a.yahoobuzz:hover {background-position: -448px -33px;}
#w2b-share ul li a.myspace   {background-position: -512px -0px; }
#w2b-share ul li a.myspace:hover {background-position: -512px -33px;}
#w2b-share ul li a.more    {background-position: -576px -0px; }
#w2b-share ul li a.more:hover  {background-position: -576px -33px;}


Una vez hecho esto, vamos a buscar <data:post.body/> y después de esto pega lo siguiente
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='w2b-share'>
<ul>
<li><a class='twitter' expr:href='&quot;http://twitter.com/?status=&quot; + data:post.title + &quot; - &quot; + data:post.url ' rel='nofollow' target='_blank' title='Share this post on twitter'/></li>
<li><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Facebook'/></li>
<li><a class='stumbleupon' expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Stunbleupon'/></li>
<li><a class='digg' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Digg'/></li>
<li><a class='reddit' expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Reddit'/></li>
<li><a class='google' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Bookmark this post on Google'/></li>
<li><a class='del-icio-us' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on delicious'/></li>
<li><a class='mixx' expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' target='_blank' title='Share this post on Mixx'/></li>
<li><a class='technorati' expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Fav on Technorati'/></li>
<li><a class='yahoobuzz' expr:href='&quot;http://buzz.yahoo.com/submit/?url=&quot;+ data:post.url' rel='nofollow' target='_blank' title='Share this post on Yahoo!Buzz'/></li>
<li><a class='myspace' expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=&quot;+ data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank' title='Sahre this post on Myspace'/></li>
<li><a class='a2a_dd more' expr:href='&quot;http://www.addtoany.com/share_save?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title '/><script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/></li>
</ul>
</div>
</b:if>

Si en la vista previa te da todo bien, ya lo puedes guardar !!!!!


Recuerda agregar tu comentario y tus sugerencias.





Cash bux


ganar dinero en internetUna nueva página que he encontrado para hacer unos cuántos dólares por internet.

Cash Bux es un sistema sencillo. Tiene 8 patrocinadores, a los cuáles deberás visitar por 20 segundos una vez al día (es decir, cada 24 horas se habilita la visita).
Hasta el momento los patrocinadores que he visitado son siempre los mismos ocho, pero las visitas suman 0,1 centavo de dólar cada una, en registro simple. Si tienes referidos, las visitas aumentan a 0.15 centavos.

Esto es tentador porque te estaría tomando cinco minutos diarios, los días que no quieres entrar no entras y no te anulan la cuenta, como otras compañías.
Sacando cuentas, estarías ganando 24 dólares por mes si no tienes referidos y 36 dólares si los tienes, más el porcentaje de los mismos.

Para registrarte debes tener una cuenta en Paypal (ahora Paiza).

Prueba este nuevo sistema, me lo recomendó una amiga que ya está cobrando sus primeros dólares. Funciona y lo mejor... he comprobado que PAGAN !!!

La página está en inglés, pero si utilizas google chrome la traduce automáticamente. De todas formas, en inglés no es muy difícil de entender cómo funciona.

Haz clic en el banner para registrarte





Relojes para tu blog

relojes para tu blog

Hoy quiero dejarles el enlace a una web muy completa sobre relojes para el blog.
Si pasan por Relogios para sites e blogs podrán encontrar todos los diseños de relojes símil pared y analógicos que se puedan imaginar.
Desde estilos personalizables para añadir una foto, hasta los más interesantes temas que puedan necesitar: paisajes, religiosos, amor, infantiles, banderas, saludos, deportes, música, logos... en fin, muchísimos temas.


Para añadirlos al blog es sencillo, ya que se hace a través de un gadget html.

No dejen de visitar el sitio si están interesados en conseguir un lindo reloj...

Y no se olviden de dejarme su comentario !!!







Encuadrar un texto

En otra ocasión les traje una divertida caja para incluir los códigos html .
Ahora bien, cada cosa tiene su código. Por ejemplo, cuando insertamos un códiho html al editar una entrada en el formato REDACTAR, si no lo ubicamos dentro de esta caja especial se transforma al publicarlo y no nos da el resultado esperado. Por eso, la caja que les traje la vez anterior es ideal.

Pero no ocurre lo mismo cuando queremos encuadrar o resaltar un simple texto, el código que necesitamos es diferente.
Lo aclaro porque hoy les traigo justamente el código necesario para esto, y no quiero que se confundan al utilizarlo.

"ESTE CODIGO NO SIRVE PARA HTML"

Bien, una vez aclarada esta cuestión paso a darles el material necesario.
El sistema de implementarlo es sencillo. Podríamos hacerlo de dos formas, pero les voy a mostrar la que me pareció más fácil, que es incrustarlo al pie de la entrada. Cada vez que crees una nueva entrada aparecerá la caja, si no la utilizas la borras y listo. El otro sistema es retocar la plantilla, pero no funciona en algunas, al menos no funcionaba en mis plantillas, así que opté por este método, que ya he probado.

Primero trabajaremos el código, el básico es el siguiente:
<fieldset>

<legend>Título</legend>

... Aquí va el texto ...

</fieldset>

Fieldset es el texto y legend es el título


Resultado
El resultado es algo como esto


Si quieres algo un poco más sofisticado puedes jugar con los estilos agregando condicionales que variarán la forma y estilo de tu cuadro. Por ejemplo este otro código
<fieldset style="border:6px groove #ccc; background:#F8ECE0;">

<legend style="font-weight:bold; color:#61380B;">Título</legend>

... Aquí va el texto ...

</fieldset>

En este caso agregamos la condicional style="..." y dentro de las comillas colocamos

Para fieldset (texto)
  • el estilo y tamaños del borde : border:6px groove #ccc;
  • el color de fondo : background:#F8ECE0;
Para legend (título)
  •  la fuente: font-weight:bold;
  • El color de fuente: color:#61380B;
El resultado de este código modificado sería éste:
Título
... Aquí va el texto ...

Si quieres agregarle un borde doble cambia la palabra groove por double (puedes variar también el grosor de píxeles), dando un resultado cómo éste

Título
... Aquí va el texto ...


Eso es todo, desde el primer código sencillo hasta el más complejo.

Ahora veremos las condicionales para modificarlo
Esta es la lista

Para el texto y contenedor (fieldset)
  • border:6px groove #ccc; /* Borde */
  • background:#F8ECE0; /* Color de fondo */
  • color:#000; /* Color del texto de todo el contenido */
Para el título (legend)
  • text-align:left; /* Puedes cambiarlo por center o right */
  • font-weight:bold; /* Estilo de la fuente del título */
  • color:#61380B; /* Color del título */
Ahora veremos dónde pegar el código
  1. Configuración
  2. Formato
  3. Plantilla de entrada
  4. Revisa la vista previa y si el blog se muestra sin inconvenientes guarda los cambios
Como verás, es sencillo. Una vez que lo tengas guardado en la plantilla de entrada ya lo tendrás para todas las entradas que escribas a partir de ese momento. Esto simplifica las cosas ya que si tienes algún error es sencillo quitarlo, ya que no tocamos la plantilla fuente como solemos hacerlo cuando vamos a diseño de html.

Este truco de agregar lo que queremos en nuestras entradas desde la configuración sirve para muchas cosas. Por ejemplo en algunos de mis blogs he agregado también desde allí la publicidad para que salga en todas las entradas.

Pruébalo

Si tienes algún comentario lo puedes dejar debajo de esta entrada. Si tienes 

alguna pregunta también. ¡Que lo disfrutes...!






Insertar una tabla en el blog


Muchos se preguntarán de qué manera podemos crear tablas en el blog.

Bueno, al principio yo utilizaba Excell, creaba la tabla y la pegaba en el blog, pero encontré navegando por mis blogs favoritos, un modo sencillo para hacerlo sin necesidad de utilizar excell, y lo hallé el Ciudad Blogger, por ello enlacé la entrada. Si les interesa pueden ingresar desde el enlace de abajo y echarle un vistazo.

Ciudad Blogger: Insertar tablas en Blogger: Pregunta Ricardo de Alicante, España cómo crear tablas en las entradas del blog . Si bien es algo sencillo requiere de un poco de atención p...

Redireccionar un blog a otro

redireccionar blog

Hoy voy a mostrarles cómo redireccionar un blog a otro.

Por muchas razones, es bastante frecuente que cambiemos nuestra dirección del blog, o bien que demos por cerrado uno para comenzar otro nuevo.
El problema es que cuando hacemos esto nuestros lectores quedarán anclados en el blog antiguo y ni por las tapas se les ocurrirá ingresar al nuevo, sea porque no lo conocen, porque no tienen ganas de trasladarse y dar un clic más, o vaya a saber por cuáles otras cuestiones.

El tema en sí es que no queremos perder a estos lectores por ello nos gustaría redireccionar el blog, es decir, que cuando ingresen al blog antiguo, sean dirigidos directamente al nuevo.

Para ello vamos a utilizar un sencillo script, muy fácil de implementar.

1 - Vamos a Diseño - Edición de HTML

2 - Pegamos este código después de <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>





3 - Cambia las dos veces que aparece nombre-de-mi-blog por el nombre de tu blog nuevo y guarda los cambios.




comentaempty




-->

Menú superior completo y sencillo

Entre todos los menús que he visto y probado llego a la conclusión de que el que tengo colocado en este blog es el que más me conviene, por la facilidad para implementarlo con respecto a otros menús y por lo completo ya que incluye subpestañas.
Hay otros que tienen aún subpestañas de subpestañas, pero son mucho más complicados y generalmente se comenten errores, por eso por ahora les voy a dejar el que tengo colocado aquí por si les gusta y quieren probarlo.

Les aseguro que hace muchísimo más fácil la navegación por el sitio, ahorrando incluso el espacio que pueden llevar las etiquetas, salvo que quieras incluir etiquetas que no figuren en el menú, como yo que las tengo en una nube en la sidebar.

Para colocar este menú debes hacer lo siguiente:

  • Ve a Diseño - Html y (sin expandir los artilugios) busca ]]></b:skin>
  • Arriba de esto pega el siguiente código




/* MENU DOS (Robs)
----------------------------------------------- */
#subnavbar {
background: #64343C;
width: 873px;
height: 27px;
font-weight:bold;
color: #FFFFFF;
margin: 0px;
padding: 0px;
font-family:"Trebuchet MS";
}
#subnav {
margin: 0px;
padding: 0px;
}
#subnav ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#subnav li {
list-style: none;
margin: 0px;
padding: 0px;
}
#subnav li a, #subnav li a:link, #subnav li a:visited {
color: #FFFFFF;
display: block;
font-size: 11px;
text-transform: uppercase;
margin: 0px 0px 0px 0px;
padding: 5px 10px 5px 10px;
border-left: 1px solid #FFFFFF;
}
#subnav li a:hover, #subnav li a:active {
background: #999999;
color: #000000;
display: block;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 5px 10px 5px 10px;
}
#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
background: #64343C;
width: 120px;
heigth: 20px
float: none;
margin: 0px;
padding: 5px 10px 5px 10px;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}
#subnav li li a:hover, #subnav li li a:active {
background: #999999;
margin: 0px;
padding: 5px 10px 5px 10px;
}
#subnav li {
float: left;
padding: 0px;
}
#subnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0px;
padding: 0px;
}
#subnav li li {
}
#subnav li ul a {
width: 140px;
}
#subnav li ul a:hover, #subnav li ul a:active {
}
#subnav li ul ul {
margin: -25px 0 0 161px;
}
#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {
left: -999em;
}
#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul {
left: auto;
}
#subnav li:hover, #subnav li.sfhover {
position: static;
}

  • En la parte señalada en negrita puedes efectuar los cambios de tamaño. Por defecto está configurado así width: 873px pero puedes cambiarle por el largo de píxeles que desees o sustituír el 873px por 100% con lo cual el largo se ajustará al espacio del lugar donde lo coloques 
  • Ahora guarda los cambios luego de la vista previa y vuelve a Diseño para agregar el gadget correspondiente que empezarás a configurar. Esta es la parte más difícil, pero con un poco de atención no te confundirás. 
El gadget HTML que debes agregar es el siguiente




<li><a href="URL" title="">PESTAÑA3</a>
<ul>
<li><a href="URL" title="">SUB-PESTAÑA3</a>
</li>
<li><a href="URL" title="">SUB-PESTAÑA3</a>
</li>
</ul>
</li>
<li><a href="URL" title="">PESTAÑA4</a>
<ul>
<li><a href="URL" title="">SUB-PESTAÑA4</a>
</li>
<li><a href="URL" title="">SUB-PESTAÑA4</a>
</li>
</ul>
</li>
<li><a href="URL" title="">PESTAÑA5</a>
<ul>
<li><a href="URL" title="">SUB-PESTAÑA5</a>
</li>
<li><a href="URL" title="">SUB-PESTAÑA5</a>
</li>
<li><a href="URL" title="">SUB-PESTAÑA5</a>
</li>
<li><a href="URL" title="">SUB-PESTAÑA5</a>
</li>
</ul>
</li></ul></div>
  • Donde dice url debes colocar la dirección de la etiqueta correspondiente
  • Entre las comillas de "title" puedes colocar un texto que se verá al pasar el cursor, aunque si no lo haces no afecta en nada.
  • Donde dice Pestaña y Sub pestaña colocas el nombre o título que le quieres dar a esa parte del menú.
  • Por ejemplo: en el menú de este blog un ejemplo de pestañas sería Tráfico web, y de subpestañas Seo y Redes Sociales 
  • El contenido de las pestañas que no van a incluir subpestañas, va incluido entre <li> y </li>

    <li><a href="URL DEL BLOG" title="Inicio">INICIO</a></li>
  • El contenido de la pestaña que incluirá subpestañas irá incluido entre <li> y <ul> a continuación estarán las subpestañas (cada una incluida entre <li> y </li>) y para cerrar terminaremos con </ul> </li>


    <li><a href="URL" title="">PESTAÑA3</a><ul>
    <li><a href="URL" title="">SUB-PESTAÑA3</a></li>
    <li><a href="URL" title="">SUB-PESTAÑA3</a></li>
    </ul>
    </li>

Con estas pautas ya puedes comenzar a armar tu menú. El código que te presento como gadget html es un código ejemplo que puedes retocar con los dos puntos anteriores en cualquier momento, tanto si no se ajusta exactamente a tu blog como si agregas una nueva sección después de un tiempo. El contenido de la plantilla no varía nunca, sólo el del gadget. Cualquier duda me consultas.





comentaempty



Expandir y contraer un gadget

Para maximizar el espacio de nuestra barra lateral o de nuestro footer, podemos utilizar este sencillo truco, pero muy práctico.

Algunas consideraciones a tener en cuenta es que en las plantillas de blogger funciona normalmente, pero en algunas plantillas que solemos descargar de sitios que las ofrecen gratis puede que se superpongan los gadgets si le haces el truco a dos consecutivos. Te aconsejo que, si tienes una plantilla ajena a blogger, expandas solamente el gadget que se encuentre ubicado al final, es decir, debajo de los demás, como lo he hecho yo en Taller literario

Para ver una demo de cómo funciona en las plantillas de blogger puedes entrar a mi blog de pruebas

Empecemos

En primer lugar debes identificar la línea del gadget que quieras expandir. Utiliza CTRL + F y busca el nombre de tu gadget (en el ejemplo Enlaces). Para esto está claro que el gadget debe tener un nombre, así que si no lo tiene colócaselo.

Luego deberás completar el código agregando donde corresponda lo que está en color
<b:widget id='LinkList1' locked='false' title='Enlaces' type='LinkList'>

<b:includable id='main'>

<script type='text/javascript'>

//<![CDATA[

if(typeof(rnd) == 'undefined') var rnd = '';

rnd = Math.floor(Math.random()*1000);

rnd = 'id-' + rnd;

document.write('<a href="javascript:void(0)" onclick="tmp = 
document.getElementById(&quot;' + rnd + '&quot;); 
tmp.style.display = (tmp.style.display == &quot;none&quot;) ? 
&quot;block&quot; : &quot;none&quot;; return false;" 
style="float:left;margin-right:6px;">');

//]]>

</script>[+/-]

<script type='text/javascript'>

//<![CDATA[

document.write('<\/a>');

//]]>

</script>



<b:if cond='data:title'><h2><data:title/></h2></b:if>

 <div class='widget-content'>

<script type='text/javascript'>

//<![CDATA[

document.write('<div id="' + rnd + '" style="display:none;">');

//]]>

</script>

   <ul>

     <b:loop values='data:links' var='link'>

       <li><a expr:href='data:link.target'><data:link.name/></a></li>

     </b:loop>

   </ul>

   <b:include name='quickedit'/>

 </div>

</b:includable>

</b:widget> 



Lo que está en color azul es el símbolo que se verá. Si deseas otra imagen, debes sustituir eso por esta línea
<img src="AQUI LA URL DE LA IMAGEN"/>




comentaempty






Blog inhabilitado en la nueva interfaz de blogger

blog inhabilitado www.lucaysublog.blogspot.com


Después de ver durante un tiempo la famisa leyenda que versa en el escritorio "La antigua interfaz de Blogger se retirará en los próximos meses. ¡Pruébalo ahora!", he tenido el apuro de probarla, ya que nadie sabe en qué momento se va a retirar y nos van a dejar sin saber nada y con pocos conocimientos de manejo del blog.

Así que decidí hacer una prueba.

El resultado fue desastroso por un lado y muy bueno por otro.

Voy a comenzar por el lado bueno. A pesar de que a primeras no me había gustado, eso fue por no ponerme a investigar y navegar por la nueva interfaz, ahora que la conozco un poco me parece más adecuada y con más posibilidades que la vieja, además de un buen diseño. Las funciones son las mismas, se ven mejor y más completas, está todo al alcance de un clic y también está la opción de editar la plantilla en HTML, que se decía habían retirado. Pues era mentira.

Ahora lo malo.
Algunos de mis blogs aparecían inhabilitados. Después de buscar por internet las respuestas, no me convencía ninguna. La mayoría decían que era por la cuenta de adsense inhabilitada o porque la cuenta de google estaba inhabilitada. Pues mi gmail funcionaba, mis blogs seguían en la red y si, mi cuenta adsense había sido cancelada pero ese no era el problema. Si fuera alguno de ellos, todos mis blogs deberían estar en la misma condición, pero sólo le ocurría a algunos.

Lo cual me llevó a sospechas que se trataba de un script colocado en alguna parte de la plantilla que inhabilitaba la vista de la edición, así que intenté p`robar cambiar la plantilla en uno de mis blogs (porque tantos scripts tenía colocados que era imposible saber cuál sería el causante de semejante problema). Y santo remedio, como por arte de magia, pude volver a editar la plantilla de ese blog en la nueva interfaz.


Lo cual me lleva a darles dos consejos importantísimos que me gustaría que tomaran como si se los dijera el más versado en tecnología blogger.

EL PRIMERO: Prueben la nueva interfaz de blogger para constatar que todo está bien con sus blogs. Si llega a retirarse la vieja, y el problema de inhabilitación de la edición está latente, no habrá forma de solucionarlo, ya que esto presenta una pantalla negra que no te deja lugar a enlazar nada, no podrás cambiar la plantilla.


EL SEGUNDO: Si tienen este problema y no saben cuál es el script causante, cambien la plantilla o vuelvan a subir la misma. Claro que todas las cosas y los chiches desaparecerán pero se los pueden volver a poner de a poco, sabiendo que si alguno la inhabilita, el mismo editor les inhabilitará el guardado del código.

Y COMO EXTRA: En lo posible, traten de quedarse con la nueva interfaz y aprender a usarla, ya que dentro de muy poco, va a ser la oficial ...!!!


NOTA: OLOBLOGGER nos presenta uno de los posibles scripts que podrían ser los causantes, es el que evita el iframe que google coloca para las imágenes. Su código es el que se trataría de evitar o quitar y es el siguiente:




<script type="text/javascript">
if(top.location!=this.location) top.location=this.location;
</script>


empty


Agregador de Meta-tags para tu blog

trucos para el blog


Hace unos días un bloggero me dejó un comentario  sobre el tema de meta-tags o meta-etiquetas para posicionar nuestro blog.

Casualmente él tiene un blog con esta temática, donde incluye un generador automático que nos presenta las mejores palabras clave para nuestro blog de acuerdo al tema que manejemos. Solamente tenemos que completar una serie de datos y darle clic a Generar Metatags y listo !! Ya tienes el código para copiar y pegar en el sitio que se te indica.

Por lo general, estas meta tienen mucho resultado, pero no abuses de ellas.

Date un vuelta por Generadordemetatagsblogger.blogspot.com y crea tus propias meta-etiquetas para tu sitio.