Bueno esto es bastante fácil, tan solo hay que elegir en blogspot: Diseño>Añadir un gadget>Feed

Y ponemos el enlace a nuestro feed de comentarios o de entradas.
¿cual es tu feed?, bueno es algo como esto:

El de comentarios:
http://urldetublog/feeds/comments/default

El de entradas:
http://urldetublog/atom.xml

Ejemplo de como queda en la barra lateral de este mismo blog.

La gente de bloggerbuster.com desarrollo un widget para mostrar los diez que mas te comentan, tan solo hay que completar los datos, en filter your name hay que poner el nick que usas para comentar asi no cuenta tus comentarios, hacer click en customize y add to Blog.

Enlace al widget: http://bloggerbuster.com/scripts/topcommentersFiltername.html

Para los que no tienen ganas de entrar al enlace pueden copiar y pegar lo siguiente en un nuevo elemento HTML/Javascript:


<script type="text/javascript">
function pipeCallback(obj) {
 document.write('<ol>');
 var i;
 for (i = 0; i < obj.count ; i++)
 {
 var href = "'" + obj.value.items[i].link + "'";
 var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
 document.write(item);
 }
 document.write('</ol>');
 }
 </script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=720a4578c7b83dfce64615cb0ad3c642&url=http%3A%2F%2F[[[ACA LA URL SIN EL HTTP]]]&num=10&filter=[[[ACA TU NICK PARA QUE NO TE CUENTE]]]" type="text/javascript"></script>
<span style="font-size: 80%">Widget by <a href="http://www.bloggerbuster.com">Blogger Buster </a></span>


Ejemplo al costado en este mismo blog.

Añadir, quitar, modificar columnas

Me hice un blog para poner enlaces a todos mis blogs y necesité agregar una columna, lo cual hice bastante bien con el siguiente tutorial se los dejo ;) cualquier cosa que no salga chiflen

Primero debes ingresar a Edición de HTML y sería bueno que descargues la plantilla antes de hacerle cualquier cambio, por razones de seguridad.
Para empezar busca (control+f) /* Page Structure

Ahora cambia sección por sección, el ancho (width) por el que aparece abajo.

En algunos casos los nombres tienen ligeros cambios , pero en general siempre suelen mantener la esencia como decir main-wrapper puede aparecer como #main-wrap ... y asi sucesivamente.




#outer-wrapper{ (En esta se predetermina el ancho total del sitio)
width:970px;

#main-wrapper {(En esta se predetermina el ancho del contenido)
width:500px;

#sidebar-wrapper {(Columna lateral)
width:270px;

----------> un poco más abajo

#Header-wrapper{
width:970px;

----------> un poco más abajo

#Footer{
width:970px;

----

Si apareciera en ves de px el % de porcentaje, nada más lo borras y lo agregas tal y como aparece ahí arriba. Ejemplo
Si apareciera en #main-wrapper width:30%, debes cambiarlo por width:500px;

Ahora para agregar la nueva columna a la que vamos a llamar #lanueva , tienes que copiar el código en rojo y pegarlo al final de el #sidebar-wrapper(el azul) (a manera de ejemplo)

#sidebar-wrapper {
width: 270px;
float: right;
word-wrap:
break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden;
/* fix for long non-text content breaking IE sidebar float */

}


#lanueva {
width: 200px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Si te fijas #lanueva le pusimos un ancho de 200px , pero realmente la puedes poner del ancho que prefieras.

Eso si, el total de la suma de anchos del #sidebar-wrapper , #main-wrapper y #lanueva , debe ser equivalente al ancho #outer-wrapper, nunca superior.

Para el caso especifico de este tutorial el #outer-wrap mide 970px , el #main-wrap 500px, y el sidebar-wrapper 270px y #lanueva 200 px. Para una suma total de 970px .


Así como estan esos códigos #lanueva va estar alineada a la izquierda y #sidebar-wrapper a la derecha. En algunos templates el sidebar puede venir a la izquierda, por lo que deberias cambiar el float: left; por float: right; para el caso de la nueva, generalmente al contrario del lado en que se encuentre la columna lateral original.

Ahora vamos a añadirle tu PERFIL a #lanueva de manera temporal, con el fin de agregar contenido, arribita de
Siempre dejando un espacio, no pegadito a main-wrapper ya que es aparte.




preferred='yes'>


type='Profile'/>






Si lo que quieres es que las dos columnas queden juntas , en alguno de los lados, debes pegar el código despues de

 Fuente:http://maestroweb.ticoblogger.com/2007/08/como-agregar-una-columna-extra-para-mi_12.html

Siguiente Anterior Ir a página principal

LinkWithin

Related Posts with Thumbnails

Blogger Template by Blogcrowds

 
ir arriba