Aspire. Icono de edición rápida de entradas | Oloblogger Aspire es una plantilla con mucha aceptación pero que tiene diversos problemillas en su diseño. Desd...

18 de abril de 2009

Aspire. Icono de edición rápida de entradas

Aspire es una plantilla con mucha aceptación pero que tiene diversos problemillas en su diseño. Desde Mango Street, echan de menos el lapicero que sirve para editar desde la vista normal del blog, las entradas ya publicadas.

Aunque parece que el artilugio correspondiente no está, la realidad es que sí. El problema es que incluye un código (#160) que no es visible y que no nos permite acceder a la edición. De esta manera, la solución es bastante fácil y simplemente se de trata de sustituir dicho código por una imagen.

Acudimos a nuestra pestaña de Diseño, Edición de HTML y con artilugios expandidos, buscamos esto:

<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<span class='quick-edit-icon'>&#160;</span>
</a>
</span>
</b:if>
</b:includable>

En negro se ha marcado la línea en cuestión. Hay que sustituirla por la que se marca a continuación y que incluye la imagen original que Blogger coloca por defecto en sus plantillas.

<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>

Un problema menos.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

11 comentarios :

  1. Efectivamente, un problema menos. Muchas gracias.
    Me pongo a investigar como es eso de poner el padding al texto.

    ResponderEliminar
  2. No doy con el sitio.
    He intentado colocar padding en un montón de sitios que creía eran los adecuados (errónea creencia) y siempre lo que modifico es el título, pero lo que es el texto de la descripción, ni de casualidad.

    ResponderEliminar
  3. Prueba a poner el padding aquí, Mujer Quijote:

    .logo {position:absolute; left:0px; top:120px; width:627px;}

    ResponderEliminar
  4. Hola de nuevo.
    Sí, ahí lo había intentado ya pero pasa una cosa, para mi rara, no sé. Se supone que el orden del padding es arriba, derecha, abajo, izquierda.
    Cuando asigno valores a arriba o a izquierda sí veo como el texto se desplaza hacia abajo o hacia la derecha. Pero si asigno valores a las otras dos posiciones no hay ningún cambio. El resultado es que si desplazo el texto un poco a la dercha para que quede mejor, el final del texto desaparece por la derecha y da lo mismo el valor padding que asigne ahí. Es como si la caja donde va ese texto sólo estuviera limitada arriba y a la izquierda. ¿Es eso posible?
    Gracias de antemano.

    ResponderEliminar
  5. A ver, no sé dónde tienes puesto ahora mismo el texto, pero quítalo y recolócalo dentro de un DIV con estilo propio, justo después del /H1 que aparece en el bloque MAIN. Tal y como te copio aquí. No es muy ortodoxo pero funciona.

    <b:includable id='main'>
    <h1><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>

    <div style='padding:10px 10px 10px 10px;'>TEXTO</div></b:includable>

    ResponderEliminar
  6. El texto lo tengo puesto en el apartado "descripción del blog" de la cabecera. No he tocado la plantilla para hacerlo. Bueno, sí, tuve que dar altura al bloque porque en el formato original la descripción no salía.
    Esta solución que me das tengo que estudiarla, ahora mismo me acabo de perder y no sé muy bien de qué me hablas.
    Ya te contaré mis progresos o la falta de los mismo.
    Gracias.

    ResponderEliminar
  7. hola.
    en mi blog el problema persiste ya que de ninguna de las maneras posibles he podido poner el icono de edicion rapida en mis entradas solo me salen las palabras raras de UNDEFINED
    te dejo la dire para que veas cual es el problema y a ver si me puedes ayudar

    gracias de antemano
    http://yoleodemasiado.blogspot.com/

    ResponderEliminar
  8. Tu plantilla no es Aspire. Prueba a ver esto otro.

    ResponderEliminar
  9. Wao, muchas gracias, con la de problemas que da la minima, esto ayuda xD

    ResponderEliminar
  10. hola yo tengo aspire y ni me sale la fecha de la publicación ¿que hago?
    alguien que tenga la plantilla aspire en su blog podría poner un enlace para verlo.

    el mio es http://www.alziraonline.blogspot.com

    ResponderEliminar
  11. Hola Alzira.

    Un par de direcciones dónde puedes encontrar la solución:

    http://oloblogger.blogspot.com/2009/06/problemas-con-fecha-en-notepad-chaos-y.html
    http://oloblogger.blogspot.com/2008/09/problemas-con-plantilla-aspire-en.html

    ResponderEliminar