JMiur [E]

Es muy probable que esto sea algo que nunca hemos usado y tal vez, que ni siquiera hayamos probado porque, tal como se muestra, parece un poco críptico pero, si vamos a la Configuración de Blogger, en la solapa Formato, entre otras cosas nos muestra esto:

Mostrar campo de título

Mostrar campo de enlace
Te da la opción de incluir en cada una de tus entradas enlaces para la transmisión de adjuntos a dispositivos móviles (podcasting) y una URL relacionada.

Por defecto, aparecen tal cual, Mostrar campo de título SI y Mostrar campo de enlace NO ¿Qué pasa si en ambos, colocamos SI?

Pues entonces, cuando abriéramos el editor de entradas, veríamos que debajo del cuadro donde podemos escribir el título de nuestra entrada, hay otro cuadro extra donde se nos dice "Utilice esta opcion para crear el enlace del título de un sitio web" y si queremos alguna explicación, nos envian a una teórica página de ayuda:


¿Para qué podría servir esto? Bueno, primero, veamos qué hace.

En ese cuadro extra puedo poner una dirección URL, cualquier dirección siempre que sea válida que comience con http://. Supongamos que lo hago y publico la entrada. Aparentemente, cuando la miro, todo parece normal pero, el título que por defecto es a dirección URL de esa misma entrada, ahora, es la dirección URL de ese otro enlace, del que puse en el segundo cuadro.

En este ejemplo online realizado en un blog auxiliar, el título de la entrada es un enlace al home de este blog porque puse ese enlace. Blogger dice "... el campo Vínculo resulta especialmente útil si la mayoría de las entradas de su blog se refieren a otros artículos y desea que en su blog público aparezcan vínculos que enlacen con ellos ...".

Suena extraño, no parecería tener mucha utilidad salvo casos muy especiales (que ahora no se me ocurren) pero, es un dato extra, algo que podemos agregar y por lo tanto, que podemos leer y sacarle algún provecho o intentar sacárselo.

¿Cómo sabe Blogger que la URL ya no es la del post sino la otra?

Porque ese dato, está condicionado en al plantilla y lo debemos haber visto miles de veces sin prestarle demasiada atención (por lo menos yo).

Si expandimos lo artilugios, lo veremos en el includable post del widget que contiene las entradas; en la mayoría de las plantillas dice esto:
<b:if cond='data:post.title'>
  <h3 class='post-title entry-title'>
    <b:if cond='data:post.link'>
      <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
      <b:if cond='data:post.url'>
        <a expr:href='data:post.url'><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
    </b:if>
  </h3>
</b:if>
Esa es la parte que muestra el título de nuestras entradas y, si ese título existe, se crea una etiqueta H3 o cualquier otra, con un enlace pero, este enlace se condiciona:

si hay un enlace en el campo Enlaces: <b:if cond='data:post.link'>
la URL a usar será ese dato: <a expr:href='data:post.link'>
caso contrario, la URL será la del post: <a expr:href='data:post.url'>

Quiere decir que hay tres datos que podemos leer:

data:post.title es el texto con el título de la entrada
data:post.url es la URL de nuestra entrada (el vínculo permanente)
data:post.link es la URL que hayamos colocado en el campo adicional

¿Para qué puede servir saber todos eso? Ni idea. Por ejemplo, en una serie de entradas, he colocado en ese campo extra, la dirección URL de una imagen, una diferente en cada una de ellas y, modificando ese código que muestra los títulos e identificando los posts con un ID, voy a usarlas para que cada entrada tenga un fondo diferente:
<!-- el texto del título con el enlace a la entrada -->
<h3 class='post-title'>
  <a expr:href='data:post.url'><data:post.title/></a>
</h3>
<!-- verifiico si hay un enlace adicional -->
<b:if cond='data:post.link'>
  <!-- si lo hay, uso ese enlace que leo con data:post.link para poner el fondo co una regla de estilo especial -->
  <style>
    #post-<data:post.id/> {background:transparent url(<data:post.link/>) repeat left top;}
    .post-body {font-size:32px;padding:10px;}
  </style>
</b:if>
.......
<!-- aquí le agrego el ID a cada entrada -->
<div class='post-body' expr:id='&quot;post-&quot; + data:post.id'>
  <data:post.body/>
  <div style='clear: both;'/>
</div>
.......
Eso es lo que puede verse en en estas cuatro entradas 1 | 2 | 3 | 4 pero no en esta otra ya que en ella, no hay un enlace agregado en el post.

Otra variante simple. Usaré el cuadro vinculo para poner allí un video de YouTube así que esa entrada tiene un título, este enlace y nada más:
http://www.youtube.com/v/otKS5kyJYxc

