Articulos mas Reciente

jueves, 15 de agosto de 2019

10 características básicas sobre Excel

El Bloggero Anonymo
Tareas de Excel

1- Celdas
Es una matriz bidimensional de columnas y filas entrecruzadas que forma la famosa y conocida cuadrícula de la presentación de Excel.

2- Hoja de trabajo

Es el nombre que se le da a la sábana completa de cuadrículas donde están todas las celdas. Las últimas versiones del programa manejan 1.048.576 filas y 16.348 columnas, desde la ‘A’ hasta la última identificada con las letras ‘XFD’.
Las hojas de trabajo están identificadas en la parte inferior izquierda con unas etiquetas que pueden renombrarse a la necesidad del usuario.

3- Libros de trabajo

Es el nombre común de los archivos de Excel los cuales pueden contener varias hojas de trabajo. Para cambiar entre hojas de trabajo basta con seleccionar las etiquetas ubicadas abajo y a la izquierda de la pantalla del programa.
Tradicionalmente los libros de trabajo eran guardados en archivos con la extensión ‘.XLS’, pero desde la versión del 2007 la extensión cambió a ‘.XLSX’. 

4- Cintas de opciones

Desde la versión 2007, los programas del paquete de Microsoft Office reemplazaron el menú tradicional por cintas con las opciones dispuestas en iconos. Son una especie de menú visual donde las opciones se mantienen abiertas.



5- Fórmulas

Además de números y texto, las celdas pueden contener fórmulas y esta es la peculiaridad que hace de Excel una hoja de cálculo por excelencia.
Con las formulas, Excel presenta el resultado de una operación matemática en la celda seleccionada.
Ejemplo: al escribir “=3+5” en una celda, el programa mostrará el número “8”.

6- Funciones

Excel ofrece una serie de funciones predeterminadas más complejas y especializadas que pudieran agregarse a las formulas, como por ejemplo operaciones matemáticas y trigonométricas como la resta, seno y coseno; financieras como descuentos y tasas; y otras funciones estadísticas, referenciales y lógicas.



7- Gráficas

Excel permite presentar visualmente los datos de una hoja de trabajo con diferentes tipos de gráficas.
Dependiendo del propósito, el programa ofrece gráficas de barra, circulares o tortas, gráficas de línea, de área y de dispersión XY.

8- Tablas de Excel

Es una herramienta de almacenamiento estructural de datos tabulares en una selección de columnas y filas que el programa mantiene independiente de la hoja de trabajo, para el posterior manejo por parte del usuario.

9- Tablas dinámicas

También llamadas tablas pivote, permite el análisis de grandes cantidades de datos dentro de las hojas de trabajo para luego presentarlos en reportes complejos o tablas sin necesidad de escribir formulas.



10- Macros

Son pequeños programas que se escriben en lenguaje de programación de Visual Basic o “VBA” (Visual Basic for Applications) que ayudan a la automatización de procesos y operaciones en las hojas de trabajo.
Es una característica para usuarios avanzados que permite programar conectividades en las bases de datos, hacer analíticos, formularios, algoritmos, filtros, búsquedas web, entre otros.

sábado, 10 de agosto de 2019

Entorno de trabajo de Excel-Descripción de la pantalla de excel

El Bloggero Anonymo
Los elementos de la ventana de la aplicación Microsoft Excel 2010 son los siguientes.
  1. Menú de Control o Menú Ventana. Permite cerrar la ventana, cambiarla de tamaño y pasar a otra ventana.
  2. Barra de Títulos. Indica el nombre del programa (Excel) y el libro con el que se está trabajando.
  3. Botón minimizar. Reduce la ventana a un botón que aparece en la Barra de tareas del escritorio de Windows. Para convertir una ventana de aplicación en un botón hacer clic en el botón Minimizar.
  4. Botón maximizar/restaurar. Amplía la ventana al tamaño máximo o la restaura a su tamaño original.
  5. Barra de herramientas de acceso rápido.
    Por defecto, tenemos disponibles en ella los comandos GuardarDeshacer Rehacer, aunque se puede personalizar para añadir a ella los que deseemos.
  6. Menú Archivo. En él podemos encontrar la mayoría de comandos para el trabajo con documentos (libros de cálculo), como abrir, guardar, imprimir, obtener una vista preliminar, etc. Al hacer clic sobre él se despliega un menú con todas sus opciones y sub-menús.
  7. Fichas. Las fichas contienen botones y controles agrupados en categorías. La estructuración en fichas es la conjunción de dos formas de acceso a las herramientas que hasta la versión 2003 de Office eran independientes: los menús y las barras de herramientas.
  8. Grupo de herramientas. Las herramientas de las fichas están organizadas en grupos de herramientas formando una cierta unidad lógica. En muchas ocasiones, en la esquina inferior derecha del grupo de herramientas encontramos una flechita que da acceso al cuadro de diálogo asociado a esa categoría de herramientas.
  9. Cinta de opciones. Es el espacio en el que se despliegan los botones, menús y controles de cada una de las fichas. Para aumentar el espacio destinado a la hoja de cálculo, puede minimizarse haciendo clic con el botón derecho sobre cualquiera de los nombres de las fichas y activando la casilla de verificación Minimizar cinta de opciones. También puede emplear el botón etiquetado como 10 en la figura 1.1 para efectuar esta misma tarea.

