Que tal, el día hoy muy temprano andaba buscando la forma de poner post relacionados debajo de un post usando codificación y si lo encontre pero para mi sorpresa es muy tedioso y probablemente muchos se revuelvan así que seguí buscando y recordé una página que hace exactamente lo mismo pero solo que esta la agregas como un gadget, la pagina se llama linkwithin 

Banner es lo que mejor conocemos como publicidad por Internet, consiste en atraer visitas a un sitio poniendo una imagen o un texto para atraer a los usuarios.
Los banners son creados a partir de imágenes (gif o jpeg), o también animaciones creadas por tecnologías como Java, adobe shockwave y flash, esto para hacerla mas llamativa.

El tamaño clásico de un banner es de 468 x 60 (Ver ejemplo)

Otros ejemplos de tamaño:

120 x 120 - (ver ejemplo clic AQUÍ )
600 x 120 -(ver ejemplo clic AQUÍ )
120 x 60 - (ver ejemplo clic AQUÍ )

Consejos:
*Procura poner una frase para que las personas que vean el banner se sientan atraídas a él,
  no solo se trata de mostrar tu "marca" o "logo".
*si haces una animación procura no saturar mucho en imágenes/tiempo por que puede afectar el peso del archivo y eso   hace mas lenta la pagina.
*si eres nuevo en esto y quieres un lugar donde poner tu banner, pregunta a otras webs si puedes hacer un             intercambio de banners esto puede resultar muy bueno por que es una ayuda para ambas partes.

1 Ingresamos a ésta pagina http://www.html-kit.com/favicon/ 
subimos la imagen que vamos a querer de favicon y editamos las con las opciones que te da la página. 
Despues de eso descargamos el paquete con los 2 favicons el estatico y el animado

2 Ya descargados tenemos que subirlos a algun sitio y que mejor que a http://img1.imageshack.us// 
localizamos el codigo Url que te da al subirlo.  

3 Nos metemos a Diseño> Edición de HTML y en la codificacion buscamos esta linea o codigo

<title><data:blog.pagetitle><title> 


 y despues de estalinea pegamos el siguiente codigo:

<link href='http://tufavicon.png' rel='shortcut icon' type='image/x-icon'/>
<link href='http://tufavicon.png' rel='icon' type='image/png'/>

Guardamos la plantilla y listo 

 
 

En esta ocacion mostrare como poner un pequeño banner y un cuadro de texto con el codigo para que te puedan enlazar en otras webs

Primer paso: Crear el banner

puedes crearlo tu mismo con ayuda de programas como photoshop o fireworks este ultimo es mas amigable en su diseño o puedes buscar una pagina que te ayude a crear uno
*Si creaste tu banner sugiero subirlo a imageshack.us porque vas a necesitar la url


Segundo paso: añadirla al blog

para eso tenemos que ir a Diseño> Elementos de la página y agregaremos un Widget HTML/Javascript en la parte donde queremos el banner.

Tercer paso: pegar el codigo
ya que agregamos el widget dentro agregamos estos dos codigos

Codigo 1

<a href="http://TUBLOG.blogspot.com"><img src="URL de tu banner"/></a><p>

Codigo 2

<h2 class="sidebar-title">Código para enlazarme</h2>
<textarea rows="3" cols="25" class="code" wrap="off"><a href="http://TUBLOG.blogspot.com " target="_blank">
<img src="URL de tu banner"/></a></textarea><p></p>

puedes cambiar los valores de rows y cols
*rows es para hacerlo mas largo
*cols es para hacerlo mas ancho

guardamos y listo


Aqui la muestra de como queda

Código para enlazarme

En ocaciones el gadget que te ofrece blogger deja de funcionar pero eso en esta ocacion les muestro este gadget.
Instrucciones 
*copias el codigo
*vas a Diseño > Elementos de la pagina 
*creas un nuevo gadget (en el lugar donde quieres ubicarlo)
*seleccionas HTML/Javascript 
*pegas el codigo 
*guardas los cambios y listo  

Este es el codigo:

<!-- Script de los comentarios recientes -->
<script type="text/javascript">
function showrecentcomments(json) {
for(var i=0; i < a_rc; i++) {
var b_rc=json.feed.entry[i];var c_rc;
if(i==json.feed.entry.length)break;
for(var k=0; k < b_rc.link.length; k++) {
if(b_rc.link[k].rel=='alternate') {
c_rc=b_rc.link[k].href;break;
}
}
c_rc=c_rc.replace("#","#comment-");
var d_rc=c_rc.split("#");
d_rc=d_rc[0];
var e_rc=d_rc.split("/");
e_rc=e_rc[5];
e_rc=e_rc.split(".html");
e_rc=e_rc[0];
var f_rc=e_rc.replace(/-/g," ");
f_rc=f_rc.link(d_rc);
var g_rc=b_rc.published.$t;
var h_rc=g_rc.substring(0,4);
var i_rc=g_rc.substring(5,7);
var j_rc=g_rc.substring(8,10);
var k_rc=new Array();
k_rc[1]="Ene"; k_rc[2]="Feb"; k_rc[3]="Mar"; k_rc[4]="Abr";
k_rc[5]="May"; k_rc[6]="Jun"; k_rc[7]="Jul"; k_rc[8]="Ago";
k_rc[9]="Sep"; k_rc[10]="Oct"; k_rc[11]="Nov"; k_rc[12]="Dic";
if("content" in b_rc){
var l_rc=b_rc.content.$t;
} else if("summary" in b_rc) {
var l_rc=b_rc.summary.$t;
} else var l_rc="";
var re=/<\S[^>]*>/g;
l_rc=l_rc.replace(re,"");
if(m_rc==true)document.write(k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');
document.write('<li><b>' + b_rc.author[0].name.$t + '</b>');
if(n_rc==true)document.write(f_rc);
document.write(':<br/>');
document.write('<a href="' + c_rc + '">');
if(l_rc.length < o_rc) {
document.write(l_rc);
} else {
l_rc=l_rc.substring(0,o_rc);
var p_rc=l_rc.lastIndexOf(" ");
l_rc=l_rc.substring(0,p_rc);
document.write(l_rc+'&hellip;');
}
document.write('</a></li>');
}
}
</script>

<script type="text/javascript">
var a_rc=6;
var m_rc=false;
var n_rc=false;
var o_rc=60;
</script>

<script src="http://TUBLOG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
<!-- Fin del script de los comentarios recientes -->


donde dice TUBLOG tienes que poner la dirección de tu blog.

var a_rc=6; controla la cantidad de comentarios recientes a mostrar. Se debe modificar el número 6.

var o_rc=60; controla la cantidad de carácteres que habrá en cada comentario reciente. Se debe modificar el número 60


Fuente: google support