Solución al problema del scroll en plantillas de 3 columnas en Blogger

Últimamente Blogger nos ha quitado la barra de scroll con la que se podía acceder a la zona derecha para editar los elementos de página que tuvieramos en esa parte.

Después de mirar por aquí y por allí he descubierto que se soluciona simplemente con el cursor (con -> nos desplazamos a la zona de la derecha y con <- nos desplazamos a la izquierda).

Me funciona tanto en IE como en Firefox.

Entradas relacionadas

Con este widget colocamos al pie de un post las entradas relacionadas en las páginas individuales, no en la inicial.

Primero expandimos y buscamos la etiqueta: ]]></b:skin> Justo debajo agregaremos el script, hemos de colocarlo exactamente ahí para que funcione correctamente, antes que cualquier otro script que hayamos colocado:

<script type='text/javascript'>
//<![CDATA[

var
relatedTitles = new Array();
var relatedTitlesNum = 0;
var
relatedUrls =
new Array();

function
related_results_labels(json)
{
for (var i = 0; i
<
json.feed.entry.length; i++) {
var
entry =
json.feed.entry[i];
relatedTitles[relatedTitlesNum] =
entry.title.$t;
for
(var k =
0; k
< entry.link.length; k++) {
if (entry.link[k].rel ==
'alternate')
{
relatedUrls[relatedTitlesNum] =
entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}

function
removeRelatedDuplicates() {
var tmp = new
Array(0);
var tmp2 = new
Array(0);
for(var i = 0; i <
relatedUrls.length; i++)
{
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length
- 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] =
relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls =
tmp;
}

function contains(a, e) {
for(var j = 0; j <
a.length;
j++) if (a[j]==e) return true;
return false;
}

function
printRelatedLabels() {
var cuantosPosts = 0;
var r
=
Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
var
dirURL = document.URL;
document.write('<ul>');
while (i
< relatedTitles.length && i < 20) {
if (relatedUrls[r]
!= dirURL) {
document.write('<li><a href="' +
relatedUrls[r] +
'" title="Post relacionado: '
+ relatedTitles[r] +
'">' +
relatedTitles[r] +
'</a></li>');
}
if (r
<
relatedTitles.length - 1) {
r++;
} else {
r =
0;
}
i++;
cuantosPosts++;
if (cuantosPosts == 3)
{
break;
}
}
document.write('</ul>');
}

//]]>
</script>

En if (cuantosPosts == 3) cambiamos el número de posts a mostrar.
En relatedTitles.length && i< 20, se escogen las entradas según los caracteres que formen su título.

Buscamos ahora esta parte del código y añadimos lo marcado en negrita:

<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 != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name +
"?alt=json-in-script&amp;callback=related_
results_labels&amp;max-results=10"'
type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

En max-results=10 es donde ponemos los posts que se mostrarán, aunque conviene poner un valor bajo para evitar que la página tarde mucho en cargarse.

Una vez hecho esto, localizamos esta línea de código:

<p class='post-footer-line post-footer-line-3'/>

Normalmente esta parte del post-footer no tiene uso, así que colocaremos nuestro nuevo código justo a continuación:

<div class='post-footer-line post-footer-line-4'>
<b:if cond='data:blog.pageType == "item"'>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
</div>

Y listo.

Leido en: Vagabundia