Figura 1.1. Ventana de Microsoft Office Excel 2010.
  1. Minimizar cinta de opciones. Pulse este botón para ocultar y mostrar la cinta de opciones.
  2. Ayuda. Al hacer clic sobre este botón se activa la ayuda de Microsoft Excel.
  3. Barra de fórmulas. En ella se introduce y edita la información en las hojas de Excel. Está situada bajo la cinta de opciones y, si esta se encuentra minimizada, bajo los nombres de las fichas. Para visualizarla u ocultarla, se activa o desactiva la casilla Barra
    de fórmulas en la ficha Vista (grupo de herramientas Mostrar). Los diferentes elementos de la barra de fórmulas son:
    • En el primer recuadro es el Cuadro de nombres, muestra la dirección de la celda activa.
    • Botones de Cancelar e Introducir de la entrada actual (aparecerán sólo al editar el contenido de una celda).
    • El botón Insertar Función, para abrir el cuadro de diálogo Insertar función.
    • Área de edición, donde se introduce y edita la información de la celda activa.
  4. Encabezados de las columnas (A-XFD). Permiten la selección de la(s) columna(s).
  5. Encabezados de las filas (1-1.048.576). Permite la selección de la(s) fila(s).
  6. Botón de selección de la hoja completa. Al hacer clic sobre dicho botón seleccionará toda la hoja de cálculo.
  7. Botón de división vertical/horizontal de la pantalla. Divide la ventana de la hoja de cálculo en varias ventanas, pudiendo con ello ver diferentes partes de una hoja.
  8. Barras, flechas y botones de desplazamiento.
    Permiten desplazarse por la hoja.
  9. Área de trabajo. Es el espacio interior de la ventana, donde el usuario realizará su trabajo con las hojas.
  10. Etiquetas de la hoja. Muestra los nombres de las distintas hojas de un libro de trabajo y los botones para desplazarse por las hojas.
  11. Barra de estado. Situada en la parte inferior de la pantalla, en su configuración por defecto nos mostrará información sobre:
    • El indicador de modo para señalar qué está haciendo Excel.
    • En el recuadro central mostrará el resultado de las operaciones Promedio, Cuenta y Suma.
    • En la parte derecha, información sobre el tipo de visualización activo (Normal, Diseño de página, etc.).
    • En la esquina derecha, el control de zoom, que permite ajustar la escala de visualización del documento.

miércoles, 7 de agosto de 2019

11 fórmulas básicas de Excel para Principiantes

El Bloggero Anonymo
Excel es una de las aplicaciones básicas en la ofimática. Una potente hoja de cálculo que forma parte de Microsoft Office muy usada en las tareas de oficina y contables básicas. Muchos son los que tienen cierto miedo a Office, una aplicación que requiere de una labor de aprendizaje basada en fórmulas que, no podemos negarlo, lleva su tiempo.
El problema es el desconocimiento de las fórmulas necesarias y eso es lo que vamos a tratar de ver aquí. Algunas de las fórmulas básicas para acceder a Excel sin miedo y así perder el temor a la hora de elaborar una hoja de cálculo.

 Suma


Es el ABC y Excel. La fórmula básica que todos deben conocer cuándo se enfrentan a la hoja de cálculo de Microsoft. Una fórmula que nos permite sumar los valores de un grupo de celdas, o incluso filas y columnas entera. Ofrece la ventaja de soportar tanto celdas separadas como intervalos. Una fórmula cuyo ejemplo podría ser =SUMA(A1:A30)

 Resta


Lo mismo que la anterior. Otra básica pero ahora empleada para restar los valores de dos celdas. Este podría ser el ejemplo a usar, en el que se resta el valor de una casilla al de otra: = A2 - A3.

 Multiplicación


Es la fórmula usada para multiplicar los valores de dos o más celdas. Se marcan las celdas cuyos valores queremos usar y entre ellas a modo de símbolo de multiplicar, un asterisco. Este podría ser un ejemplo: = A1 * A3 * A5

 División


Lo mismo que la anterior, pero ahora para dividir usaremos el símbolo "/" entre las casillas cuyos valores queremos emplear. Este podría ser un ejemplo: = A2 / C2.

Promedio, media o media aritmética


Avanzamos un poco y llegamos a la fórmula promedio. La función de esta fórmula es devolver el valor de promedio aritmético de los valores almacenados en las celdas seleccionadas. La fórmula podría ser tal que así.=PROMEDIO (A2:B2).

 Valores máximos y mínimos



Es la fórmula empleada para conocer los valores máximos y mínimosque figuran en un conjunto de celdas. Para calcularlos usaremos los términos MAX y MIN junto con las celdas a analizar. Este es un ejemplo para máximos =MIN(A2,B4,C3,29) y otro para mínimos =MIN(A2,B4,C3,29).

 Contara



Contara es una de las fórmulas para contar valores. Una fórmula que permite contar valores incluso aunque no sean números y sólo hace caso omiso de las celdas vacías. Se suele usar para conocer cuántas entradas tiene una tabla, si no nos importa que sean valores alfa numéricos. Si sólo queremos tener en cuenta los números se usa la fórmula CONTAR. Un ejemplo podría ser =CONTARA(B2:B13)

 Contar Si



Esta fórmula permite contar elementos que cumplen un cierto criterio. Criterios que se pueden basar en la correspondencia con un número, en que aparezca un texto determinado. Excel contará las celdas que ofrecen una condición que hayamos marcado. Un ejemplo podría ser contar las celdas con el valor 455 =CONTAR.SI(B2:B13;"455")

 Condición



En cierta medida parecida a la anterior. Es una fórmula basada en el cumplimiento de una condición. Se devuelve un valor si se cumple la condición que marcamos. El clásico ejemplo usado es el de las notas, donde aprobado es si hay un valor igual o superior a 5 y suspenso es donde ese valor es inferior a 5. El ejemplo podría ser: =SI(B2="500","Aprobado";"Suspenso")

 Buscar V



Busca un valor dentro de una fila y devuelve el valor que ha sido encontrado o un error en caso de no haberlo encontrado. Un ejemplo podría ser =BUSCARV(“Jose”, B1:D6, 3,FALSO) si queremos saber el número de cervezas servidas por Jose en el mes de febrero.
El uso de “FALSO” se debe a que es el valor necesario para indicar que queremos una búsqueda exacta, es decir sólo queremos el valor para la entrada con índice Jose.

 Buscar H


Similar a la anterior, esta fórmula persigue el buscar un determinado dato en la primera columna de una tabla o matriz y una vez localizada la fila en la que se encuentra dicho dato, devolver el valor que tiene en esa misma fila la columna que especifiquemos. Este ejemplo =BUSCARV("Mayo";A1:D13;2;FALSO) serviría para conocer cuantas copas sirvió Jose en un mes.

domingo, 3 de marzo de 2019

10 Tips para desarrollar tu lógica de programación

El Bloggero Anonymo
Tips de Programación
Programación de Estructurada 10 Tips para Desarrollar Tu Lógica de Programación Elementos para la creación efectiva de Algoritmos para la codificación de Sistemas Informáticos

si deseas desarrollar tus habilidades para crear tus propias soluciones computarizadas… Aprenderás los principios que aplican los programadores profesionales para escribir componentes como los que actualmente se integran en los sistemas que se utilizan alrededor de todo el mundo…

Comencemos con una pregunta: Te has puesto a pensar … ¿En que idioma piensas?

1. ¿Acaso «Pienso» en Español?
2. ¿Cómo le hago para Programar?
3. Para PODER Programar bien no se necesitas otra cosa que « Tener LÓGICA»
4. LA LÓGICA DE LA PROGRAMACIÓN = IMAGINA + PIENSA + TRADUCE

Tip #1: Despreocúpate del Lenguaje y ocúpate de IDEA…
Tip #2: Ten en cuenta las Diferencias. Lo que se VE en la Pantalla es DIFERENTE al Programa…
Tip #3: Lee, lee, lee y lee !!! Lee todo el código que caiga en tus manos…
Lee código de otros en libros, revistas, páginas web, blogs… Lee tu propio código…
Tip #4: Conoce tus Herramientas. Emplea los principios de los Paradigmas de Programación…
1.1. Programación Estructurada IteraciónSecuenciación Bifurcación
1.2 Programación Estructurada RepiteAcomoda Decide
1.3 Programación Orientada a Objetos PolimorfismoAbstracción Herencia
1.4 Programación Orientada a Objetos PolimorfismoAbstracción Herencia
1.5 Programación Orientada a Objetos PolimorfismoAbstracción Herencia
1.6 Programación Orientada a Objetos UniformizaRepresenta Clasifica
1.7 Para Programar: Secuenciación = Acomoda Bifurcación = Decide Iteración = Repite Abstracción = Representa Herencia = Clasifica Polimorfismo = Uniformiza

