Código, Web y SEO

sábado, 31 de mayo de 2014

Poner botones redes sociales en las entradas de blogger

La vinculación de nuestros blogs con la redes sociales es algo importante y fundamental para obtener buenas visitas a neustro sitio sea cual sea su temario, así que hoy les compartiré y enseñaré como poner o colocar los botones de redes sociales en cada una de las entradas de nuestros blogs, al final se verá así:


Para lograr esto muy sencillo haremos los siguientes pasos:

1. Nos dirigimos  PLANTILLA | EDICIÓN HTML y allí buscamos el código </head> , antes de este pegamos lo siguiente:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
// Twitter
(function (a, b, c){var d=a.getElementsByTagName(b)[0];if (!a.getElementById(c)){a=a.createElement(b);a.id=c;a.src=&quot;//platform.twitter.com/widgets.js&quot;;d.parentNode.insertBefore(a, d)}})(document, &quot;script&quot;, &quot;twitter-wjs&quot;);
</script>
<style type='text/css'>
#barrasocial {
float: left;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
width: 580px;
margin-bottom: 20px;
margin-left: -10px;
margin-top: 10px;
}
.cabecera h5 {
float: left;
padding-right: 20px;
font-size: 16px;
padding-top: 14px;
text-transform: uppercase;
font-weight: bold;
margin: 0px;
padding-left: 10px;
}
.rtwitter, .rface, .g-plusones {
float: left;
border-left: 1px solid #eaeaea;
padding-left: 18px;
padding-top: 15px;
padding-bottom: 10px;
}
.g-plusones {
margin-left: 30px;
}
</style>
</b:if>
Hecho esto; ahora buscaremos esta línea:


<div class='post-header-line-1'/>

Si les sale dos veces la anterior línea peguenlo en la segunda aunque varia según el blog pueden probarlo debajo de las que están hasta que funcione, ahora justo debajo de ese código pegamos lo siguiente:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='barrasocial'>
<div class='cabecera'>
<h5>COMPARTE&#187;&#187;</h5>
</div>
<div class='rtwitter'>
<a class='twitter-share-button' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</div>
<div class='rface'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=true&amp;width=120&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:120px; height:21px'/>
</div>
<div class='g-plusones'>
<g:plus action='share' annotation='bubble' expr:href='data:post.url'/>
</div>
</div>
</b:if>

Y estuvo ahora en cada entrada de nuestro blog, aparecerán los botones sociales para compartir nuestras publicaciones.

Hasta la próxima,

jueves, 29 de mayo de 2014

Operadores Aritméticos en Java



Como parte de este tercer módulo vamos a identificar y diferenciar los operadores aritméticos que el Lenguaje de Programación Java maneja, el objetivo de este módulo es que se logre aprender en que casos o cuando utilizar estos operadores con los cuales se podrán crear distintas interacciones entre los componentes de nuestro programa, además se hará un pequeño programa el cual será de ejemplo para mostrar la declaración de variables, su respectiva inicialización y las operaciones que podemos hacer con ellas dependiento de su tipo.


La inicialización en un proyecto de programación consiste en asignar valores dependiendo de su respectivo tipo de dato a las variables.

En el método constructor se asignan a las variables los valores que van a tomar, asi sean asignados desde la ejecución del programa o que entren por parámetro.

Las variables auxiliares son aquellas que existen dentro de un método y que solo se ejecutan durante ese método, en ellas se guardan datos con los cuales se pueden interactuar para facilitar la saloción del método.

En el siguiente video les explicaré mediante la presentación de unos pequeños programas el uso de los operadores aritméticos:




Los operadores aritméticos se ejecutan con un orden predeterminado en el compilador de Java el cual es el siguiente:


Aquí termina este módulo respecto a operadores aritméticos, en el siguiente módulo se manejarán los Operadores lógicos y el uso del if - else.

miércoles, 28 de mayo de 2014

Qué hacer cuando copian contenido de mi blog - Usando script para poner fuente original

Generalmente y como a muchos buenos blogs y sitios webs les ha ocurrido la pequeña incomodidad de que copien su contenido, esto a causa de la vagancia de quien lo copia que en cuya acción ni los créditos atribuye a quién hizo el artículo original; sin embargo, esto es algo que no se puede evitar del todo, pero, si podemos causarle ciertas molestías a quien nos copia el contenido de forma incorrecta.


Dicho esto quiero mostrarles cómo no evitar del todo este problema, pero, sí hacer una pequeña causa y ameritar que se respete el contenido de cada sitio cuando alguien lo usa sin dar los debidos créditos, para ello sólo será necesario pegar un par de códigos en la plantilla de nuestro blog.

De esta forma nos dirigimos a Plantilla | editor html y procedemos a buscar la etiqueta <body>, ahora borramos esa etiqueta y en su lugar la reemplazamos por:

<body oncopy='return addLink()'>

Si bien en el código anterior al mismo body sólo se le agregó lo que está en azul, listo esto continuaremos con este código el cual deberá pegarse justo antes de </html>:
 

<script type='text/javascript'>
//Cambiar mi.DOMINIO.com
var Ancla = [&quot;www.TUBLOG.com&quot;, &quot;TUBLOG.com&quot;,  document.location.href,  document.title];
var Texto = [&quot;Fuente:&quot;, &quot;Leer completo:&quot;];

var AnclaRandom = Ancla[Math.floor(Math.random() * Ancla.length)];
var TextoRandom = Texto[Math.floor(Math.random() * Texto.length)];

function addLink() {
 var body_element = document.getElementsByTagName(&#39;body&#39;)[0];
 var selection;
 selection = window.getSelection();
  var pagelink = &quot;<br/><br/>&quot;+TextoRandom+&quot; <a href='&quot;+document.location.href+&quot;'>&quot;+AnclaRandom+&quot;</a>&quot;;
 var copytext = selection + pagelink;

 var newdiv = document.createElement(&#39;p&#39;);
 body_element.appendChild(newdiv);
 newdiv.innerHTML = copytext;
 selection.selectAllChildren(newdiv);

 window.setTimeout(function() {
  body_element.removeChild(newdiv);
 },0);
}
</script>

En el código anterior sólo se cambiará lo que dice TUBLOG.com, por la dirección de nuestro blog, hecho esto procedemos a guardar la plantilla y estuvo.

EXPLICANDO SU FUNCIÓN 

El funcionamiento es bastante sencillo suponiendo que tenemos "x" texto en nuestro blog y alguien desea llevarselo porque sí, y lo copia cuando lo pegue de forma automática el al texto se le añade la fuente origianl del sitio es decir:

Y es todo, aclaro que lógicamente la parte final se puede borrar, pero, a toda aquel que siempre nos roba el contenido se le hará cansón estar haciendo esto con cada texto que copie.. "Más vale pájaro en mano, que cién volando"...

Hasta la próxima,

jueves, 22 de mayo de 2014

Calificar entradas en Blogger

Tener un sistema de calificación de entradas en nuestro blog es importante, pues aparte de la opinión de nuestros lectores su calificación también es importante para determinar la calidad de nuestras entradas; así pues hoy les comparto y les enseño cómo instalar un sistema de calificaciones en nuestro blog para ello haremos lo siguiente:



Para insertarlo en nuestro blog vamos a Plantilla | Editar HTML y buscamos esta línea:
<div class='post-footer'>
Debajo de ella pegamos el siguiente código:
<div align="right">
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <data:label.name/>,</b:loop></b:if></div>Califica este artículo: <div expr:id='data:post.id' class='ffbs_rate'>{[[&#39;&lt;img src=&quot;http://static.graddit.com/img/star.png&quot;/&gt;&#39;]]}</div> <div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats'></div>
<script type='text/javascript' expr:src='&quot;http://graddit.com/rate/eng/5/&quot; + data:post.id + &quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + &quot;&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;class_star_vote=ffbs_star_img_vote&amp;views=yes&amp;votes=yes&amp;average=yes&quot;'></script>
</b:if>
</div>

Esto es todo para que esté en funcionamiento el nuevo sistema de calificaciones en sus entradas de Blogger.


¿No Comprendes muy bien? 
Mira el vídeo.

Calificación entradas - Blogger

martes, 20 de mayo de 2014

Diagramas de Casos de Usos



Los diagramas de casos de uso son muy útiles a la hora de crear un proyecto de programación, ya que en ellos vamos a representar las funcionalidades que nuestro proyecto posee.

Es muy importante manejar el sistema como lo que es:
---> Entrada
---> Procesamiento
---> Salida

Donde la Entrada serán los datos, los problemas y los requerimientos funcionales que conocemos y por los cuales se es necesario crear el Programa que lo resuelva.

El Procesamiento son todos los métodos y toda clase de acción que hagamos con lo que nos dan en la Entrada.

La Salida es el programa listo, el cual resuelve todos los requerimientos funcionales y esta accesible al usuario que lo necesite.

Para mayor claridad de esto, y para la creación de los Diagramas de Casos de Usos les dejo este video, en el cual está explicado el proceso: 

 
 
Esto es todo por parte de este segundo módulo, los espero en el tercer módulo Diagramas de Clases.

Hacer un "Hola Mundo" en Lenguaje JAVA



En este segundo módulo explicaremos el Lenguaje de programación Java.

Como sabemos cada Entorno de desarrollo integrado(en nuestro caso Eclipse) posee un lenguaje de Programación propio, que en algunos casos son muy similares a otros. Pero lo que en realidad marca la diferencia es la sintáxis que manejan, esto es en realidad lo que nos da la capacidad de decir que lenguajes son mas complejos que otros.

Lenguaje de Programación de Java:

Aquí una breve explicación del Lenguaje de Programación de Java(tipos de datos, visibilidad, etc):


 
Teniendo esto claro, procedemos a conocer la interfaz de usuario de Eclipse y crear el primer programa:


Dando este módulo por concluido los espero en el Módulo 3 (Operadores Aritméticos y Clase Constructora)


lunes, 19 de mayo de 2014

Diagramas de Clases y Casos de Uso



El crear diagramas de clases y de casos de usos, es algo muy propio para la Ingeniera de Sistemas, ya que éste es un complemente básico para la creación de programas con una mayor orden y una mayor capacidad de entendimiento respecto a lo que nuestro programa sería capaz de hacer.

Para hacer este trabajo mas sencillo, existen herramientas muy útiles, pero sin duda la más básica que debe manejar un ingeniero es Visual Paradigm, el cual es un programa con una interfaz de usuario cómoda y entendible.

Descarga gratuita de Visual Paradigm : clic aquí para iniciar la descarga.

Al ejecutar este archivo debemos aceptar la licencia, elegir uso no comercial y cuando pida la clave de activación simplemente dar clic en la opción iniciar o start.

Se debería abrir el programa así:


El programa nos lanzará una ventana emergente la cual pregunta si desea ingresar la clave de producto de este programa, simplemente damos clic en la opción "remind me later".

Esto es todo por parte del primer Módulo, en el segundo módulo se explicará la creación de Diagramas de Casos de Usos y en el tercer módulo la creación de Diagramas de Clases.

sábado, 17 de mayo de 2014

Cómo activar o liberar Bluetooth en Iphone 3G

Quizá para algunos en principio se hizo de mucha dificultad el activar el Bluetooth del viejo modelo Iphone 3G, y es que aunque es muy sencillo cualquiera se puede perder así que, hoy mostraré como lograr esta hazaña, veamos:




Lo primero será dirigirse a "Ajustes":




Luego, dirigirse a General:




Finalmente se verá allí la opción de Bluetooth en la cual se presiona y sólo se mueve la barra para activarlo:


El dispositivo estará activado y preparado para su uso por medio de Bluetooth, para su desactivación es el mismo proceso:


Es todo no se necesita más....

viernes, 16 de mayo de 2014

Programar en JAVA desde cero

Bienvenidos a este curso de Programación Orientada a Objetos Java,en este primer módulo empezaremos dando a conocer Java en un plano general, utilizando como entorno de desarrollo integrado Eclipse.

Java es el lenguaje de programación mas usado a nivel mundial el cual esta bajo posesión de la empresa Oracle. Su propósito general es orientado a objetos, crear programas que logren resolver problemas que se presentan en distintos ámbitos de la vida cotidiana.

Para trabajar con Java se necesita un entorno de desarrollo integrado, el cuál es Eclipse, puesto que presenta herramientas muy útiles en cuanto a la reducción de tiempo en el cuál se realizan los proyectos.

En los siguientes links podrán descargar Eclipse para el Sistema Operativo Windows de 32 y 64 bits


Eclipse Windows 32 bits : clic aquí para iniciar la descarga.

Eclipse Windows 64 bits : clic aquí para iniciar la descarga.

Para poder ejecutar Eclipse en tu PC, primero debes haber descargado y ejecutado tres archivos que son los complementos del programa. Todos los ejecutables son totalmente confiables ya que se descargan directamente de las páginas oficiales de Java y Oracle. Uno es Java, el segundo es el JDK (java development kit), y el tercero el JRE (java runtime environment).

Descarga gratuita software Java: clic aquí para iniciar la descarga.



Para los ejecutables JDK y JRE al ingresar al link primero damos clic en la opción Accept License Agreement, con lo cual aceptamos la licencia del ejecutable y escogemos el ejecutable dependiendo de los bits con los que trabaje nuestro sistema operativo.
Descarga gratuita software Java JDK: clic aquí para iniciar la descarga.


Descarga gratuita software Java JRE: clic aquí para iniciar la descarga.

En el caso del JRE aparecen la opción Windows x86, recordemos que Windows x86 bits es igual que Windows x32 bits.

Esto es todo por parte del primero Módulo, en el siguiente módulo presentaremos la interfaz de Eclipse y la creación del primer programa "Hola Mundo!".

Personalizar texto (fuente tamaño color), imágenes y colores en HTML

En el cuarto módulo del curso de HTML básico mostraré como colocar imágenes, personalizar texto, y poner colores a ciertos elementos por ejemplo un color de fondo a nuestro archivo html, bien teniendo en cuenta que ya se sabe la estructura básica un documento html, además de que porporcioné una gran parte de etiquetas usadas en este lenguaje y como implementarlas, supondremos como darle color a un texto o poner una imagen y ajustar su tamaño, para ello iniciamos:

Color, tamaño y fuente de texto en HTML

Ya se tiene conocimiento sobre la estructura básica así que, para incorporar texto sabemos que va entre las etiquetas base <body> y </body> de esta forma llevo con mi texto:
 <html>
      <head>

      </head>

      <body>
  Campo para mi texto

      </body>
    
 </html>

Ahora tengo el texto normal su visualización seria muy simple: 

 A continuación daré en el siguiente orden las propiedades que aplicaré, color, tamaño letra y fuente de letra

<html>
      <head>

      </head>

      <body>

  <font color="blue" font="Comic Sans MS" size="20"> Campo para mi texto </font>

      </body>
 </html>

Si bien se ve para aplicar nuevas etiquetas a un texto se necesita abrir otra con <font> y se cierra al final de texto a afectar con </font>, pero, dichas propiedades van entre font y antes del ">" es decir:


Analizando cada propiedad dentro la etiqueta:

- Al escribir una propiedad dentro de una etiqueta sea cual sea esta siempre irá en formato [propiedad="valor"] con una real diría [color="yellow"] si queremos aplicar otra propiedad dentro de la misma etiqueta basta con dar un espacio y poner la nueva que se quiere es decir, [color="yellow" size="34"]

Con el código escrito anteriormente se obtiene un resultado así:


Si bien vemos que todo lo que quise se aplicó, el Color azul, letra arial y tamaño de fuente 20 recondando que debo cerrar con </font> para que sólo afecte ese fragmento.

Algunas propiedades para las imágenes en HTML

También a las imágenes podemos definirle propiedades, pero para poner una imagen en HTML, es igual, entre las etiquetas <body> </body>, se define la etiqueta de imagen de esta forma:
<IMG SRC="Link o ruta de la imagen">

Si bien es muy fácil sólo se reemplaza donde dice "Link o ruta de la imagen" por la que es, en mi caso usaré el link del logo de bloggin Red y quedaría:


Su visualización en el navegador seria:


Estableciendo tamaño a las imágenes, para ello usamos las propiedades alto y ancho teniendo en cuenta el concepto anterior de como escribir las propiedades se usa el mismo método:
<IMG SRC="http://3.bp.blogspot.com/--Ow-Mequ2vs/UtxNRpQSKfI/AAAAAAAAEM0/jcq7e1xnAs0/s1600/CABECERA%2BDINAMICA.png" WIDTH="178" HEIGHT="180">

Visualizando así en el navegador:


Se tiene en cuenta que le podemos poner cualquier valor a la propiedad en imágenes.

Cambiando el fondo de un Archivo HTML

Existe algo en <body> en lo cual se puede personalizar el fondo del sitio en html el código que se utiliza con su debdia propiedad es:


<BODY BGCOLOR="red">

El atributo BGCOLOR="color" da el color de fondo a nuestro sito veamos como queda:



De tal forma que la visualización de todo mi código es: 




jueves, 15 de mayo de 2014

Como evitar que hackeen mi cuenta de Facebook

  Muchos buscan como hackear cuentas de facebook, bueno algunos lo hacen con fines personales otros para ganar dinero cobrando sus "chichipatadas"...en fin hoy quiero  darles algunos tips para que refuerzen la seguridad de su cuenta de facebook y le pongan más sentido común a lo que ven y lo que clickean:

1.  Lo más lógico reforzar nuestra cuenta con una buena contraseña lo aconsejable es una combinación de letras, números y caracteres Ej:  54b78a95/   Como ven esa contraseña es mucho más fuerte que por ejemplo  soydeportistadecorazon... Pues Resulta que la primera lleva una serie de fuertes combinados mientras que la segunda solo son letras.



2. No caigas en "pishing" (fraude en internet)  Así es hay muchos ejemplos de pishing este método no solo es con facebook..se puede hacer con cualquier web pues se trata de duplicarla o ingeniar algo parecido teniendo como objetivo que el usuario caiga y ponga sus datos de login en dicha web creyendo que es la oficial o verdadera veamos algunos ejemplos:


Aquí pide que por favor ingreses tu user y tu pass bueno todo se sabe mirando el link  de la pagina así mismo se determina si es pishing o no.

Aquí está más que claro que es pishing....porque el link de facebook es https://www.facebook.com y este con acces.com es erróneo así que la clave está en los links mucho ojo:


3.  Agrega dos o más direcciones de correo en facebook...pues así tienes más posibilidades de salvar tu cuenta ¿Cómo lo haces? Bueno en tu cuenta de facebook vas Configuración de la cuenta y darán donde dice Correo Electrónico allí colocan un correo alternativo recuerda después de introducirlo deberás abrir dicho correo y validar el correo en tu facebook:



4. Este ya es un poco más exigente por así decirlo, pero, la verdad reduce mucho la probabilidad de que hagan maldades con tu cuenta de facebook pues el atacante puede obtener tu clave de facebook y todo, pero, la hora de la verdad esta después de otro código vía mensaje de texto que te pedirá es decir muy bueno pero cansa mucho:



5. Tener cuidado con los Keyloggers..¿qué son?...Bueno son por decirlo así software que se instala por otra persona para espiar todo lo que tecleas en el equipo en el cual trabajes Ejemplo:
Se ve claramente como este keylogger registra todo lo tecleado todo es todo pero esto pasa más que todo en servicios de internet público (cybers) Así que te recomiendo escribas por lo menos tu contraseña y correo usando el teclado virtual que trae Windows puesto que este no lo registra el keylogger...de tal modo hay un poco de seguridad.


7. Ten cuidado con los links que te envían por chat A veces No es esa persona quien los envía sino que es spam Y ese spam puede traer alguna consecuencia si lo abres todo es relativo por quien lo hubiése creado. EN TODO CASO MUY PENDIENTE.




ESTO ES LO BÁSICO A TENER EN CUENTA SI ERES DE AQUELLOS AFICIONADOS A LAS REDES SOCIALES

Mostrar contraseña de facebook desde la misma página web

Bien hoy enseñaré como visualizar una contraseña ya escrita o que cuando la escriban en vez de salir los puntitos clásicos de protección salga la contraseña como tal, de que manera ? editando un poco los componentes de la página principal de facebook con Google Chrome bien comencemos:

¿MEJOR UN VÍDEO? 

Entramos a facebook estando listos para poner pass y contraseña:


Bien todo normal hasta aquí, por ejemplo ustedes quisieran ver la contraseña de un amigo suyo que entro en tu PC pero escribió los datos y no le dio entrar sólo fue al baño y dejó así y luego volvía, muchos fracasan pensando que le dan copiar a la pass y ya, pues esta no se deja entonces haremos lo siguiente usaré un correo y contraseña cualquiera:


Bueno como decía anteriormente si piensas que dándole copiar estuvo pues no, esta función no esta activa, entonces Cómo hacerlo ?... LO haremos de la siguiente manera si tu amigo o victima o sólo por saber dejó así como en la imagen anterior el correo y la PASS pero no le dio entrar  descifraremos su contraseña ( O apuestale a tu amigo que le adivinas la contraseña delante de el):

- Seleccionaremos la contraseña y daremos clic derecho > Inspeccionar elemento:


Después nos saldrá una ventana inferior llena de códigos y caracteres:


Lo que está encerrado es todo lo contenido de facebook que seleccionamos es decir la contraseña y su casilla de escritura, ahora, cambiaremos dentro de esa línea donde diga:




type="password"


Ahora cambiaremos lo que dice "Password" por la palabra "text" dejando las comillas, no las borres o sea quedaría así:


type="text"


Al dejarlo en text automáticamente en el campo de contraseña en el login de facebook se descifrará la contraseña:



Como ven arriba en el cuadro negro se visualiza todo porque en la casilla roja donde salia Password lo cambiamos por text, muy fácil y curioso por diversión o por apostar con sus amigos para que los sorprendas, anexo que este método se puede aplicar en cualquier web que maneje el mismo sistema de contraseña :) hasta pronto. 

martes, 13 de mayo de 2014

Distribución de Ubuntu-Linux para electrónicos - Fedora electronic Lab

Hablando de todo un poco es bueno enfocar en un tema que hace tiempo no tocaba la electrónica pero en base de los sistemas, siendo preciso les enseñaré un Sistema Operativo basado en una distribución de Ubuntu- Linux, la cual enfoca su máximo desarrollo para aquellos estudiantes de ingenierías y tecnologías en electrónica o aquellos curiosos fanáticos de lo mismo.


 Fedora Electronic LAB, es un laboratorio electrónico dedicado de lleno a la simulación, programación de PICS entre otras funciones


Además de favorecer la parte de programación, a la hora de instalar esta distribución no necesita compliques pues en unos 5 minutos ya la tendrán lista para usar, para lo que recomiendo es si usan windows descarguen vmware como emulador de sistemas operativos y dentro de él, ejecuten Fedora electronic lab.

Y su sencillez en la interfaz gráfica hace que sea amigable y fácil de ejecutar un programa de ejemplo puede el "calculador de resistencias":


Entre otras varias funciones que quizá a todo aquel que lo pruebe le sacará un buen partido; para descargarlo pueden:


Allí se visualiza diferentes descargar unas por torrent y otras directas yo les recomiendo por Torrent:


Al final quedará un .ISO en su equipo el cual deben correr como dije con anterioridad en una máquina virtual para tener dos sistemas operativos en un sólo disco dejando de principal Windows u otra SO.

Amigos, es todo en este post espero les guste esta Distro...

domingo, 11 de mayo de 2014

Gadget de comentarios recientes en Blogger (l)

A los Bloggers que leen esta nota hoy les enseñaré de forma sencilla como poner el gadget de últimos comentarios en nuestros blogs, su visualización en el blog quedará así:


 Interesante!... Para insertar este Gadget en nuestro blog vamos a Diseño > Añadir un Gadget > HTML/JavaScript allí pegaremos el siguiente código:


<style type="text/css">
ul.latest_recent_comments{list-style:none;margin:0;padding:0}
.latest_recent_comments li{position: relative;background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none}
.latest_recent_comments li a{float:right;width:250px;font-size:12px;font-family:Arial;color:#888;background:#2c2c2c;margin-top:9px;padding:10px 7px 5px;border:1px solid #161616;border-right:3px solid #5390ad}
.latest_recent_comments li a:hover{color:#fff !important}
.latest_recent_comments li a:hover{color:#5390ad;background:#2c2c2c}
.latest_recent_comments li .avatarImage{float:left;margin:0 6px 0 0;position:relative;overflow:hidden}
.avatarRound{width:34px;height:34px}
.latest_recent_comments li img{padding:0;position:relative;overflow:hidden;display:block}
.latest_recent_comments li span{position: absolute;left:42px;padding:1px 3px;color:#8f887c;background:#444;display:block;font-size:12px;line-height:1.4}
.latest_recent_comments span{display:none}
</style>
<script type='text/javascript'>
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('8 z=z||5,2=2||1E,p=p||18,7=7||"17://14.13.6/-11-V/U-1y/1t/1b/12/10.w",x=x||" X &1d;",k="l"===m k?!0:k,n="l"===m n?!1:n,9="l"===m 9?!0:9,K="l"===m K?!1:9;16 M(h){8 c;c=\'<E B="M">\';A(8 e=0;e<z;e++){8 f,g,a,d;15(e==h.F.G.o)1c;c+="<H>";8 b=h.F.G[e];A(d=0;d<b.r.o;d++)"S"==b.r[d].T&&(f=b.r[d].y);A(d=0;d<b.v.o;d++)g=b.v[d].W.$t,a=b.v[d].Y$Z.I;-1!=a.3("/J/")?a=a.q("/J/","/s"+2+"-c/"):-1!=a.3("/D/")?a=a.q("/D/","/s"+2+"-c/"):-1!=a.3("/L-c/")&&0!=a.3("j:")?a="j:"+a.q("/L-c/","/s"+2+"-c/"):-1!=a.3("u.6/i/1a-N.C")?a="j://1.O.P.6/-1e/1f/1g/1h-1i/s"+2+"/1j.w":-1!=a.3("u.6/i/1k-N.C")?a="j://4.O.P.6/-1l/1m/1n/1o/s"+2+"/1p.w":-1!=a.3("u.6/i/1q.C")&&(a=-1!=7.3("1r.6")?7+"&s="+2:7);!0==k&&(d=!0==9?"1s":"",c+=\'<Q B="1u \'+d+\'"><i B="\'+d+\'" I="\'+a+\'" 1v="\'+g+\'" 1w="\'+2+\'" 1x="\'+2+\'"/></Q>\');c+="<R>"+g+"</R>";b=b.1z.$t.q(/(<([^>]+)>)/1A,"");""!=b&&b.o>p&&(b=b.1B(0,p),b+="&1C;",!0==n&&(b+=\'<a y="\'+f+\'">\'+x+"</a>"));c+=\'<a y="\'+f+\'">\'+b+"</a>";c+="</H>"}c+="</E>";1D.19(c)};',62,103,'||avatarSize|indexOf|||com|defaultAvatar|var|roundAvatar|||||||||img|http|showAvatar|undefined|typeof|showMorelink|length|characters|replace|link|||blogblog|author|png|moreLinktext|href|numComments|for|class|gif|s220|ul|feed|entry|li|src|s1600|hideCredits|s512|latest_recent_comments|rounded|bp|blogspot|div|span|alternate|rel|UPb7SL|32nw|name|More|gd|image|personal|5YeC_6|s80|googleusercontent|lh5|if|function|https|40|write|b16|QJRpUV7G9bc|break|raquo|NAMZejK41So|T0evV0_SSUI|AAAAAAAACso|ol6|PKkZipA|md_blogger_logo|openid16|k0U7v1WpNRs|T0euKMHQi_I|AAAAAAAACsg|DNqzinhvxt4|md_openid_logo|blank|gravatar|avatarRound|AAAAAAAABWE|avatarImage|alt|width|height|uGXI|content|ig|substring|hellip|document|34'.split('|'),0,{}))
</script>
<script type="text/javascript" src="http://NOMBRETUBLOG.blogspot.com/feeds/comments/default?alt=json&callback=latest_recent_comments&max-results=5"></script>

Ahora simplemente reemplazamos en el código lo que está en naranja por la URL de nuestro blog, y procedemos a guardar, muy simple.

Si presentan dudas pueden comentar...

viernes, 9 de mayo de 2014

Cómo poner fotos a blanco y negro en Photoshop


¿No quieres leer? Tranquil@ lo tenemos en vídeo sólo guíate


Los efectos a blanco y negro en las fotografías son buenos y a muchos les gusta, pero, no todos saben hacerlo así que hoy expondré como lograr este sencillo efecto con Photoshop, aclaro que no importa la versión del Software en casi todos son los mismo pasos, entonces:

Descargar photoshop cs6 portable full un link directo sin publicidad facebook jajaj
Lo primero y lógico será abrir photoshop, luego, se procede a cargar el archivo, foto o imagen a la que se le quiere dar el efecto, en mi caso pondré esta:


Listo esto se ahora me dirijo en el menu horizontal a Imagen:


Luego, de imagen voy a ajustes y en ajustes selecciono "Blanco y negro":


Después de clickear en la opción blanco y negro desplegará un cuadro de configuración de colores o tonos de color, lo que recomiendo es que llo dejen así y den aceptar, pero, si prefieren configurar un poco las tonos no pasa nada esto va a gusto de cada quien:


Después de dar OK la foto o imagen estará a blanco y negro al final sólo queda guardarla en el equipo, para ello se va a archivo > guardar como > en formato se escoge jpg o png y se le da ok y estuvo:


La imagen ya modificada:


Es todo en este post muy fácil... Hasta la próxima.-

SÍGUENOS EN: