Mostrando entradas con la etiqueta Lista de Blogs. Mostrar todas las entradas
Mostrando entradas con la etiqueta Lista de Blogs. Mostrar todas las entradas

Cómo abrir la lista de blogs en la misma ventana

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en truvos blogger. ! Ve la entrada en su blog original.

A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.


Abrir los blogs de la lista de blogs en la misma ventana

Seguramente conocerás el gadget de blogger de "Lista de blogs" en donde puedes agregar tus blogs favoritos y ver sus actualizaciones, ya que se muestran las últimas entradas de dichos espacios.


Como comprobarás, al hacer clic en un blog o en alguna entrada que hayan publicado, se habre en una ventana nueva. Al parecer, según las últimas consultas que estoy recibiendo, esto molesta en ocasiones, debido a que el navegador se llena de pestañas.

Si quieres deshacerte de estas ventanas y hacer que los blogs de tu lista de blogs y sus respectivas entradas se habran en la misma ventana, sigue los pasos que te iré mostrando a lo largo de la entrada.

> Antes de comenzar, debes tener el gadget de la lista de blogs añadido.

Diseño>edición HTML>expandimos artilugios

Busca la línea que representa el gadget. Será similar a esta:
<b:widget id='BlogList1' locked='false' title='Mi lista de blogs' type='BlogList'>

Y seguidamente borra las tres etiquetas que te muestro en color verde:
<b:widget id='BlogList1' locked='false' title='Mi lista de blogs' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>

</b:if>

<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + &quot;_container&quot;'>
<ul expr:id='data:widget.instanceId + &quot;_blogs&quot;'>
<b:loop values='data:items' var='item'>
<li expr:style='data:item.displayStyle'>
<div class='blog-icon'>
<b:if cond='data:showIcon == &quot;true&quot;'>
<input expr:value='data:item.blogIconUrl' type='hidden'/>
</b:if>
</div>
<div class='blog-content'>
<div class='blog-title'>
<a expr:href='data:item.blogUrl'target='_blank'>
<data:item.blogTitle/></a>
</div>
<div class='item-content'>
<b:if cond='data:showItemThumbnail == &quot;true&quot;'>
<b:if cond='data:item.itemThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:item.blogUrl' target='_blank'>
<img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
</a>
</div>
</b:if>
</b:if>
<b:if cond='data:showItemTitle == &quot;true&quot;'>
<span class='item-title'>
<b:if cond='data:item.itemUrl != &quot;&quot;'>
<a expr:href='data:item.itemUrl' target='_blank'>
<data:item.itemTitle/></a>
<b:else/>
<data:item.itemTitle/>
</b:if>
</span>
</b:if>
<b:if cond='data:showItemSnippet == &quot;true&quot;'>
<b:if cond='data:showItemTitle == &quot;true&quot;'>
-
</b:if>
<span class='item-snippet'>
<data:item.itemSnippet/>
</span>
</b:if>
<b:if cond='data:showTimePeriodSinceLastUpdate == &quot;true&quot;'>
<div class='item-time'>
<data:item.timePeriodSinceLastUpdate/>
</div>
</b:if>
</div>
</div>
<div style='clear: both;'/>
</li>
</b:loop>
</ul>
<b:if cond='data:numItemsToShow != 0'>
<b:if cond='data:totalItems &gt; data:numItemsToShow'>
<div class='show-option'>
<span expr:id='data:widget.instanceId + &quot;_show-n&quot;' style='display: none;'>
<a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
</span>
<span expr:id='data:widget.instanceId + &quot;_show-all&quot;' style='margin-left: 5px;'>
<a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
</span>
</div>
</b:if>
</b:if>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>

Una vez eliminadas las etiquetas, guarda cambios.

Ahora simplemente tienes que hacer clic en cualquier blog de tu lista y comprobar que se abre en la misma ventana. ☺

Una forma de poner lista de blogs en tu diseño

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en truvos blogger. ! Ve la entrada en su blog original.

Elegante forma para mostrar la lista de blogs en blogger

Es muy probable que ya conozcas el elemento "lista de blogs", ofrecido por blogger, que permite enlazar a tus blogs favoritos y mostrar en tu barra lateral sus últimas actualizaciones.

Con esta entrada podrás personalizar la lista de blogs, añadiendo una "casilla" individual para cada bitácora enlazada...
Elegante forma para mostrar la lista de blogs en blogger


1)
 Antes de comenzar, comprueba que tienes agregado el elemento "lista de blogs" en la sidebar (barra lateral).

2) Si es así, edítalo y asegúrate de que marcas únicamente las siguientes casillas:


Elegante forma para mostrar la lista de blogs en blogger


Diseño>Edición de HTML>expandimos artilugios




Busca la etiqueta ]]></b:skin> e inserta estos bloques de CSS encima:

#BlogList1 ul{
background: #fff;
}
.blog-list-container .blog-icon {
visibility: hidden; display: none; height: 0px;
}
.blog-list-container .blog-title, .blog-list-container .blog-title a:visited, .blog-list-container .blog-title a:hover {
color:#467E2A;
font-weight:bold;
line-height:16px;
margin:0 0 6px;
padding-bottom:3px;
text-decoration:none;
}
.blog-list-container .blog-content {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFBQ-QW9wbes0Udid8jsk2LYiKC6zBf67a_aHCJkRyI7f971xNVsU-VPLglwDmUlIChT5guI4AERwqjzG6hAWWB4PnVTc7WbYyt6RJu7Rq7mIUFI08UjEWKZvrNQng-QPyIDc4ahnQt7M/s1600-r/jbalcon.png) repeat-x scroll 0 0;
height:100px;
padding:8px;
width:195px;
}
.blog-list-container a:link, .blog-list-container a:visited {
color:#3E4584;
font-size:14px;
text-decoration:none;
}
.blog-list-container .item-time {
clear:left;
color:#474747;
float:right;
padding-top: 8px;
font-size:95%;
font-style:italic;
}

Haz vista previa para ver el resultado y guarda la plantilla para terminar.

Si deseas cambiar el aspecto de la lista y no sabes como hacerlo deja un comentario.
Related Posts Plugin for WordPress, Blogger...