Tip #5: Ocúpate (en serio!!!) de la Ortografía. Aplica las reglas léxicas y sintácticas al programar…
Elementos Léxico-Sintácticos Acomoda: int x; scanf("%d", &x); printf("%d", x); Decide: If(x>=6){ printf("Aprobó" ); } Repite: while(k<=10){ printf("%d",k++ ); }
Tip #6: Induce !!! Piensa de lo particular a lo general…
Tip #7: Deduce… Divide y Vencerás !!! Piensa de lo General a lo Particular …
do{ leerRegistro(baseDatosEmpleados) If (tipoEmpleado = “Honorarios”){ obtenerCuotaPorHora( ); obtenerHorasLaboradas( ); calcularPercepciones( ); calcularDeducciones( ); editarCheque( ); }else If (tipoEmpleado = “Jubilado”){ calcularPercepciones( ); editarCheque( ); } } while( not ( eof (baseDatosEmpleados) );
Tip #8: Piensa Recursivamente…
Tip #9: Crea los Planos de tus IDEAS. Modela mediante diagramas la «LÓGICA» de tus programas…
Tip #10: Ve más allá de lo Evidente. Comprende totalmente la Lógica de tus programas mediante pruebas y modelos de escritorio…

miércoles, 20 de febrero de 2019

Formulario en Visual Basic Calculo de Promedio

El Bloggero Anonymo
Formulario en Visual Basic, donde se calcula el promedio de un alumno ingresando 4 notas parciales, agregando observaciones y Estado donde se muestra si el alumno ha aprobado el parcial, y si el alumno tiene la observación bueno, insuficiente, muy bueno y sobresaliente. 

Formulario de Promedio en Visual Basic
Para que puedan aplicar los códigos pueden ver el video y seguir las instrucciones, para que al final puedan tener un formulario que contenga las mismas funciones que las que se presentan en el tutorial.
VIDEO TUTORIAL



Código que ira en el Textbox de Nota 4: 
pr.Text = (Val(n1.Text) + Val(n2.Text) + Val(n3.Text) + Val(n4.Text)) / 4
        If pr.Text <= 60 Then
            estado.Text = "REPROBADO"
            obs.Text = "Insuficiente"
            pr.ForeColor = Color.Red
        Else
            pr.ForeColor = Color.Black
            estado.Text = "APROBADO"
        End If
        If pr.Text >= 60 And pr.Text <= 70 Then
            obs.Text = "Bueno"
            pr.ForeColor = Color.Black
            estado.Text = "APROBADO"
        End If
        If pr.Text >= 70 And pr.Text <= 80 Then
            obs.Text = "Muy Bueno"
            pr.ForeColor = Color.Black
            estado.Text = "APROBADO"
        End If
        If pr.Text >= 80 And pr.Text <= 90 Then
            obs.Text = "Excelente"
            pr.ForeColor = Color.Black
            estado.Text = "APROBADO"
        End If
        If pr.Text >= 90 And pr.Text <= 100 Then
            obs.Text = "Sobresaliente"
            pr.ForeColor = Color.Black
            estado.Text = "APROBADO"
        End If
BOTON LIMPIAR CODIGO:
TextBox1.Clear()
        TextBox2.Clear()
        n1.Clear()
        n2.Clear()
        n3.Clear()
        n4.Clear()
        pr.Clear()
        moda.Text = ""
BOTON SALIR
me.close()

Eso es todo, espero que les sirvan de ayuda este video tutorial y recuerden que ustedes pueden lograr mayores cosas si se lo proponen. 

Características principales Microsoft Word

El Bloggero Anonymo
Muchos saben usar una computadora, pero no todos saben trabajar en orden bajo reglas que se deben de seguir, para ello he creado este post donde aprenderán como aplicar propiedades Básicas y principales que hacen de un documento de Word algo Formal. He visto muchos trabajos o tareas que al momento de presentar, llegan con errores que en un documento formal no se puede ignorar. Por ejemplo hacen un documento formal pero con bordes de corazoncitos o flores, textos sin alinear, documento sin  Header o Footer, Documento con distintos tipos de letras, imágenes sin alinear entre otros, para ello he creado este video tutorial para que puedan aprender como agregar o aplicar esas herramientas dentro de Word.
Tutorial de Word 2019
VIDEO TUTORIAL

Espero que les sirvan de mucha ayuda este post, ya saben si necesitan ayuda sobre word puedes escribirme directamente a mi correo o dejar un comentario en este post y yo con Gusto les Ayudare.

martes, 19 de febrero de 2019

Gadget para Blogger

El Bloggero Anonymo
El primer Gadget que colocaremos en nuestro Blog será una Caja de Aviso con la opción de Cerrar
Para la colocación es muy fácil prácticamente un solo paso únicamente tienes que seguir estos pasos:
1. Diseño
2. Elementos de la pagina
3. Añadir un gadget HTML/Javacript

<style type="text/css">
#aviso{
width:500px; /* Ancho de la caja */
padding:5px; position:absolute; z-index:5000;}
.caja-aviso{
border:4px double #0080FF; /* Color del borde */
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 8px 8px 6px #808080; -moz-box-shadow: 8px 8px 6px #808080; box-shadow: 8px 8px 6px #808080;
background-color: #CEECF5; /* Color de fondo */
padding: 10px; font-family: Verdana, Geneva, sans-serif;
color: #0B173B; /* Color del texto */
}
.letrero-aviso { /* Estilos de la palabra AVISO */
font-size:18pt;
font-weight:bold;
color:#B4045F;
text-shadow: 0px 0px 10px #BA55D3;}
</style>
<div id="aviso" style="left:300px; top:100px; padding:0;">
<div align="right" style="margin-bottom:-30px;"><b><a href="javascript:closeit()" ><font face="Arial" size="1">[CERRAR]</font> <img valign="middle" src="https://lh5.googleusercontent.com/-46DmTbFSiuQ/TliKe_XV0lI/AAAAAAAAGJ4/_H2c3HB4XoY/CloseIcon-small.png" style="vertical-align:middle;"/></a></b></div>
<br/>
<fieldset class="caja-aviso">
<legend class="letrero-aviso" align="center">AVISO</legend>
...Aquí va el mensaje...<br/><div align="right"><a href="http://www.facebook.com/usuario" target="blank"><img src="https://lh6.googleusercontent.com/-9TNSAdSEm2o/Tlgi_wnuKZI/AAAAAAAAGJw/6rLfLd-QfkE/facebook.png" width="26"/></a>
<a href="http://twitter.com/usuario" target="blank"><img src="https://lh6.googleusercontent.com/-xk9JDUThPo0/TlgjAUiI4eI/AAAAAAAAGJ0/t5QtAN0xPco/twitter.png" width="25"/></a></div>
</fieldset>
<script>
function closeit(){
document.getElementById("aviso").style.visibility = "hidden";
}
</script>
</div><div class="clear"/></div>

Solo tienes que agregar agregar el mensaje donde te indica , y tu usuario de facebook y twitter si esque tienes no olvides dejar tu comentario gracias..

En donde dice left:300px; top100px; se puede controlar la posición de la caja de aviso , left es la distancia desde la izquierda y top la distancia arriba.


Comentarios Recientes en Blogger Gadget
Tutorial paso a paso 

Para colocar este truco en tu blog deberás seguir estos simples pasos:

1. Lo primero será ir a  posteriormente editar HTML y buscaremos la siguiente etiqueta </head> justo arriba pegaremos lo siguiente:
<link href='http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css' rel='stylesheet'/>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
2. Lo siguiente será ir a allí vamos a añadir un gadget y seleccionamos:

3. Luego pegaremos el siguiente código:
<style> .mbtcmts{list-style-type:none; overflow:hidden; }
.mbtcmts li {margin:0px auto 20px auto; clear:both; color:#666; font-family:helvetica; font-size:12px;padding:0px;}
.mbtcmts i{color:#999; padding-right:4px;}
.mbtcmts .idate {display:block; font-family:arial; font-size:11px;text-align: left;padding:3px; margin:0 0 0px 40px}
.mbtcmts .icontent{ display:block; font-family:Georgia; color:#999; font-style:italic; line-height:1.5em;}
.mbtcmts .icontent a {color:#999; text-decoration:none; font-weight: bold;font-size: 16px;font-style: normal;}
.mbtcmts div{line-height:2em; clear:both; border-top:1px solid #eee; margin-top:5px;}
.mbtcmts span { margin:5px 0px 0px; padding-right:5px;}
.mbtcmts img {border-radius:100%; float:left; margin:0px 20px 20px 0px; border:1px solid black; padding:3px; width:50px; height:50px;box-shadow: 2px 2px 4px #ddd; }
.mbtcmts .icapital {text-transform:Capitalize; display:inline-block;}
.mbtcmts .ititle {font-family:oswald; font-size:14px; color:orange; font-weight:normal; text-decoration:none;}
.mbtcmts .ititle:hover {color:#666;}
.mbtcmts .idate:before, .mbtcmts .ipostTitle a:before{font-family:fontAwesome; position:relative; padding-right:5px;}
.mbtcmts .idate:before {content:'\f017'; color:#999}
.mbtcmts .ipostTitle a {text-decoration:none; color:#999}
.mbtcmts .ipostTitle a:before {content:'\f07c'; }
#mbtloading{
  margin: 20% auto;background: url('http://downloads.mybloggertricks.com/Spin%20and%20pulsate.gif') no-repeat left center;width: 80px;height: 80px;}
/*------ CSS3 CódigoTooltip -------------*/
.tooltip{outline:none;text-decoration:none!important;position:relative}.tooltip:hover {border-bottom: none;}.tooltip strong{line-height:30px}.tooltip > span{text-transform:capitalize;width:150px; padding:5px 5px;opacity:0;top:120%;left:0px; visibility:hidden;z-index:10;position:absolute;font-family:helvetica;font-size:12px;font-weight:bold;border-radius:2px;box-shadow:2px 2px 5px #999;-webkit-transition-property:opacity,margin-top,visibility,margin-left;-webkit-transition-duration:0.4s,0.3s,0.4s,.3s;-webkit-transition-timing-function:ease-in-out,ease-in-out,ease-in-out,ease-in-out;transition-property:opacity,margin-top,visibility,margin-left;transition-duration:0.4s,0.3s,0.4s,.3s;transition-timing-function:ease-in-out,ease-in-out,ease-in-out,ease-in-out}.tooltip > span img{float:right;width:110px;margin:0 0 30px 10px;padding: 0;border: none;}.tooltip:hover > span{opacity:1;text-decoration:none;visibility:visible;overflow:visible;display:inline;margin-left:-50px}.tooltip span b{width:15px;height:15px;left:30%;top:-9px;display:block;position:absolute;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);display:none\0/;*display:none}.tooltip > span{padding-top:10px;color:#fff;background:orange;border:1px solid #ffffff}.tooltip span b{background:orange;border-top:1px solid #ffffff;border-right:1px solid #ffffff}.mbtcmts .itotal {color:#333; padding:3px 3px 3px 10px; border:1px solid #eee; font-family:arial; font-size:12px;}
.mbtcmts .itotal i {font-style:normal;}
.mbtcmts .itotal span{font-family:oswald;  font-weight:normal; color:#333; text-decoration:none}
.mbtcmts .itotal span:before {font-family:FontAwesome; position:relative; content:'\f075'; }</style>

<div id="mbtloading" ></div>
<script type="text/javascript">
function mbtcmts(json) {
document.write('<ul class="mbtcmts">');
for (var i = 0; i < ListCount; i++)
{
//################### Declaración de Variables
var listing= ListImage = ListUrl = ListDate = TotalPosts = ListTitle = ListImage = ListContent = ListConten = ListAuthor = ListTag = ListProfile = ListComments = thumbUrl = sk = ListMonth = Y = D = M = m =  "";
//################### URL
for (var j = 0; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
if(json.feed.entry[i].link[2] != null)
{
ListUrl= "'" + json.feed.entry[i].link[j].href + "'";
}
else
{ListUrl = "'#'"}
//####################### Splitting URL into Title
if(json.feed.entry[i].link[2] != null)
{
var mbt_slit = json.feed.entry[i].link[j].href;
        var M_slit = mbt_slit.split("#");
        M_slit = M_slit [0];
        var K_slit = M_slit.split("?");
        K_slit = K_slit[0];
        var B_slit = K_slit.split("/");
        B_slit = B_slit[5];
        B_slit = B_slit.split(".html");
        B_slit = B_slit [0];
        var T_slit= B_slit.replace(/-/g, " ").charAt(0).toUpperCase()+ B_slit.replace(/-/g, " ").slice(1).substring(0, 50);
        var Link_slit= T_slit.link(K_slit);
}
//################### Información
TotalPosts = json.feed.openSearch$totalResults.$t;
ListAuthor= json.feed.entry[i].author[0].name.$t;
var ListAuth = ListAuthor.split(" ");
var ListAuth = ListAuth.slice(0, 1).join(" ");
ListProfile= "'" + json.feed.entry[i].author[0].uri.$t + "'";
//################### Chequeo de contenido
ListConten = json.feed.entry[i].content.$t;
ListContent= ListConten.replace(/(<([^>]+)>)/ig,"").substring(0, ChrCount);
//################### Formato de Fecha
ListMonth= ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
ListDate= json.feed.entry[i].published.$t.substring(0, 10);
                         Y = ListDate.substring(0, 4);
                        m = ListDate.substring(5, 7);
                         D = ListDate.substring(8, 10);
                         M = ListMonth[parseInt(m - 1)];                    
//################### Chequeo de foto usuario
if (json.feed.entry[i].author)
{
thumbUrl = json.feed.entry[i].author[0].gd$image.src;
sk= thumbUrl.replace("/s72-c/","/s60-c/");
ListImage= "'" + sk + "'";
}
else
{
ListImage= "'http://4.bp.blogspot.com/-HALLtgFeep0/VfryhQ0C5oI/AAAAAAAAPcY/77mSGND4q84/s200/Icon.png'";
}
//################### Mostrando lista de datos
var listing = "<li class='node"+[i]+"' ><a rel='nofollow' href="
+ListProfile+
  "><img src="
+ListImage+
"/></a><a class='ititle tooltip' href="
+ListUrl +
"target='_blank'><span><b></b>"
+ListAuth+
" Comentó el día » "
+ M +
" "
+ D +
", "
+ Y +
"</span>"
+ ListAuthor+
"</a> <i> comentó en</i>  <span class='ipostTitle'><a class='tooltip'  href='"
+K_slit+
"'><span><b></b>"
+T_slit+
"</span></a></span><span class='icontent'>" + ListContent+" ...   <a href="+ListUrl+">  » </a></span><div></div></li>";
document.write(listing);
}
document.write('<div class="itotal"> <span> '+TotalPosts+' </span><i>Comentarios tenemos hasta hoy ;)</i></div></ul>');
}
</script>
<script>
var ListCount = 5;
var ChrCount = 90;
</script>
<script src="http://www.blogginred.com/feeds/comments/default?alt=json-in-script&callback=mbtcmts"></script>
<script>document.getElementById("mbtloading").style.display = "none";</script>
4. Lo último por hacer es modificar lo siguiente:

- En color Naranja pondrás la URL de tu blog ya sea dominio personalizado o blog alojado directamente en .blogspot.com

- En color Amarillo tenemos el mensaje que sale al final de gadget indicando la cantidad de comenta.

Y listo queda que guardemos el gadget y observemos la magia del truco.