Para añadir una caja de comentarios incrustada en cada una de las entradas de nuestro blog de Blogger (semejante a las de WordPress), solo debe de ir a Configuración -> Comentarios, y donde dice “Ubicación del formulario de comentarios” marca la opción “Entrada incrustada a continuación”, guarda los cambios con el botón “Guardar configuración” que se encuentra al final.

Sin embarga algunas plantillas tiene problemas con este sistema, si ese es tu caso debe de habilitar la función de caja de comentarios manualmente.

Para hacer esto solo debe ir a Diseño -> Edición de HTML y marcamos la opción “Expandir plantillas de artilugios”.

Buscamos el siguiente código:

<p class='comment-footer'>
	<b:if cond='data:post.allowComments'>
		<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
			<data:postCommentMsg/>
		</a>
	</b:if>
</p>

Y lo reemplazamos por el siguiente:

<p class='comment-footer'>
	<b:if cond='data:post.embedCommentForm'>
		<b:include data='post' name='comment-form'/>
	<b:else/>
		<b:if cond='data:post.allowComments'>
			<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
				<data:postCommentMsg/>
			</a>
		</b:if>
	</b:if>
</p>

Guardamos los cambios y ya deben aparecer los comentarios en una caja incrustada!

<p class='comment-footer'>
	<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
		<data:postCommentMsg/>
	</a>
</p>

Reemplacen esto por el código anteriormente mencionado:

<p class='comment-footer'>
	<b:if cond='data:post.embedCommentForm'>
		<b:include data='post' name='comment-form'/>
	<b:else/>
		<b:if cond='data:post.allowComments'>
			<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
				<data:postCommentMsg/>
			</a>
		</b:if>
	</b:if>
</p>

Ahora que si tienes mala suerte y no te funciona, hay una manera más, prueba esto:
Ubica la siguiente línea:

<b:include data='post' name='comments' />

Inmediatamente después de esa linea, agrega lo siguiente:

<b:include data='post' name='comment-form'/>

Guarda los cambios y verás que ahora la caja de comentarios está en la misma página que tu post.

Por fin después de algunas semanas de buscar una nube de etiquetas, al fin encontré una que me gusta.

Solo se debe de seguir los siguientes pasos:

1. Ve a: Panel Diseño -> Edición de HTML y busca la etiqueta: ]]></b:skin>, copia el siguiente código antes de la anterior etiqueta:

   /* Estilos de la Nube de Etiquetas */
   #labelCloud {text-align:center;font-family:arial,sans-serif;}
   #labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
   #labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
   #labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
   #labelCloud a{text-decoration:none}
   #labelCloud a:hover{text-decoration:underline}
   #labelCloud li a{}
   #labelCloud .label-cloud {}
   #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
   #labelCloud .label-cloud li:before{content:"" !important}
   

2. Ahora copia este código y pégalo pero después de la etiqueta: ]]></b:skin>

   <script type='text/javascript'>
   // Variables en la Nube sobre el color y tamaño de la fuente
   	var cloudMin = 1;
   	var maxFontSize = 16;
   	var maxColor = [0,0,255];
   	var minFontSize = 12;
   	var minColor = [30,144,255];
   	var lcShowCount = false;
   </script>
   

   Las variables anteriores pueden ser modificadas a gusto, estas corresponden al tamaño de la fuente de las etiquetas y el color de las mismas.

3. Ahora busca el código sin expandir la plantilla de artilugios, este es semejante al siguiente:

   <b:widget id='Label1' locked='false' title='Labels' type='Label'/>
   

   Varía según el nombre del widget de etiqueta entre otras cosas, pero en general debe tener el texto type=’Label’
   Además, el check “Expandir plantillas de artilugios” debe estar desmarcado

   Y reemplázalo por el código que te presento a continuación:

   <b:widget id='Label1' locked='false' title='Nube de etiquetas' type='Label'>
   	<b:includable id='main'>
   		<b:if cond='data:title'>
   			<h2><data:title/></h2>
   		</b:if>
   		<div class='widget-content'>
   			<div id='labelCloud'/>
   			<script type='text/javascript'>
   				/* Este es el script que hace posible la nube y no hay necesidad de cambiar nada */
   				function s(a,b,i,x){
   					if(a&gt;b){
   						var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
   					} else {
   						var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
   					}
   					return v
   				}
   				var c=[];
   				var labelCount = new Array();
   				var ts = new Object;
   				<b:loop values='data:labels' var='label'>
   					var theName = &quot;<data:label.name/>&quot;;
   					ts[theName] = <data:label.count/>;
   				</b:loop>
   				for (t in ts){
   					if (!labelCount[ts[t]]){
   						labelCount[ts[t]] = new Array(ts[t])
   					}
   				}
   				var ta=cloudMin-1;
   				tz = labelCount.length - cloudMin;
   				lc2 = document.getElementById('labelCloud');
   				ul = document.createElement('ul');
   				ul.className = 'label-cloud';
   				for(var t in ts){
   					if(ts[t] &lt; cloudMin){
   						continue;
   					}
   					for (var i=0;3 &gt; i;i++) {
   						c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
   					}
   					var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
   					li = document.createElement('li');
   					li.style.fontSize = fs+'px';
   					li.style.lineHeight = '1';
   					a = document.createElement('a');
   					a.title = ts[t]+' Posts in '+t;
   					a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
   					a.href = '/search/label/'+encodeURIComponent(t);
   					if (lcShowCount){
   						span = document.createElement('span');
   						span.innerHTML = '('+ts[t]+') ';
   						span.className = 'label-count';
   						a.appendChild(document.createTextNode(t));
   						li.appendChild(a);
   						li.appendChild(span);
   					} else {
   						a.appendChild(document.createTextNode(t));
   						li.appendChild(a);
   					}
   					ul.appendChild(li);
   					abnk = document.createTextNode(' ');
   					ul.appendChild(abnk);
   				}
   				lc2.appendChild(ul);
   			</script>
   			<noscript>
   				<ul>
   					<b:loop values='data:labels' var='label'>
   						<li>
   								<b:if cond='data:blog.url == data:label.url'>
   									<data:label.name/>
   								<b:else/>
   									<a expr:href='data:label.url'><data:label.name/></a>
   								</b:if>
   							(<data:label.count/>)
   						</li>
   					</b:loop>
   				</ul>
   			</noscript>
   			<b:include name='quickedit'/>
   		</div>
   	</b:includable>
   </b:widget>
   

Y Listo…