19

Widget que no se ve en la página principal del blog

De la forma que voy a explicaros a continuación podréis añadir un nuevo widget o elemento de página que no sea visible en la página principal del blog, se verá solamente en las páginas de etiquetas y en las que se buscan a través de archivo, es decir, en todas las demás.

Esto es útil sobretodo cuando nuestras visitas acceden a una determinada entrada desde un buscador, suele suceder que si encuentran lo que buscan en ese determinado post, no se paran a mirar más en tu blog, para que se animen podemos hacer que vean debajo nuestras ultimas entradas, una relación de todas, una imagen, etc.
Es útil también estéticamente, ya que a veces, cuando se accede a un determinado post el espacio que queda vacío desde el pie de la entrada hacia abajo es demasiado grande.

1- Vamos a plantilla y añadimos un nuevo elemento, es importante que le pongáis un título que os sea fácil de identificar, así será fácil localizarlo en el HTML de la plantilla. Lo arrastramos bajo las entradas, e incluso si queréis, al pie de página.
Podéis decidir más tarde que vais a poner en el, si ya lo tenéis decidido pues lo incluis en este momento.
Guardamos cambios.

2- Plantilla - HTML - expandir artilugios. Buscamos el nuevo widget por su título.
El mio se titula "más ayuda en El escaparate".

<b:widget id="Feed2" locked="false" title="Más ayuda en El Escaparate" type="Feed">
<b:includable id="main">


3- Añadimos lo que va en negrita a su código, fíjate que la primera línea en negrita va justo después de <b:includable id='main'> y la segunda has de ir buscando hacia abajo hasta que veas el primer </b:includable> y lo colocas justo antes.

<b:widget id="Feed2" locked="false" title="Más ayuda en El Escaparate" type="Feed">
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>

<div class='widget-content'>
<data:adCode/>
</div>
</b:if>
</b:includable>
</b:widget>

4- Guardamos y vemos los cambios.


Entradas Relacionadas:

19 comentarios:


Anónimo

QUERIDA ROSA: SERIA BUENO QUE EXPLIQUES QUÉ ELEMENTO HAY QUE AGREGAR. YO PUSE UN FEED PERO NO APARECE EL TÍTULO Y SOLO PUEDO AGREGAR EL NOMBRE DEL ARTICULO. NO ME DEJA ESCRIBIR LAS PRIMERAS LINEAS DE CADA UNO COMO VEO QUE HAY AQUI. SI PUEDES RESPONDERME TE LO VOY A AGRADECER. dANIEL DE aRGENTINA

Anónimo

Hola Daniel! Eso es más o menos lo que quería explicar, como poner el widget y luego encontrarlo por su título.
Después cada uno pondrá en el lo que quiera mostrar editando el elemento, si te refieres a que tu querías hacerlo idéntico a mi, yo añadi un widget para mostrar las últimas entradas, el widget es de "Beautiful Beta" (es un blog de hacks en inglés) y se descarga allí de forma automática.

Anónimo

Daniel esta es la página:
http://beautifulbeta.blogspot.com/2006/11/widget-installation-and-downloads-page.html#dlrecentposts
Has de descargarlo en el botón que pone "Add the recent coments to blog" rellenas unos datos y se descarga solo, después sustituyelo por el que habias hecho antes y sigue los pasos de mi post.
¡Suerte!

zake_ajl

¿como sería el codigo para que SOLO se viera en la pagina principal?
muchas gracias por la ayuda prestada en tu blog
antonio

Anónimo

Zake_ajl, la primera línea que está en negrita en el código del widget la sustituyes por esta:


<b:if cond='data:blog.url == data:blog.homepageUrl'>

La otra el </b:if> en el mismo lugar.

¡Suerte!

zake_ajl

muchas gracias, me funciona de maravila

Anónimo

hola Rosa, me parece muy interesante tu blog y no paro de visitarlo para mejor mi blog.
Estoy intentando que cada vez que alguien clique en los enlaces (deportes) (hemeroteca) de mi blog, el comando search devuelve solamente el titulo de cada post y no los post completos tal como tienes tú. Pero no lo consigo... necesito que me ayudes tienes alguna idea.
Gracias mi blog es: dodecasilabo.blogspot.com

Anónimo

dodecasilabo, pues yo lo he conseguido así:

Títulos expandibles

Unknown

Me sirvió esta entrada.

Gracias.

Unknown

... o eso pensaba.

Tengo un pequeño problema. Logré hacer lo que decís, en el home no se ve el gadget, pero es como si igual estuviera y queda una línea que me molesta. Para explicarme mejor te dejo esta imagen.

Desde ya muchos gracias.

Anónimo

Fantômas , esa es la línea que llevan todos los gadget , el gadget se oculta, pero cualquier "adorno" que lleve aplicado como borde, línea y demás se seguirá mostrando.

Esa línea en concreto, podría ocultarse gadget por gadget, añadiendo la propiedad adecuada en el css para cada uno.
En tu caso como veo que los gadgets que quieres ocultar son dos, y los dos van en la misma zona (entradas) he pensado que sería más adecuado añadir la instrucción en el css para que ningún gadgets que coloques en esa zona lleve la línea.

Localiza esto en tu plantilla:
.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

Eso son las propiedades que se aplican tanto a los widgets de las entradas, como a los de la sidebar.
Para evitar que al ocultar la línea en los gadgets, también se oculte en la sidebar, separamos esas propiedades para que cada una controle por separado a los gadgets de las entradas y de la sidebar, es decir, el código anterior lo sustituimos por este:
.sidebar .widget{
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
Ahora eliminamos la línea pero solo en los gadgets de entradas, poniendo en .main .widget el valor de border-bottom en cero:

.main .widget {
border-bottom:0px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

Unknown

Muchísimas gracias Rosa.

Igualmente es de 1 solo gadget que quiero ocultar la línea, ¿cómo podría hacerlo?

Y también queda un espacio bastante extenso en el lugar que está el gadget oculto, ¿hay forma de eliminarlo?

Disculpá la insistencia, jajaj, no me vendrían mal unas clases de HTML y CSS.

Saludos!

Anónimo

Fantômas , el espacio que ocupa no puede "achicarse" aunque el gadget no se vea, sigue estando ahí y ocupando su espacio.

Para quitar la línea a uno solo, tienes que localizar ese gadget concreto en el html de tu plantilla, será una línea parecida a esta:
<b:widget id='HTML2' locked='false' title='Ultimas entradas' type='Image'/>

Usaremos la id del gadget para el css, fijate que en el ejemplo la id es "HTML2"

Vas a la parte del css (antes de ]]></b:skin> y colocas esto:

#HTML2{ border-bottom: none;}

Unknown

Muchísimas gracias, Rosa.

Motoramica | Historia del Motor

Rosa, ya te hice esta pregunta, pero se me pierden mis preguntas y no recuerdo la entrada en que la hice:

¿Y como se hace para poner un gadget (imagen) que sólo aparezca en la entrada principal? Una iamgen sobre las entradas a modo de portada.

Anónimo

Retro Icon Para que eso no vuelva a pasarte, la próxima vez, pincha en el enlace del formulario que dice "Suscripción por correo electrónico" y las respuestas a ese hilo llegarán a tu email...

En cuanto a la respuesta a tu pregunta...tal como se explica en esta misma entrada.

Motoramica | Historia del Motor

Rosa, pero aquí dice "para que el widget no se vea en la página principal" y yo quisiera que el "widget se vea solo en la página principal".

Gracias!

Anónimo

Retro Icon ¡ayyy! ¿Me perdonas verdad? Me confundí de entrada, ja,ja.
Mira, era esta:
http://elescaparatederosa.blogspot.com/2008/01/mostrar-un-widget-en-una-pgina.html

Motoramica | Historia del Motor

no hay problema Rosa!

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S