Quiero que mi plantilla lea ambas cosas y escriba todo el código restante así que hago algo así:
<b:if cond='data:post.link'>
  <style>
    .post {display:none;}
  </style>
  <div style='margin:0 auto;text-align:center;width:450px;'>
    <object expr:data='data:post.link' height='350' type='application/x-shockwave-flash' width='425'>
      <param expr:value='data:post.link' name='movie'/>
      <param name='wmode' value='transparent'/>
      <param name='allowfullscreen' value='true'/>
      <param name='allowScriptAccess' value='always'/>
    </object>
  </div>
</b:if>
Y eso es lo que se ve en esta entrada del blog demo.

¿Puede tener más aplicaciones prácticas? Creo que si ... hay que pensar.

34 comentarios:

DevoteesVaishnavas  

Como hacer que mi pagina una vez editada la coga y le hagan un cache, para que no se pierda.

Responder
JAIME  

no entendi ni jota, solo la cancion esta bonita =), tengo q dormir...

Responder
Jigsaw-Bourne  

muchas gracias, =) precisamente el otro día lo estaba pensando

Responder
~diE  

hola quisiera saber como pongo el icono como el que tu tienes en la url de la pagina , mas precisamente el lugar en HTML gracias, p.d. ya tengo la imagen en ico .

Responder
JMiur  

@~diE Fíjate en esta entrada

Responder
JMiur  

@DevoteesVaishnavas No entiendo a lo que te refieres.

Responder
stuart  

JMiur
ola tengo una pregunta....
es sobre la fecha del post :
bueno aunque existen monton de
blog que explican como
darle un estilo similar al que tu tienes
de la fecha; no mas no puedo jaja..
te explico..el estilo ya lo puse
pero lo que pasa es que quiero que se vea en todos los post del blog
y aunque ya le puse el codigo para que se vea asi
no funciona.claro el estilo se ve, pero solo en algunas fechas de los post y otros post se ve sin ese estilo..bueno pa hacer mas grafica mi pregunta ja ja..
ingresa a mi blog...
http://bboystuart.blogspot.com/
.....
espero puedas ayudarme
.cuidat

Responder
JMiur  

Eso es algo que sólo puede verse en al misma plantilla así que tarto de adivinar un poco.

Seguramente, para las fechas usas algo así:

<div id="fecha">
<script>remplaza_fecha(..............);</script>
</div>

y cuando no hay fecha dice esto:

<script>document.write(ultimaFecha);</script>

pero, eso último está incompleto, debería decir algo así:

<div id="fecha">
<script>remplaza_fecha(ultimaFecha);</script>
</div>

o no decir nada; depende mucho de como tengas armada toda esa parte; por eso no puedo dar muchos detalles.

Responder
Graciela  

Allí me fui a mirar, y la plantilla dijo SI :)
La uso para como dices, enlazar si algo no es mío la página, si uno pica en el título te lleva al post de origen.

No puedo pensar otras alternativas :S

Responder
JMiur  

Vaya uno a saber si sirve para algo o no :D Ahí en la parte de juegos lo usé para experimentar un poco pero, como todo, sirve para pasar el rato.

Responder
Graciela  

Está preciosa, menos mal que lo haces para pasar el rato ;)

Estuve jugando con: 'esta es una galería de imágenes muy simple que nos muestran en alistapart.com' chocha :P
Lo probé primero en uno de esos tantos blogs que tengo, al aplicarlo a palomas, ehhh estuve un buen tiempo, el error: en el primero bajé una de las nuevas plantillas, en las que ni pienso incursionar.

Responder
JMiur  

De algo hay que morirse. Mehjor, que no sea de aburrimiento :D

Con las nuevas plantillas: PASO :D

Responder
Graciela  

No tengo tiempo de aburrirme, sabes que jamás es sentido aburrimiento :o

Responder
JMiur  

:D

Responder
Aviber  

Hola JMiur:
De vuelta buscando soluciones posibles,como hacer para que al picar en el titulo de entradas te lleve al post y no a la página de origen.-
En oleihaifa,el primer post Publicidad al picar sobre el título lleva a tu página;igual sucede con otro Israel versión Española,lleva a la página de vimeo.- pero la mayoría de los otros como por ejemplo el post de Grupo de Teatro lleva al post.-Con la nueva plantilla me perdí completamente,no encuentro en formato el campo de título ni campo de enlace.- Quisiera que todos abrieran en el post como antes,¿es posiuble?

Responder
JMiur  

No entiendo qué quieres decir con "página de origen". En el widget Blog, se accede a tres datos:

data:post.title es el texto con el título de la entrada
data:post.url es la URL de esa entrada
data:post.link es la URL del campo adicional

Todo eso, se puede combinar de distinats formas y no hace falta seguir las reglas o condiciones que muestra una plantilla de Blogger.

<h1><data:post.title/></h1>
mostrará el título nada más

<h1><a expr:href='data:post.url'><data:post.title/></a></h1>
mostrará el título y será un enlace a la entrada

<h1><a expr:href='data:post.link'><data:post.title/></a></h1>
mostrará el título y será un enlace a la URL agregada en el campo adicional

<h1><a expr:href='data:post.url'><data:post.title/></a></h1>
<h3><a expr:href='data:post.link'> OTRO ENLACE </a></h3>
mostrará dos enlaces en dos líneas

<h1>
<a expr:href='data:post.url'><data:post.title/></a>
<a expr:href='data:post.link'> OTRO ENLACE </a>
</h1>
mostrará dos enlaces en una línea

Responder
Aviber  

Gracias,me sirvió tu ayuda,lo solucioné complementándolo con las indicaciones de esta link:http://elbalcondejaime.blogspot.com/2010/03/quitar-el-enlace-en-el-titulo-del-post.html

Responder
Ann Reed  

Hola! No tiene mucho que ver con esto, o quizás sí, mi consulta. Es que cada título de las entradas en mi blog tiene su estilo que se ve perfectamente cuando el blog está en la página Inicio o cuando veo qué entradas están en ciertas etiquetas, pero no así cuando voy a una entrada individual. ¿Se puede arreglar eso o debo resignarme a que quede así?

Mi blog: http://himitsunoyoru.blogspot.com

JMiur  

Eso pasa porque en el home, los títulos son enlaces y en tu blog, los títulos de las páginas individuales no son enlaces.

Así que debes igualar las reglas de estilo de ambas reglas h3 y h3 a

Ann Reed  

Pero cómo igualo ambas reglas? Perdón por molestar tanto pero es que no entiendo mucho de esto -.-' Muchas gracias por responder!

JMiur  

En el caso de tu blog en particular, no comprendo la forma en que se establecen las fuente ya que usas un script y debajo de este, hay una serie de reglas de estilo como esta:

.wf-inactive h3.post-title a, .wf-gfsneohellenic-n7-loading h3.post-title a, .wf-gfsneohellenic-n7-inactive h3.post-title a {
font-family: sans-serif;
}

Es probable que sea la regla a cambiar o agregar sea algo así:

h3.post-title {
color: #962691;
font: bold 27px GFS Neohellenic;
}

pero no puedo asegurarlo.

Ann Reed  

Hola! Me funcionó pero quitándole el h3 Gracias!

Responder
Rodrigo  

Hola, en la nueva interfaz de blogger no he logrado dar con la opcion campo de enlace. Al parecer ya no existe. ¿Tu tienes idea como puedo enlazar el titulo de un post a una Url externa?

gracias...

JMiur  

No sé en que parte se encuentar la opción en este momento. Si había sido habilitada, sigue apareciendo en cada post.

Responder
Rodrigo Saavedra  

Hola, por favor, ¿puedes ayudarme? Necesito cambiar los links de los post, o dejar sin links los títulos de los posts de mi blog, y no se como hacerlo.

Gracias.

JMiur  

No es buena idea que el título no sea un enlace. De todos modso, bastaría que eliminaras la etiqueta A y dejaras sólo el texto:

<data:post.title/>

Responder
Unidos por el Fútbol  

Anteriormente he recurrido a ti y siempre has sabido ayudarme. Me gustaría incluir la etiqueta "title" en las urls de las entradas pero solo en el home. Es decir, que al poner el puntero sobre el link clicleable que conduce a la entrada aparezca la etiqueta title. El contenido de esta etiqueta "title" deberá ser precisamente el mismo titulo de la entrada. Que debo hacer? te dejo mi blog Unidos por el Fútbol

JMiur  

Supongo que te refieres al atributo title del enlace. Si es así, deberías buscar la etiqueta H2 del dítulo que dice algo así:

<h2 class='post-title entry-title' itemprop='name'>

y cambairla más o menos de este modo:

<h2 class='post-title entry-title' itemprop='name' expr:title='data:post.title'>

Unidos por el Fútbol  

Como te explico que eres un genio??
Te lo agradezco. Ya había estado rompiéndome la cabeza algunos días tratando de hacerlo solo pero no pude. Muchas gracias JMiur!!

JMiur  

Perfecto. Me alegra que funcionara.

Responder
Jhoanna Pérez  

Hola JMiur,

No sé si esto va aquí pero quisiera saber qué URL puedo utilizar para el siguiente texto anchor: "Deja tu comentario aquí" y que después de hacerle clic se vaya al cuadro para dejar el comentario evitando la molestia de dirigirse al final de todo para encontrarlo sobre todo para las entradas de 200 o más comentarios.

Muchas gracias por todo ;)

JMiur  

Dependerá de cada blog; usa la ur del post y agrega # con el id del contenedor o el id de una etiqueta. Por ejemplo, acá sería esto:

http://vagabundia.blogspot.com/2010/10/el-campo-de-enlace-en-blogger.html#comment-form

Jhoanna Pérez  

Gracias por tu respuesta, pero cómo sería para referirme a todas las entradas? es decir, poner un código general que funcione para cada entrada? Muchas gracias de antemano ;)

JMiur  

Si lo quieres colocar en la plantilla, sería algo asi:

<a expr:href='data:post.url + &quot;#comment-form&quot;'> ........... </a>

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR