ObservadoresWeb

Mostrar solo 5 entradas por etiqueta

2009-08-16T19:45:00.005-05:00

Es un problema que cuando damos clic en el enlace de una etiqueta -ya sea del sidebar o de la entrada- se muestren en una pagina algo de 20 entradas, pero no se puede manejar el numero de entradas que se muestren con la configuración. Por eso me parece util modificar en enlace agregando: ?max-results=n a la url de la etiqueta.

Modificar la URL de etiqueta del sidebar
Entrar a Diseño » Edición de HTML
Activar Expandir plantillas de artilugios
Buscar esto:

<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>

Reemplazar por esto:

<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:blog.homepageUrl + &quot;search/label/&quot; + data:label.name + &quot;?max-results=5&quot;'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>

Listo

Modificar la URL de etiqueta de las entradas
Entrar a Diseño » Edición de HTML
Activar Expandir plantillas de artilugios
Buscar esto:

<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span>

Reemplazar por esto:

<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:blog.homepageUrl + &quot;search/label/&quot; + data:label.name + &quot;?max-results=5&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span>

Listo

Lo he puesto para mostrar 5 entradas como maximo, pero pueden modificar ese numero si lo desean.

Con esto queda solucionado parcialmente, solo quedaria borrar eso que dice "Mostrando entradas con la etiqueta......"

Entradas relacionadas con imagen - LinkWithin

2009-08-15T12:08:00.004-05:00

Con LinkWithin podemos añadir un gadget de entradas relacionadas con miniatura de imagen (eso si la entrada contiene imagen) para nuestro blog. Acepta la plataformas de blogger y wordpress.

Para añadir en Blogger (la plataforma que uso)

Ir a 'LinkWithin'
LLenar los datos: Email, URL de tu blog, Plataforma, cant. de entradas relacionadas(3-5)
Luego Clic en 'Get Widget'
Clic en 'Install Widget'
Aceptan 'añadir artilugio' y listo

Notas: Puede ser que no todos salguen con imagenes y solo muestre un lista.

Mostrar solo en cada entrada
Por defecto se mostrara en la entradas de la pagina principal, pero no es recomendable dejarlo asi.
Esto ayudara a ver solo en las paginas individuales de las entradas.
Entra a Diseño, Edición de HTML, y agrega el codigo despues de ]]></b:skin>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">#linkwithin_logo_0 {display:none;} </style>
<b:else/>
<style type="text/css">#lws_0 {display:none;} </style>
</b:if>

Y con eso solo se mostrara en las entradas

No usar en una entrada
Si no quieres mostrar en una entrada, entra en edicion de entrada (Edición de HTML)
y agrega este codigo al final

<style type="text/css">#lws_0 {display:none;} </style>

Escribir codigo HTML en un post del blogger

2009-07-29T11:43:00.003-05:00

Tal vez alguno tengan que mostrar un código en blogger(o en otra plataforma) y no les salga como quieren.

Escribir código con html y css en blogger
Solo primero debemos tener estilos en css

pre {
background:transparent url(http://i284.photobucket.com/albums/ll35/observadorweb/codigo.png) no-repeat 0 0;
width:99%;
font-size:12px;
padding:12px 0 0 0;
margin:13px 0;}

pre code {
overflow:auto;
background-color:#F8F8F8;
border-width:3px 1px;
border-style:solid;
border-color:#eee;
color:#333;
display:block;
text-align:left;
padding:5px;}

Y cada vez que escribamos un codigo lo ponemos entre

<pre><code>Aqui el código en texto plano</code></pre>

Pero antes de debes de convertirlo a texto plano aqui

Si hay dudan dejen en sus comentarios

Mostrar solo etiquetas con más de 5 entradas

2009-07-16T11:59:00.007-05:00

Este es un truco que lo encontre navegando por alli, no me acuerdo en donde pero ya no eh vuelto a ver en ninguna parte.
La Idea es mostrar solo las etiquetas que contengan más de 5 entradas(Se puede cambiar, pero es lo minimo que pondria).

Para Eso
1ro Vamos a Diseño/Edicón de HTML, luego activar 'Expandir plantillas de artilugios'

2do Buscamos el siguiente codigo:

<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>

3ro Agregamos antes de '<li>'

<b:if cond='data:label.count &gt; 5'>

4to Agregamos despues de '</li>'

</b:if>

Y Listo

Nota: Donde dice '5' es una condición, solo mostrara las etiqueta con más de 5 entradas, este valor lo puedes cambiar por el numero que quieras.

Si hay dudas dejen comentarios

Plantillas para Blogger en Btemplates

2008-03-19T09:43:00.006-05:00

BTemplates es un proyecto que intenta reunir en un solo sitio todas las plantillas para blogger.
Ya que las plantillas que Blogger ofrece son un poco feas y bastante antiguas, es por eso que en Btemplates nos ofrece un directorio de plantillas en el cual podremos elegir e instalar una plantilla según nuestros gustos. Que podemos ver por categorías, por los más vistos, más descargadas o los más valorados.
Ademas podemos probar su demo, valorarlar y descargarla. En la descarga nos ofrece un archivo .zip que contendrá un archivo XML y las intrucciones para la instalación del tema desde nuestro panel de Blogger.
Hasta el momento hay mas de 200 temas, y también podemos enviar nuestro tema para aregarlo al directorio.
Me hace falta decir que el proyecto es de Francisco de Blog and Web.

Enlace: Btemplates

Enlace feed de etiquetas en blogger

2008-01-06T22:13:00.007-05:00

Una Mejor Vista para los feed de las etiquetas
en blogger. Es poniendo un enlace a el url del feed(como se muestra en la imagen que esta a la derecha). De esta forma los lectores podran seguir las actualizaciones que les interesa.

Para lograr esto necesitamos tener ya agregado el
widget de etiquetas (labels), si no lo tenemos lo agregamos
desde “Elementos de pagina”. Luego ya se podra modificar el codigo.
Pasos
Para el enlace:

En “Plantilla”, en “Edición HTML” y activa la casilla “Expandir plantillas de artilugios”.

busca el siguiente código:


<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>

Justo antes pegamos el siguiente código:

<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default/-/&quot; + data:label.name'><img src='http://i284.photobucket.com/albums/ll35/observadorweb/rss.png' style='float: right; padding-right: 10px;'/></a>

Debe de quedar algo como el siguiente código:

<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default/-/&quot; + data:label.name'><img src='http://i284.photobucket.com/albums/ll35/observadorweb/rss.png' style='float: right; padding-right: 10px;'/></a>

<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>

Guardar y Listo

Articulo creado
Basado en este articulo de blog and web

[Leer más…]

Ofrece tu web en varios idiomas con Google

2007-11-26T06:21:00.002-05:00

Haz que tu página web esté disponible instantáneamente en otros idiomas con Google gracias a su Gadget

Su incorporación no podría ser más sencilla: en las herramientas de traducción de google seleccionamos el idioma del nuestro sitio web o blog, copiamos el código que se genera y lo pegamos en el espacio donde queremos aparezca. Para blogger y wordpress, la más fácil sería pegar el código dentro de un “elemento de página”/”widget” dentro del sidebar.

Nunca se sabe si hay algun visitante de otro idioma.

Via: BlogandWeb

Optimizar los titulos de los Post en Blogger

2007-11-07T11:40:00.006-05:00

En tu blog de Blogger los títulos de las entradas siempre son “Nombre del blog: nombre de la entrada”, algo poco importante para el usuario, pero si importante para los buscadores.
Los buscadores suelen dar mayor importancia a las primeras palabras del título, por lo que estamos en desventaja. Así que aquí te vamos a mostrar como optimizar los títulos de las entradas de tu blog.

1.- Entra a la pestaña “Plantilla” o también llamada “Diseño” desde el escritorio y después a la opción “Edición de HTML”.
2.- Busca el siguiente código:

<title><data:blog.pagetitle/></title>

3.- Sustituye esa linea con el siguiente código:

<!-- Start Widget-based: Changing the Blogger Title Tag -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> : <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<!-- End Widget-based: Changing the Blogger Title Tag -->

Ahora todas tus entradas serán del tipo “título entrada: nombre del blog”.

Actualizacion: Nuevo Codigo Gracias a Blog and Web.

[Leer más…]

Texto por Iconos de navegación en Blogger

2007-10-16T22:13:00.010-05:00

Cambiar texto "Entradas Antiguas" por iconos de navegación
si en tu blog sale algo como esto al final de las entradas

puedes cambiarlo por esto :

Para Eso
1ro Vamos a Diseño/Edicón de HTML, luego activar 'Expandir plantillas de artilugios'

2do Buscamos el siguiente codigo:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/&gt;</a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/&gt;</a>
</b:if>
</b:if>


</div>
<div class='clear'/>
</b:includable>

3ro Reemplazamos por este codigo:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src='http://i284.photobucket.com/albums/ll35/observadorweb/left.gif'/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src='http://i284.photobucket.com/albums/ll35/observadorweb/right.gif'/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://i284.photobucket.com/albums/ll35/observadorweb/home.gif'/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://i284.photobucket.com/albums/ll35/observadorweb/home.gif'/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>

4to Vista previa(para comprobar)
5to Si salio bien la vista previa Guardamos.

Si no esta bien cuadrado comprobar esto en los estilos:

#blog-pager-older-link {
  float: right;
  margin-right: 10px;
  text-transform:uppercase;
 }

#blog-pager-newer-link {
  float: left;
  margin-left: 10px;
  text-transform:uppercase;
 }

#blog-pager { 
  text-align: center;
  text-transform:uppercase;
 }

PD: perdon por no actualizarlo antes, faltaba una condición que se agrego en el nuevo blogger.
Saludos y si al dudas dejen comentarios.

[Leer más…]

Quitar la barra de Blogger

2007-10-15T19:31:00.004-05:00

En Diseño » Edición de HTML

Solo debes poner esto

.navbar {
display:none;
}

Despues de algo similar a esto

/*
-----------------------------------------------
Blogger Template Style
Name:     Denim
Designer: Darren Delaye
URL:      www.DarrenDelaye.com
Date:     11 Jul 2006
-----------------------------------------------
*/

Eso es todo
te quedara algo como esto

-----------------------------------------------
Blogger Template Style
Name: Denim
Designer: Darren Delaye
URL: www.DarrenDelaye.com
Date: 11 Jul 2006
-----------------------------------------------
*/
.navbar {
display:none;
}

Explicacion:
.navbar es el div(caja) donde esta la barra
y display en none para que desaparesca.

Si hay dudas dejen comentarios

Cambiar Fecha de Entradas en Blogger

2007-10-10T10:50:00.001-05:00

Las Entradas En Blogger siempre son con la hora y la fecha que tu las creas pero esto puede cambiarse solo editar la entradas
1.- Entra a editar tu entrada
2.- clic a Opciones de entrada
3.- En el Recuadro 'Post date and time' cambia la fecha y la hora por la que tu quiera ponerla
------
Tambien puedes no permitir comentarios

Easy Counter

2007-10-08T12:13:00.002-05:00

Un contador gratuito con características avanzadas que es fácil de usar!
Puede contar solo la cantidad de visitantes únicos o de todos los hits, un contador en html o php.

¿Pero que son hits?
los hits, son la cantidad de visitas a cualquier pagina de tu web. Pero los visitantes unicos son las visitas a tu pagina pero solo contara uno por ip.

Enlace: www.easycounter.com
Enlace: www.easycounter.com/es (en español)

Feed de Etiquetas

2007-10-08T10:08:00.000-05:00

Gracias a ayuda blogger
Me informe que las etiquetas tambien tienen Feed

Por ejemplo:
Si La direccion de tu etiqueta es asi

http://nombredetublog.blogspot.com/search/label/nombredelaetiqueta

Y El Feed Seria

http://nombredetublog.blogspot.com/feeds/posts/default/-/nombredelaetiqueta

Visiten el Foro

Optimizar la URL en Blogger

2007-10-05T09:40:00.001-05:00

Actualización
Para una mejor visualizacion de tu web
Observa que cuando creas una entrada, la URL toma el título que le das, reeplazando los espacios por guiones, un ejemplo:

"Ganar dinero con tu web"

se convierte en esto:

http://nombredetublog.blogspot.com/fecha/ganar-dinero-con-tu-web.html

Un problema fundamental en Blogger son los caracteres especiales. Si has prestado atención, seguramente habrás visto que si el título de tu entrada es “Español en acción”, la URL será algo así:

“.../espaol-en-accin.html/”
lo cual es una gran desventaja frente a los motores búsqueda de Google.

Solucion:
cuando creas la entrada, en el caso del ejemplo, titúlala “Espanol en accion”, así, sin tildes ni caracteres especiales.
Lugo Presiona el botón Publicar, y luego vuelve a la entrada y cámbiale el título por la versión ortográficamente correcta

La primera URL permanecerá para siempre. Inclusive puedes agregarle los signos de pregunta, o cambiar alguna palabra clave, ya que el título de la entrada es el siguiente punto más importante para mostrar contenidos.

Actualizacion: Blogger ahora ya se dio cuenta de este error y los caracteres especiales se cambian automáticamente.

Gabbly Chat en tu Web

2007-10-03T16:25:00.000-05:00

Hola encontre un chat que no necesita ponerlo en tu web, pero tambien se puede poner se llamas Gabbly Chat
Para poner en tu web
solo escribe

http://gabbly.com/tuweb.com

por ejemplo

http://gabbly.com/observadoresweb.blogspot.com/

Se vera un chat en la esquina superio derecha

Y para ponerlo en tu Web.
Tienes que ir a http://www.gabbly.com/ y dar un clic en el menu Embed y donde dice: URL donde será pegada la ventana de chat:pones tuweb.com luego en generar codigo y lo pegas en tuweb

Enlace : http://www.gabbly.com/

Entradas recientes

2007-09-27T11:52:00.001-05:00

En Blogger existe la manera de agregarle a nuestro blog los títulos de los últimos post, pero a muchos no les ha gustado, quizás sea porque el número máximo de post es cinco, entre otras cosas. Pero existe un nuevo truco y me parece mucho mejor.

» Ir a diseño de plantilla, clic en Añadir un elemento de página y seleccionan HTML/Javascript. Ahí tendrán que agregar lo siguiente:

<script src=" http://observadoresweb.googlepages.com/showrecentposts_es.js"></script>
<script language="javascript">
var numposts = 7;
var numchars = 100;
var showpostdate = true;
var showpostsummary = true;
var standardstyling = true;</script>
<script src="http://observadoresweb.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Explicación:

Podemos modificar lo siguiente:
numpost .- Es el número de post a mostrar desde 1 hasta 25.
numchars .- Se mostrará un número de palabras para cada comentario.
showpostdate (true o false) .- Si es true se muestra la fecha del post.
showpostsummary (true o false) .- Si es true se mostrará el resumen del post (entradas).
standardstyling (true o false) .- Si es true se aplicará un estilo estándar. El resumen se mostrará en letra cursiva y existirá un espacio entre cada comentario. Mientras que en false se vera todo junto.
Nota importante:
En donde dice:

observadoresweb.blogspot.com

cámbialo por la dirección de tu blog.