Código, Web y SEO

lunes, 20 de febrero de 2017

Desencriptar - descifrar MD5 en línea sin programas



Este post lleva sus años escrito el sitio originalmente mencionado ha muerto es por ello que hoy actualizaré la lista de sitios con los cuales podrás descifrar las contraseñas encriptadas en MD5 sin más veamos:

La página web en cuestión es la siguiente "md5online.es" se verá algo así:

 



viernes, 17 de febrero de 2017

Cómo hacer efecto circular-circulo a imágenes en CSS blogger

Hoy vamos a ver como lograr que nuestras imágenes las que deseemos tengan un efecto circular como el siguiente únicamente con CSS:


¿Genial no? muy bien sin más vamos a proceder al tutorial el cuál es bastante sencillo de seguir.

EL TUTORIAL

1. Usar la hoja de estilos CSS el cuál contiene el efecto de redondear imágenes puedes copiarlo y pegarlo en tu plantilla en Diseño > Editar HTML y buscas ]]></b:skin> justo arriba pega lo siguiente: 
.img-rounded {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
2. Ahora sólo queda usar el siguiente código en una entrada, gadget o si lo deseas en la misma plantilla:
<img class="img-rounded" src="LINK DE TU IMAGEN" /> 
 Y listo sólo queda guardar nuestro nuevo CSS completo.

El resultado aquí:

 

viernes, 10 de febrero de 2017

"Anti AdBlock Script" bloquear entradas a visitantes que usen AdBlock en Blogger

¡Nuevo post! Veamos Adblock es un arma de doble filo, si lo usamos como visitantes de un sitio nos salva de tanta publicidad, pero, si somos editores de nuestras webs o blogs quién lo use con nosotros nos afectará porque no monetizaremos con ese usuario 😓 de esta forma sí lees este post es porque el segundo caso aplica para ti y eres amo y señor de un blog, pues hoy vamos a ver como parar a aquellos usuarios que usan blogger y deben desactivarlo para ver nuestro contenido.

Puedes ver un demo aquí:

http://demo.bloggerhacking.com/2016/08/stop-users-using-adblocker-in-blogger.html#
 

 EL TUTORIAL

1. Lo primero será ir a Blogger > Diseño > HTML/JavaScript.


2. Allí pegaremos el siguiente código:
<style>#g207{position:fixed!important;position:absolute;top:0;top:expression
((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document
.body.scrollTop)+"px");
left:0;width:100%;height:100%;background-color:#fff;opacity:0.9;filter:alpha(opacity=90);display:block}#g207 p{opacity:1;filter:none;font:bold 16px Verdana,Arial,sans-serif;text-align:center;margin:20% 0}#g207 p a,#g207 p i{font-size:12px}#g207 ~ *{display:none}
</style><noscript><i id=g207><p>Please enable JavaScript!<br />Bitte aktiviere JavaScript!<br />S'il vous pla&icirc;t activer JavaScript!<br />Por favor,activa el JavaScript!<br /><a href="http://antiblock.org/">antiblock.org</a></p></i></noscript><script>(function(w,u){var d=w.document,z=typeof u;function g207(){function c(c,i){var e=d.createElement('i'),b=d.body,s=b.style,l=b.childNodes.length;if(typeof i!=z){e.setAttribute('id',i);s.margin=s.padding=0;s.height='100%';l=Math.floor(Math.random()*l)+1}e.innerHTML=c;b.insertBefore(e,b.childNodes[l-1])}function g(i,t){return !t?d.getElementById(i):d.getElementsByTagName(t)};function f(v){if(!g('g207')){c('<p>Por favor desactiva tu Adblocker!<br/>Este blog ofrece contenido gratuito gracias a los anuncios de publicidad <br/> Si nuestro contenido te gusta puedes desactivarlo sólo en nuestro blog, ayúdanos.</p>','g207')}};(function(){var a=['Adrectangle','PageLeaderAd','ad-column','advertising2','divAdBox','mochila-column-right-ad-300x250-1','searchAdSenseBox','ad','ads','adsense'],l=a.length,i,s='',e;for(i=0;i<l;i++){if(!g(a[i])){s+='<a id="'+a[i]+'"></a>'}}c(s);l=a.length;for(i=0;i<l;i++){e=g(a[i]);if(e.offsetParent==null||(w.getComputedStyle?d.defaultView.getComputedStyle(e,null).getPropertyValue('display'):e.currentStyle.display
)=='none'){return f('#'+a[i])}}}());(function(){var t=g(0,'img'),a=['/adaffiliate_','/adops/ad','/adsales/ad','/adsby.','/adtest.','/ajax/ads/ad','/controller/ads/ad','/pageads/ad','/weather/ads/ad','-728x90-'],i;if(typeof t[0]!=z&&typeof t[0].src!=z){i=new Image();i.onload=function(){this.onload=z;this.onerror=function(){f(this.src)};this.src=t[0].src+'#'+a.join('')};i.src=t[0].src}}());(function(){var o={'http://pagead2.googlesyndication.com/pagead/show_ads.js':'google_ad_client','http://js.adscale.de/getads.js':'adscale_slot_id','http://get.mirando.de/mirando.js':'adPlaceId'},S=g(0,'script'),l=S.length-1,n,r,i,v,s;d.write=null;for(i=l;i>=0;--i){s=S[i];if(typeof o[s.src]!=z){n=d.createElement('script');n.type='text/javascript';n.src=s.src;v=o[s.src];w[v]=u;r=S[0];n.onload=n.onreadystatechange=function(){if(typeof w[v]==z&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){n.onload=n.onreadystatechange=null;r.parentNode.removeChild(n);w[v]=null}};r.parentNode.insertBefore(n,r);setTimeout(function(){if(w[v]!==null){f(n.src)}},2000);break}}}())}if(d.addEventListener){w.addEventListener('load',g207,false)}else{w.attachEvent('onload',g207)}})(window);</script>

3. Y sólo queda guardar, listo ¿Fácil no?


EXPLICACIÓN COLORES

- En color azul tenemos el mensaje que le saldrá al lector que use AdBlock e ingrese a nuestro blog.

- En color rojo tenemos todo el CSS de nuestro truco, si sabes CSS puedes modificar fondo, colores, letra del aviso en efecto. 

Muy sencillo y simple más largo es este post.

Es todo hasta la próxima,

sábado, 4 de febrero de 2017

Bloquear a un seguidor de Instagram para que no vea tu historia

¡Un nuevo tutorial! Fácil, se trata de como bloquear a un seguidor de tu cuenta de Instagram o cualquier usuario para que no vea tu historia en Instragram así que vamos a ello.



EL TUTORIAL...

1. Lo primero ir a la configuración de nuestro perfil de Instagram y buscamos la parte donde dice "Configuración de la historia":



2. Alli vamos a la sección que dice "Ocultar historia a" :


3. Por último y fácilmente nos saldrá la lista de todos nuestros seguidores buscaremos el perfil de quienes queremos que no vean nuestra historia en Instagram marcándolo con un chulito y listo así de fácil:


Listo es todo en este post espero les sirva.

Hasta la próxima,
 

miércoles, 18 de enero de 2017

Poner Redes sociales estilo minimalista al final de cada post en blogger 2017



Un post más en Bloggin Red, respondiendo a un seguidor del blog quién gentilmente pidió saber como colocar los iconos sociales que justamente uso en mi blog al final del post podrás verlos el demo.


 
EL TUTORIAL

1. Empecemos es elemental y fácil de hacer, lo primero será ir a Plantilla > editar HTML y buscar el siguiente código </body> justo encima de él pegaremos lo siguiente:
<script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:true};</script>
    <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=nguoiaolam' type='text/javascript'/>

2. Hecho lo anterior ahora vamos a la parte más incómoda y por la cual muchas personas dicen que no funciona es cuestión de paciencia probar y saber  buscar ya que cada plantilla es diferente, debemos buscar el siguiente código en nuestra plantilla <div class='post-footer'> justo debajo de él pegarás el siguiente código:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
                            <style type='text/css'>
.custom_images ul {display:inline; list-style:none}
.custom_images ul li {float:left; margin-right:1px}
</style>
                            
<div class='addthis_toolbox'>
 
<div style='margin: 50px 0px 10px; font-size: 30px;'>Compartir este Post</div>
<div class='custom_images'>
<span class='fade'><ul>
 
  <li><a class='addthis_button_facebook'><img alt='Share to Facebook' border='0' height='57' src='https://lh3.googleusercontent.com/-ErgrNe7VaTM/T4ywntBsxGI/AAAAAAAAJHA/79YM4bBqnf4/s57/Facebook%2520alt%25202.png' width='57'/></a></li>
  <li><a class='addthis_button_twitter'><img alt='Share to Twitter' border='0' height='57' src='https://lh5.googleusercontent.com/-jZW7xfQfo5c/T4ywo5r5yBI/AAAAAAAAJHM/4ZtK0i8IXyA/s57/Twitter%2520alt%25204.png' width='57'/></a></li>
  <li><a class='addthis_button_google_plusone_share'><img alt='Share to Google+' border='0' height='57' src='https://lh5.googleusercontent.com/-l682ZOmTPl8/T4ywn1Z13TI/AAAAAAAAJG8/ncHs61veQOo/s57/Google%252B%2520alt%25202.png' width='57'/></a></li>
  <li><a class='addthis_button_stumbleupon'><img alt='Share to Stumble Upon' border='0' height='57' src='https://lh4.googleusercontent.com/-OBxyCfQlXV4/T4ywonzZx6I/AAAAAAAAJHI/UBRTcapYwCw/s57/StumbleUpon%2520alt.png' width='57'/></a></li>
  <li><a class='addthis_button_evernote'><img alt='Share to Evernote' border='0' height='57' src='https://lh4.googleusercontent.com/-RCzpjgpIEcE/T4y74V6mhzI/AAAAAAAAJH8/ex7WdsezcYk/s57/evernote-icon.png' width='57'/></a></li>
  <li><a class='addthis_button_blogger'><img alt='Share to Blogger' border='0' height='57' src='https://lh6.googleusercontent.com/-DkPVHUpO5Mc/T4y73abYX4I/AAAAAAAAJH0/1xfolEU-Y_k/s57/Google%2520Blogger.png' width='57'/></a></li>
  <li><a class='addthis_button_email'><img alt='Share to Email' border='0' height='57' src='https://lh4.googleusercontent.com/-CxGRg2HeAXc/T4y73bmCVAI/AAAAAAAAJHw/gaA6Y7GwQZU/s57/Mail%2520alt.png' width='57'/></a></li>
  <li><a class='addthis_button_yahoomail'><img alt='Share to Yahoo Messenger' border='0' height='57' src='https://lh6.googleusercontent.com/-z9ucAlSwZ1o/T4y-uaIEpNI/AAAAAAAAJIc/YL6sPfqvFkk/s57/Yahoo%2521%2520alt%25201.png' width='57'/></a></li>
 
</ul></span>
 
</div>
    
</div>
 </b:if>
  
Si en el peor de los casos no te da busca la siguiente línea y pega el mismo anterior código justo debajo <div class='post-footer-line post-footer-line-3'> recuerda paciencia ya que si ves que sirve en mi blog servirá en el tuyo.


3. Hecho lo anterior sólo queda guardar y verificar que todo esté bien.


EXPLICACIÓN COLORES CÓDIGO

- Lo que tenemos en Naranja es el título pequeño que llevará el gadget alusivo a que nuestros lectores compartan el contenido ¡Fácil!.

- Lo que tenemos en Azul son todos los links de cada uno de los iconos sociales recuerda que los puedes reemplazar sin problema alguno.


Es todo en este pequeño post muy fácil, recuerda comentar para dudas ocasionales.

Hasta la próxima BloggeRs,

domingo, 1 de enero de 2017

Reclamar un pago de adsense por Western Union - 2017 fácil y rápido

Un post más en Bloggin Red, hoy voy a explicar en el mayor detalle posible como reclamar nuestro dinero de Google Adsense en este caso por el medio de pago Western Union, vamos que difícil no es, sólo es cuestión de entender bien el protocolo para cada pago que recibimos veamos:


HE CUMPLIDO EL LÍMITE DE 100USD Y AHORA?

Listo! digamos que tienes 100USD o más, la cantidad es lo de menos siempre y cuando lo mínimo que tienes son 100usd y ¿Cómo lo sé? en nuestra cuenta de Adsense tenemos un panel así:


Listo lo importante es tener claro el saldo, ahora, vamos a ver como opera adsense las fechas de corte y las fechas de pago.


FECHAS DE CORTE Y PAGO ADSENSE

Adsense trabaja casi de forma global bajo unas fechas de corte aproximadas, es fácil de entender de la siguiente forma:

- Los días 20 o 21 más comunes, adsense nos notifica que tenemos un "último pago" para reclamar nos llegará un correo algo así: 



- Una vez nos notifican este correo debemos esperar unos 5 días máximo laborales para obtener el MTCN (Un código único de transacción) que se usa en Western Union para reclamar el pago, regularmente el día 23 o 24 de cualquier mes podremos visualizar el MTCN.


¿DÓNDE ESTÁ EL MTCN PARA RECLAMAR POR WU ADSENSE?

Listo, asumiendo que ya te llegó el correo y ya es el día 28 digamos, hace rato tienes el MTCN, sólo falta anotarlo o conocerlo, para ello vamos a adsense y en donde dice saldo hay tres puntos damos clic ahí y saldrá un minipanel donde damos en ver pagos así:


Luego, saldrá un panel completo en donde están los importes y transacciones vamos a dirigirnos a transacciones "Ver transacciones":


Allí buscamos el más reciente campo que salga con algo similar a lo que se ve encerrado en línea azul:


Al dar clic allí a la encerrado en azul nos llevará a una ventana aparte donde nos mostrará el "Recibo de Pago de Google" para reclamar en Western Union:

Se señala el MTCN ese código es el que necesitas

YA TENGO EL MTCN AHORA A DONDE VOY?

Con el MTCN listo como mostré anteriormente lo demás es fácil, pero, ojo el MTCN es distinto en cada pago que recibes y por ende no siempre usarás el mismo para reclamar

El paso final es acercarte a un Western Union en tu ciudad por ejemplo:

Y dices que vas a reclamar un pago, pasas tu documento oficial de identidad, luego, el MTCN dices de quién viene (Google) y listo esperas a que te entreguen el dinero en esencia es eso. 

Listo sería básicamente todo, como ves adsense a optimizado su plataforma y el método para reclamar nuestro dinero por Western Union lo cual es bueno.

Es todo hasta la próxima,  

domingo, 18 de diciembre de 2016

Cómo desbloquear todos los trofeos de Snapchat ¿Cuáles son? 2017

Un sencillo post informativo, si eres usuario de Snapchat sabes que hay una sección de trofeos pero, ¿Sabes cuáles son todos los trofeos de Snapchat? y ¿Cómo se desbloquean? aquí vas a ver como se desbloquea cada uno de ellos.


Cuando cumples un objetivo definido por Snapchat aún tú sin saberlo en tu galería de trofeos se estarán desbloqueando, es importante mencionar que hay trofeos derivados de otros, es decir, sólo al desbloquearlo podrás ver los que debajo de él vienen, en total son 37 trofeos de momento, así que vamos a verlos:






La facilidad para desbloquear cada trofeo varía debido a su alta dificultad en algunos, a tal punto que sólo famosos o personas con muchos seguidores en snapchat podrían lograr, pero, usando la aplicación y sumando puntos tal vez se logre.

Es todo en este sencillo Post informativo,

Hasta la próxima,
 

jueves, 15 de diciembre de 2016

Ingresar configurar clave WIFI de cualquier Modem Claro por Claro Hogar - método legal 2017

Lee el post detenidamente hay ciertos criterios que cumplir
Un post más en BR, para los que son vieja guardia en el blog y lo siguen desde hace un buen tiempo atrás sabrán que suelo hablar de estos aparaticos y como acceder a algunos que he tenido y probado en cada uno métodos muy similares o simplemente métodos completamente distintos.

Algunos de los módems a los que he analizado son:
Sin embargo, de los anteriores módems pertenecientes a CLARO al parecer los métodos que alliberé y que a cientos le sirvieron a fecha de hoy (15/12/2016) según los mismo usuarios ya no es posible hacer el respectivo ingreso a la configuración completa del módem CLARO, por ende traigo a ustedes este método que de entrada trae muchas limitaciones pero que es legal y válido en totalidad por el operador Claro para modificar los datos de nuestro Router en Colombia.


¿Cómo acceder al módem?

A continuación explicaré como acceder a la configuración básica de este modem donde por ahora solamente podrás cambiar el nombre de red y la contraseña que trae la misma, si buscas usar técnicas más avanzadas no es posible con este método ya por así decirlo es un método "legal" que la empresa claro nos brinda desde su sitio web:

CONDICIONES PARA LOGRAR TODO ESTO:

- Debes ser el títular de los servicios de internet o en su defecto simplemente conocer a quién sea el titular y te hables con esa persona.

- Estar registrado en Mi Claro Hogar Colombia por allí configuraremos todo.

- Si no eres titular estar autorizado por el mismo para aplicar este tipo de cambios.

Listo, iniciemos:

1. Lo primero será estar registrado o si ya lo estamos ingresar a Mi Claro Hogar (click aquí para ir) Recuerda si no estás registrado debes hacerlo con la cédula del titular de la línea de internet dónde estás, si no eres tú, habla con esa persona ya que siempre será necesario para otro tipo de servicios:


2. Al ingresar a Mi Claro hogar te deberá salir un panel similar a este, y luego dar clic en mis productos:


3. Al darle a "Mis productos" tendremos varias opciones la de interés es la de internet dando donde dice "Cambiar":

 4. Nos saldrá una ventana modal con tres opciones que pueden apreciar:


5. Vamos a "configuración avazanda" allí como se observa podemos modificar el nombre de nuestra red WIFI, la clave WIFI y el tipo de encriptación de la misma red, es lo único que se puede modificar por allí:


6. Finalmente queda guardar consideró que no profundizaré en la anterior imagen ya que está fácil todo en cuestión para modificar la clave WIFI por ejemplo.

De momento es todo en este post, recuerden que los métodos anteriores con otros posts ya no son posibles por ahora.

Es todo hasta la próxima,

viernes, 25 de noviembre de 2016

Blogger permite agregar emoticones - emojis en las entradas de nuestro blog

Blogger se actualiza y ahora desde hace un par de semanas quizá permite que de forma oficial podamos incorporar en las entradas o posts de nuestros blogs emojis - Emoticones, son muy agradables a la vista, y su incorporación es extremadamente fácil 😌.


¿COMO USARLOS EN TU BLOG? 

Es muy fácil la opción de emojis está puesta en el panel de herramientas de Blogger al escribir una entrada es el símbolo de la cara feliz:


Al abrirlo saldrá una imagen como la primera de arriba y listo allí tenemos múltiples opciones de figuras y demás: 


Úsalo en cualquier posición o palabra conjunta al escribir tus entradas ejemplo:

"💀💫😇😆😝😍😬😴🙊🙇🙋🔠🔖🔎♑🌈🌈🌍🌄🀫🀍♤🀑👡💲📕 "


¿Fácil no? Y tú que opinas sobre este cambio en las entradas de Blogger para publicar.

Hasta la próxima,

sábado, 19 de noviembre de 2016

Gadget posts - artículos recientes de una etiqueta específica en Blogger


Este Gadget es el mismo de aquí, sólo recuerda que es para una etiqueta específica
¡Un post más! Este post será breve, hace unos meses atrás publiqué un Gadget de artículos recientes muy pero muy elegante para el blog a tal punto que muchos quedaron enamorados de él. Bueno, decidé traer el mismo, pero, esta vez no aplicará para las entradas del blog en general, solamente FUNCIONA PARA UNA ETIQUETA ESPECÍFICA en tu blog de blogger.


UN DEMO PARA LA ETIQUETA BLOGGER DE BLOGGIN RED

Muy bien, como vemos el demo bastante bien su funcionamiento trabaja en función sólo de la etiqueta BLOGGER de mi blog, ahora bien vamos a ver como lo puedes implementar tú:

EXPLICACIÓN (MUCHA ATENCIÓN)

Como dije varias veces ya había hecho un post sobre este gadget de posts recientes pero que tomaba los artículos generales de cualquier etiqueta, ahora este post es tal y como lo plantea este lector del blog:


1. Lo primero a realizar será usar el código del gadget de artículos recientes del post original es decir lo siguiente:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<style type="text/css">
#post-gallery {width:100%; margin:0px auto;font:normal 11px Arial,Sans-Serif;color:##000000;padding:8px;}
#post-gallery .rp-item {float:left;display:inline;  position:relative;  margin:2px;  padding:0px 0px;  background: url('http://4.bp.blogspot.com/-0E2ZARxMyAo/UZwiR3XjlvI/AAAAAAAAKDc/3Z8WjltqbCQ/s1600/LOAD+(66).gif') no-repeat 50% 50%;  width:79px;  height:79px;}
#post-gallery .rp-item img {  width:69px;  height:69px;  border:none !important;  margin:0px 0px !important;  padding:0px 0px !important;  background:transparent !important;  display:none;}
#post-gallery .rp-item img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}
#post-gallery .rp-item .rp-child {  position:relative;  top:10%!important;  left:10%!important;  z-index:1000;  width:200px;  background-color:white;  border-bottom:5px solid #1BA1E2;  -webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);  -moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);  box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);  padding:10px 15px;  overflow:hidden;  word-wrap:break-word;  display:none;  opacity: 0.9;}
#post-gallery .rp-item .rp-child h4 {  font-size:12px;  margin:0px 0px 5px;  color:#1BA1E2;}
#post-gallery .rp-item:hover .hidden {display:block;}</style>
<script type="text/javascript">
var rpTitle     = "Últimos artículos",       // Titulo del gadget
    numposts    = 14,      // Numero de posts a mostrar
    numchar     = 200,      // Numero de caracteres a mostrar
    rcFadeSpeed = 600,      // Velocidad
    pBlank      = "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",      // Defecto imagen si el post no tiene
    blogURL     = "http://tublogaqui.blogspot.com/";       // URL de tu blog
</script>
<script src="https://dl.dropboxusercontent.com/s/hcbnv2siy92dws4/recentpostetiqueta.js" type="text/javascript"></script>

2. Lo que está en naranja es donde irá la dirección de tu blog, No explicaré nada más respecto a la personalización ya que en el post anterior porfundicé en ello, ahora, lo que ves en el código en azul al final es el SCRIPT encargado de controlar todo, tendremos que modificarlo el código del script lo copiamos y es el siguiente:

// ESTO ES EL CÓDIGO JAVASCRIPT PARA QUE EL GADGET FUNCIONE
// By http://www.allbloggertricks.com and http://bloggersviet.blogspot.com

$(function() {
    $('div.rp-item img').hide();
    $('div.rp-child').removeClass('hidden');
   
    var winWidth = $(window).width(),
    winHeight     = $(window).height(),
    ttWidth         = $('div.rp-child').outerWidth(),
    ttHeight     = $('div.rp-child').outerHeight(),
    thumbWidth   = $('div.rp-item').outerWidth(),
    thumbHeight  = $('div.rp-item').outerHeight();


    $('div.rp-item').css('position', 'static').mouseenter(function() {
        $('div.rp-child', this).filter(':not(:animated)').fadeIn(rcFadeSpeed);
    }).mousemove(function(e) {   
        var top  = e.pageY+20,
            left = e.pageX+20;
           
            if (top + ttHeight > winHeight) {
                top = winHeight - ttHeight - 40;
            }           
            if (left + ttWidth > winWidth) {
                left = winWidth - ttWidth - 40;
            }   

        $('div.rp-child', this).css({top:top, left:left});

    }).mouseleave(function() {
        $('div.rp-child', this).hide();
    });
});

function showrecentposts(json) {
    var entry = json.feed.entry;
    for (var i = 0; i < numposts; i++) {
        var posturl; 
        for (var j=0; j < entry[i].link.length; j++) {
            if (entry[i].link[j].rel == 'alternate') {
                posturl = entry[i].link[j].href;
                break;
            }
        }
       
        if ("content" in entry[i]) {
            var postcontent = entry[i].content.$t;
        } else if ("summary" in entry[i]) {
            var postcontent = entry[i].summary.$t;
        } else {
            var postcontent = "";
        }

        var re = /<\S[^>]*>/g;
        postcontent = postcontent.replace(re, "");
        if (postcontent.length > numchar) {
            postcontent = postcontent.substring(0,numchar) + '...';
        }

        var poststitle = entry[i].title.$t;

            if ("media$thumbnail" in entry[i]) {
                postimg = entry[i].media$thumbnail.url
            } else {
                postimg = pBlank
            }
       
        document.write('<div class="rp-item"><a href="' + posturl + '"><img src="' + postimg + '" alt="thumb" /></a>');
        document.write('<div class="rp-child hidden"><h4>' + poststitle + '</h4>');
        document.write(postcontent + '</div>');
        document.write('</div>');
    }
}
document.write('<div id="post-gallery"><h2>' + rpTitle + '</h2><sc' + 'ript src="' + blogURL + '/feeds/posts/summary/-/NOMBREETIQUETA?max-results=' + numposts + '&orderby=published&alt=json-in-script&callback=showrecentposts"></sc' + 'ript><div style="clear:both;"></div></div>');

var i = 0, int=0;
$(window).bind("load", function() {
    var int = setInterval("doThis(i)",400);
});

function doThis() {
    var imgs = $('div.rp-item img').length;
    if (i >= imgs) {clearInterval(int);}
    $('div.rp-item img:hidden').eq(0).fadeIn(400);
    i++;
}

3. Una vez lo copiamos abrimos un bloc de notas de nuestro PC, pegamos el código, y si nos fijamos la parte con letras verdes fondo azul, donde dice "NOMBREETIQUETA" lo reemplazaremos justo por la etiqueta que queremos que salga solita en el gadget, no más, no le haremos nada más a ese código JavaScript.

4. Una vez lo hemos hecho guardamos el código como "recentetiqueta.js" importante al guardarlo debemos ponerle la extensión .js para que lo detecte como un código de JavaScript algo así: 


Para verificar que todo quedó bien ve al lugar donde guardaste el archivo y debe salirte algo así:

  
5. ¡Listo! sólo queda subirlo a un servidor o nube que nos lo ponga como una Url de Javascript para trabajarlo como código, usaremos dropbox para subir nuestro .js creado en este post (click aquí) explico en detalle como hacerlo, no te preocupes que noes complejo para nada. 

Al final debe quedarte una URL similar a esta:
https://dl.dropboxusercontent.com/s/hcbnv2siy92dws4/recentpostetiqueta.js 

6. Una vez obtienes la URL de tu script que tiene la orden de que etiqueta debe filtrar únicamente, vamos al primer código el del paso 1 ¿Lo recuerdas? más arriba, ahí justo al final el fragmento en azul reemplaza todo ese link (.js) de ese script por el tuyo, cuando lo hagas copialo en donde desees en tu blog guarda los cambios y mira la magia.

Por fin, un buen gadget que te filtra por una etiqueta lo que muestra. 

Es todo en este post,

Hasta la próxima BloggeRs, 

SÍGUENOS EN: