Ayuda para Blogger

1. Vamos a Diseño
2. Edición HTML
3. Ctrl + f y buscar 

<!-- Prototype y Scriptaculous-->

<script src='http://www.google.com/jsapi'/>

<script>

google.load("prototype","1.6.0.3");

google.load("scriptaculous", "1.8.2");

</script>

<!-- Prototype y Scriptaculous-->

<a href='#' onclick='Effect.toggle("expandir1","slide"); return false'>[+/-] Ver / Ocultar</a><div id='expandir1' style='display: none;'>Aquí va el contenido que se ocultará</div>

<div class="divspoiler">

<input type="button" value="Mostrar" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; this.value = 'Ocultar'; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none'; this.value = 'Mostrar'; }" />

</div><div><div class="spoiler" style="display: none;">

Aquí el contenio que queremos ocultar

</div></div>

<div class="divspoiler">

<a href="javascript:void(0);" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" >Mostrar / Ocultar ▼▲</a>

</div><div><div class="spoiler" style="display: none;">

Aquí el contenio que queremos ocultar

</div></div>

<div class="divspoiler">

<img src="URL de la imagen" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />

</div><div><div class="spoiler" style="display: none;">

Aquí el contenio que queremos ocultar

</div></div>

.bloque-color {

-webkit-border-radius: 31px;

-moz-border-radius: 31px;

border-radius: 31px;

-webkit-box-shadow: 4px 4px 6px #000000;

-moz-box-shadow: 4px 4px 6px #000000;

box-shadow: 4px 4px 6px #000000;

text-shadow: -1px -1px 0px #000000;

-webkit-transform: rotate(-17deg) scale(0.9) skew(-22deg,17deg);

-moz-transform: rotate(-17deg) scale(0.9) skew(-22deg,17deg);

-o-transform: rotate(-17deg) scale(0.9) skew(-22deg,17deg);

border: 1px solid #FFC0CB;

background: #696969;

padding: 9px;

opacity: 0.7;

font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;

font-size: 12pt;

color: #FFF5EE;

text-align: center;

width: 300px;

height: 150px;

}

1. Lo podemos poner en un gadget html el código siguiente
2. Y lo podemos poner en una entrada como en el blockquote.

Para ponerlo, y funcione, tenemos que poner el siguiente:

<div class="bloque-color">

Aquí añadimos el contenido, puede ser texto, una imagen 
.

</div>

Este es el ejemplo que no nosotros pusimos, lo anterior. Esto es muy bueno, también como el blockquote.

Vieron, así de fácil es. Para poner una imagen dentro de esta caja contenedora vean esta entrada. Bueno, también les invito a que visiten el blog de Gema, dónde explica mejor lo que he tratado en esta entrada

• rows="n".Donde n es el número de filas
• cols="n". Donde n es el número de columnas
• name="nombre". Asigna un nombre identificador único al campo.
• wrap="off / soft / hard". Se usa para indicar el texto que el texto se debe justificar (ajustar al ancho de la ventana. Off valor por defecto, no hay ajuste del texto enviándose este tal y como fue escrito. Soft, ajusta el texto a la ventana, además envia este como una cadena continua. Hard, ajusta el texto a la venta enviando el texto como separando la palabra y líneas donde sea necesario.
• readonly. No deja que el texto escrito en el área de texto pueda ser modificado por las personas que vean la página (sin embargo ese contenido será enviado con el resto del formulario).
• disable. Desactiva el elemento. Impidiendo que el texto que contiene se ha modificado, y además tampoco es enviado con el formulario.

<form>

   <textarea name="opinion2" rows="2" cols="55" readonly>

   Este texto no se puede modificar, hecho por: Abraham Santos, de abraham-ayudab.blogspot.com

  </textarea>

</form>

#comments-block .avatar-image-container.avatar-stock img {

display:none;

}
#comments-block .avatar-image-container.avatar-stock {

background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-bd0-8l9HrVIkZAud7brabjSdZmv5HqlTBTso2AUlte6qi5kCGpBhBUYz_6xXE8WMvpg_8Qb6L8ZzUoP5DeAXMkS4NBuwC8RmsyA8NIFWoBeSPEipkLJdLOKPOzqE4oSWqDb254IUapQ/s104/default_avatar3%255B1%255D.gif) no-repeat scroll 50% 50%;

}