Mostrando las entradas con la etiqueta Trucos Blogger. Mostrar todas las entradas
Mostrando las entradas con la etiqueta Trucos Blogger. Mostrar todas las entradas

16 agosto 2009

Mostrar solo 5 entradas por etiqueta

bloggerEs 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......"

15 agosto 2009

Entradas relacionadas con imagen - LinkWithin

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>

29 julio 2009

Escribir codigo HTML en un post del blogger

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

16 julio 2009

Mostrar solo etiquetas con más de 5 entradas

bloggerEste 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

19 marzo 2008

Plantillas para Blogger en Btemplates


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

06 enero 2008

Enlace feed de etiquetas en blogger

enlace feed bloggerbloggerUna 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:
  1. En “Plantilla”, en “Edición HTML” y activa la casilla “Expandir plantillas de artilugios”.
  2. busca el siguiente código:

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

  3. 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>
  4. 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/>
  5. Guardar y Listo

Articulo creado
Basado en este articulo de blog and web

[Leer más…]

26 noviembre 2007

Ofrece tu web en varios idiomas con Google

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

07 noviembre 2007

Optimizar los titulos de los Post en Blogger

bloggerEn 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…]

16 octubre 2007

Texto por Iconos de navegación en Blogger

bloggerCambiar 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…]

15 octubre 2007

Quitar la barra de Blogger



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

10 octubre 2007

Cambiar Fecha de Entradas en Blogger

bloggerLas 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

//----------------------------------------------------------//

Actualización:

Para cambiar la fecha, obviamente la URL no se podrá cambiar.
En editar entrada / configuración de entrada / Dar clic en "Publicada el" / cambiar de "automático" a "Establecer fecha y hora"

Para gestionar los comentarios:
En editar entrada / configuración de entrada / Dar clic en "Opciones" / marca la opción en comentarios.

08 octubre 2007

Easy Counter

compUn 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

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

05 octubre 2007

Optimizar la URL en Blogger

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.

03 octubre 2007

Gabbly Chat en tu Web

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/

27 septiembre 2007

Entradas recientes

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.


Destacada

Hágase respetar

¿Es usted un gerente bonachón y le resulta difícil dar órdenes? ¿Es una madre de familia y sus hijos no quieren obedecerla? ¿Es usted una pe...

Populares