Para que  aparezca el widged de reaciones en cada post o entrada en blogger solo tenéis que seguir los siguientes pasos:

1. Tenéis que entrar en blogger con vuestra cuenta y a continuación, ir al código de la plantilla y expandir los artilugios.
   Home → Diseño → Edición de HTML → Expandir plantillas de artilugios
2. Tenéis que buscar la siguientes entrada dentro de vuestra plantilla:

• class='post-footer-line post-footer-line-1'

• class='post-footer-line post-footer-line-2' suele contener la lista de etiquetas.

• class='post-footer-line post-footer-line-3' muchas veces no tiene uso.

Una vez que ya las tenemos localizadas pondremos el siguiente codigo dentro de una de ellas o si  lo prefieren pueden crear una entrada nueva con el mismo testo solo que canbiando el numero.

<div class='reaction-buttons'>
    <b:if cond='data:top.showReactions'>
      <table border='0' cellpadding='0' width='100%'><tr>
      <td nowrap='nowrap' valign='center' width='1%'>
        <span class='reactions-label'><data:top.reactionsLabel/></span>
      </td>
      <td>
        <iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no' textColor='#fff'/>
      </td>
      </tr></table>
    </b:if>
  </div>

Aunque el estilo de este script es poco modificable, algunas de ellas podemos modificarlas si agregamos las los siguienetes estilos ccs en la plantilla, justo antes de </b:skin>:

.reaction-buttons {
  /* es el área donde se muestra */
}

/* como todo esta una tabla, estas on las posibles definiciones */
.reaction-buttons table { ... }
.reaction-buttons table td { ... }

.reactions-label { /* el texto Reacciones */
  margin:3px 0 0; /* es la propiedad por defecto */
}
.reactions-iframe { /* es el iframe */
  /* tiene alguna propiedades por defecto  */
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  height: 2.3em;
  width: 100%;
}

Una vez que ya temos todo hecho solo tenemos que ir a:

Home → Diseño →Elementos de la página →

Una vez hay vamos al widged de Entradas del blog y le damos a editar y marcamos la casilla que pone reaciones.

Lo primero que tiene que hacer es  copiar el siguiente código:

<object height="360" width="600"><param name="movie" value="http://wwwstatic.megavideo.com/mv_player.swf?image= URL DE LA IMAGEN &amp;v= ID VÍDEO"><param name="allowFullScreen" value="true"><embed src="http://wwwstatic.megavideo.com/mv_player.swf?image= URL DE LA IMAGEN &amp;v= ID VÍDEO " type="application/x-shockwave-flash" allowfullscreen="true" height="360" width="600"></object>

• height= sirve para ajustar la altura del reproductor hay ponemos la altura que queramos entre las comillas.
• width= Sirve para ajustar en ancho de nuestro reproductor.
• Donde pone URL DE LA IMAGEN ponemos la url de nuestra imagen. Procurar que la imagen que escojáis tenga las mismas dimenciones que las del reproductor de megavideo.
• Donde pone ID VÍDEO ponéis  la url de megavideo pero solo la parte que aparece despues de la "v=" ,Por ejemplo si la url de megavideo es así: http://http://www.megavideo.com/?v=1RWFRN5M solo copiamos la siguienete parte de la url: 1RWFRN5M.

Y ya estaría todo y os debería quedara algo como lo esto:

1.  lo primero es saber la id de nuestro blog si queremos saverla lo unico que tenemos que hacer es ir  blogger diseño y en el cuadro de la url del navegador nos aparecerá la id de nuestro blog. 
2. Ahora dentro de blogger iremos a Diseño –> Edición de HTML y aprieta expandir plantillas de artilugios. 
3. Busca la siguiente linea de comandos:

<data:commentPostedByMsg/>

• y justo a continuacion pegamos el siguienete codigo: 

 <span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=XXXXXXXXXXXXXXXXXXX&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><img alt='' border='0' src=' AQUI LA URL DEL  BOTÓN '/></a></span>

•  Donde pone "XXXXXXXXXXXXXXXXXXX" lo cabiamos por la id de nuestro blog.
• Y donde pone( AQUÍ LA URL DEL  BOTÓN) ponemos la url de la imagen nuestro botón que queramos que aparecerá.

Bueno aquí os dejo una herramienta que os vendrá bien a aquellos que querais acer un logo para vuestra web, a contimuacion os dejo las instrucione de como se crea un llogo con esta aplicacion:

1. Escribe el texto de tu logo en en Text.
2. Para cambiar el tamaño del logo lo seleccionas en Size 
3. Escoge un color en Color 
4. Cambia el tamaño o el estilo de la letra del logo en Choose font 
5. Cambia el estilo de tu logo en Choose style

Una vez que ya a hecho esto le das al botón preview y a continuación guardas la imagen del logo en tu ordenador y luego la subes a tu web.

Just enter your text and click to choose your style and font. 16pt 24pt 32pt 40pt 48pt 56pt 64pt 72pt      These headings are created with Xara 3D Maker. To find out more about Xara 3D Maker or add this free heading maker to your site follow these links

Utilizando su propia imagen para la calificación
se puede sustituir las imagen que viene por defecto por una imagen tuya mediante el uso de atributos ImageUrl y ImageSize. La dirección URL especificada en el atributo imageurl debe contener cinco imágenes:

• star.png,
• star-half.png,
• user.png,
• user-half.png, 
• gray.png

Los dos primeros iconos son los de calificación de la comunidad( ), Y el tercero y el cuarto son los iconos de calificación del usuario( ), y el ultimo es el icono que marca la posición().

Aviso: la imágenes tiene que aparecer en el mismo orden que hemos dicho antes para que funcione correctamente.

Bueno una vez que hemos creado nuestro archivo con las imágenes solo tenemos que poner la url de nuestro archivo en el siguiente codigo:

<div class='js-kit-rating' userColor='Violet' starColor='Golden' ImageSize='16x24' ImageUrl='http://aqui la url de vuestro archivo de imagenes/' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'>
</div>

• ImageSize='16x24' : determina el tamaño de las estrellas de calificación.

• ImageUrl :Aquí es donde va la url  de nuestro archivo de imagenes para la calificacion.

Por ultimo tengo que decir que aun no e podido probarlo del todo por lo que aquellas personas que lo prueven les agradeceria que me dejaran un comentario diciendo si les funciona o no,gracias y adios.

Buenas como ya puse en un post anterior como poner a hora os voy a eplicar como cambiar el color de la puntuación de las estrellas.

• "userColor" : cambia el color del la calificación del usario. 

• "starColor" : affecta el color de la calificación de la comunidad.

<div class='js-kit-rating' userColor='Violet' starColor='Golden' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'>
</div>

A continuación os dejo la leyenda de colores para cambiar el color de las estrellas, lo único que tenéis que hacer es sustituirlo en el código anterior.

Esto es un script que nos sirve para Hacer que aparezca y desaparezca por ejemplo: textos, vídeos, links, imagenes....etc .

• Bueno lo primero que tienes que hacer es lo siguiente:

Home → Diseño → Edición de HTML → Expandir plantillas de artilugios

•  Y una vez que ya estas hay buscas </head> y pegas justo antes este codigo:

<script type='text/JavaScript'>
     function verocultar(cual) {
          var c=cual.nextSibling;
          if(c.style.display=='none') {
               c.style.display='block';
          } else {
               c.style.display='none';
          }
          return false;
     }

• una vez que hemos puesto este código solo tenemos que poner el siguiente código donde queramos contraer y expandir elemento en cualquier parte de nuestro blog.

<a onclick="return verocultar(this);" href="javascript:void(0);">Enlace</a><div style="display: none; text-align: left; ">

--------------------aqui el texto,video...etc que queramos ocultar--------------------------
</div>

• si queremos poner una imagen para mostrar y ocultar el texto solo tenemos que poner este código donde pone "enlace" en el codigo anterior.

<img  src='AQUÍ LA URL DE NUESTRA IMAGEN' />

y os debería quedar algo como esto:


Ver demo

ejemplo con imagen

primero que sepáis que un favicon es un icono o logotipo que va asociado a nuestra web.

bueno para poner un favicon en blogger solo tenéis que seguir estos pasos:

1. tenéis que elegir la imagen que queréis ponerlle como logotipo a vuestro blog, si queréis también podéis ir a esta  pagina y crearos uno vosotros mismos :  http://www.chami.com/html-kit/services/favicon/


2. a continuación pegáis el siguiente código en la plantilla justo despues de esto: </head>

<link href='http://aqui la url de tu imagen' rel='icon' type='image/gif'>
<link href='http://aqui la url de la imagen' rel='shortcut icon' type='image/GIF'>
</link>
</link>

Yos deveria quedar algo como esto:

 


nota:lo que esta en rojo lo sustituis por la url de vuestra imagen y listo.

solo tenéis que entrar en esta pagina con vuestra cuenta de gmail y podréis crear un buscador de google gratis para vuestras web o blog:

Enlace:https://www.google.com/accounts/ServiceLogin?continue=http://www.google.com/cse/manage/all&service=cprose&hl=es&gl=us&passive=true  

Una vez que ayas rellenado todos los campos y te dará un código lo copias y a continuación te vas blogger  entras en diseño y le das a "añadir un gadget" y selcionas "HTML/Javascript" como se ve en la imagen de abajo



y  a continuación le dais a añadir "HTML/javascript" y  pegáis el código  del buscador que a veis obtenido antes y pulsas guardar y listo ya tenéis un buscador interno de google totalmente gratis.

Es muy sencillo solo tendréis que crear una entrada o pagina en vuestro blog y pegar el siguiente código:

<script style="text/javascript" src="http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/tableindex.js"></script>

<script src="http://www.tublog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Para poner el botón es muy fácil solo tenéis que poner el siguiente codigo justo antes </head> en el template:

<script type=“text/javascript” src=“http://apis.google.com/js/plusone.js”></script>

y luego ponemos el siguiente código donde queramos que aparezca el botón en nuestra pagina o blog:

<g:plusone></g:plusone>

• entremedias de estas dos etiquetas tenemos que poner la url de nuestro blog o web y deberia de quedaros algo como esto

 <g:plusone href="http://videodarasgamen-v2.blogspot.com/"></g:plusone>

Sitio web | Botón +1 Google