Dos opciones para mostrar entradas relacionadas en Blogger, de forma muy fácil, insertando las entradas relacionadas en la sidebar del blog.

Searchles nos proporciona un widget muy fácil de implementar que nos permitirá mostrar las entradas relacionadas en la sidebar.



En Realtrix muestran otra forma para mostrar entradas relacionadas, fácil de usar para los no iniciados y fácil de modificar para los iniciados.



Para añadirlo en la sidebar solo debéis pulsar sobre el botón Add to Blogger.

Si queréis usarlo debajo de vuestras entradas, expandir vuestra plantilla de artilugios, buscad

<div class='post-footer-line post-footer-line-3'/>
AQUI IRA EL CODIGO
</div>

e insertamos

<div class='post-footer-line post-footer-line-3'/>
<script src="http://www.google.com/jsapi"></script><br/> <script src="http://brps.appspot.com/brps.js" type="text/javascript"></script><br/> <div id="related_posts"></div><br/></div>

Para los iniciados podemos implementar el script directamente en vez de alojarlo, así podremos modificar un par de aspectos.

<script type='text/javascript'>
//<![CDATA[
// Blogger.com Related Posts Service (http://brps.appspot.com/)
//
// Copyright (C) 2008, 2009 Yu-Jie Lin
//
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program. If not, see <http://www.gnu.org/licenses/>.


google.load('jquery', '1.3');
google.setOnLoadCallback(function() {
BRPS_get();
});

function BRPS_render_widget_title() {
var $ = jQuery;
var _brps_options = window.brps_options;
if (_brps_options && _brps_options.title)
$(_brps_options.title).appendTo('#related_posts');
else
$('<h2>Related Posts</h2>').appendTo('#related_posts');
}

function BRPS_get() {
var $ = jQuery;
var _brps_options = window.brps_options;
// Get Blog ID
var link = $($("link[rel='EditURI']")[0]).attr('href');
var blog_id = '';
var blog_id = /.*blogID=(d+)/.exec(link)[1];
// Get Post ID
var links = $("link[rel='alternate']");
var post_id = '';
for (var i=0; i < links.length; i++) {
m = /.*/feeds/(d+)/comments/default/.exec($(links[i]).attr('href'))
if (m != null)
if (m.length == 2) {
post_id = m[1];
break;
}
}
if (blog_id != '' && post_id != '') {
$('#related_posts').empty();
BRPS_render_widget_title();
$('<i>Loading...</i>').appendTo('#related_posts');
max_results = (_brps_options && _brps_options.max_results)
? '&max_results=' + _brps_options.max_results.toString()
: '';
$.getJSON("http://brps.appspot.com/get?blog=" + blog_id + "&post=" + post_id + max_results + "&callback=?",
function(data){
var $ = jQuery;
var _brps_options = window.brps_options;
$('#related_posts').empty();
BRPS_render_widget_title();
if (data.error) {
$('<p>' + data.error + '</p>').appendTo('#related_posts');
if (data.code == 3)
// Need to retry in 5 seconds
window.setTimeout('BRPS_get()', 5000);
}
else {
if (data.entry.length > 0) {
src = (_brps_options && _brps_options.append_src) ? '?src=brps' : '';
$('<ul></ul>').appendTo('#related_posts');
$.each(data.entry, function(i, entry){
$('<li><a hr' + 'ef="' + entry.link + src + '" title="Score: ' + entry.score.toString() + '">' + entry.title + '</a></li>').appendTo('#related_posts ul');
});
}
else {
$('<p>No related posts found.</p>').appendTo('#related_posts');
}
}
});
}
}
// vim:ts=2:sw=2:et:
//]]>
</script>

Para estilizarlo, añadimos a nuestro CSS

#related_posts a{
background: url(URL ICONO) no-repeat left ;
margin: 0 0 0 20px;
color:#000;
padding: 2px 0 2px 20px; }

Nota: Solo funciona en paginas de entradas individuales, NO funciona en la pagina principal.
Autor: . Consultor y auditor en posicionamiento web. Desarrollo de aplicaciones, diseño y programacion de plataformas y paginas web. Formación, profesor en el Programa SmmUs (Social Media Marketing) de la Universidad de Sevilla. Cursos sobre social media en Cámaras de Comercio de Málaga, Sevilla y Córdoba. Puedes encontrarme en Google Plus y Twitter .

¿Te gustó este post? No te pierdas los próximos, síguenos en redes sociales.

Te recomendamos también