Código, Web y Blogs

domingo, 30 de julio de 2017

Gadget comentarios recientes + Tooltip para blogger (ll)

Muchooo tiempo ha pasado desde la última vez que redacté un artículo sobre Blogger, así que hoy traigo un breve tutorial con el que me he topado y modificado algunas breves cosas de MyBloggerTricks, un interesante Gadget de comentarios más recientes en tu blog de Blogger con una elegante función Tooltip donde muestra algunos datos como fecha  hora del comentario al pasar el mouse por encima.

Para ver una demostración del truco click al siguiente botón y ve al footer del sitio demo:



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.

Es todo hasta la próxima,




lunes, 24 de julio de 2017

Badoo.com la estafa perfecta citas falsas - dinero perdido

Un nuevo análisis en la sección de Denuncias y hoy la víctima será Badoo, vamos a analizar detalladamente ¿Por qué? no es más que un fraude y una perdida de tiempo con el que ganan bastante billete 💰 a costa de los usuarios.



Badoo.com 💘 es un sitio web de citas On line, cuyo lema camuflado dice "Haz contactos nuevos en Badoo" pero todos sabemos a que quieren llegar quien allí permanece o usa dicha web o su versión aplicación para Android y Iphone.


¡El Boom de Badoo ¿Y por qué no muere aún?!

La verdad ¡Amor y sexo! Dos palabras que mueven el mundo monetariamente, aunque si bien Badoo no ofrece conseguir sexo directamente, todo aquel que se registre tiene como segundo plano ese objetivo digamos que tal vez un 80%, el otro 20% buscará un amor por ahí, y esa es la razón principal, fuera de eso tanto tiempo que lleva de existir esta aplicación uniendo todos estos detalles la hacen "robusta y de fiar" o eso parece.

Como cualquier Red social esta vive de sus usuario y es lo que es gracias a ellos que a día de hoy presume con más de 350 millones de ellos registrados, bastantes, y precisamente la razón por la que no muere es el nicho de necesidad e interés que predomina en el ser humano (Pues todos desean conocer el amor de su vida fácil y rápido y si es por internet mejor aún) que digan sirve para hacer amigos no me lo creo mucho para ello tienes Facebook que no te cobra nada.


¿Cómo gana dinero Badoo.com?

La respuesta es fácil con funciones pagas dentro de su plataforma, el modelo de negocio que usa Badoo se llama Freemium que básicamente te ofrece casi todo el contenido gratis pero algunas funciones especiales son pagas y a bajo costo como se ve en esta imagen se trabaja con el sistema de créditos y X función valdrá X cantidad de créditos:



Esta es una breve lista de cosas por las que cobran en Badoo:

- Aumentar tu popularidad
- Destacar tu perfil "Te verán millones"
- Enviar un Flechazo  a otro perfil.
- Chatear con alguien primero deberás enviar un regalo.
- Saber a quién le gustas
- Conseguir visualizaciones extras en encuentros.
- Destacar en los mensajes que envíes a otro perfil compatible.

Increíblemente la gente paga por esas funciones en su afán de lograr algo, de esta forma es que Badoo mueve dinero en esencia su principal fuente de ingreso.


¡Todo lo que esté en Badoo deja de ser tuyo!

¿No lo sabías? sí, Badoo se tema el derechos en sus términos y condiciones de usar tus fotos y datos como se le antoje textualmente diciendo lo siguiente:
Ten en cuenta que al utilizar, subir o publicar el Contenido en Badoo garantizas que:
  1. eres propietario y dueño de dicho Contenido y estás de acuerdo en renunciar a cualquier y a todos los derechos morales relacionados con ese Contenido (incluido, sin limitación, el derecho a identificarte como su autor);
  2. tienes licencia para utilizar, subir o publicar el Contenido; o
  3. cuentas con el consentimiento y autorización para utilizar, subir o publicar el Contenido.
Ten en cuenta que al utilizar, subir o publicar el Contenido en Badoo nos garantizas que tienes el permiso para hacerlo y, automáticamente, nos concedes una licencia no exclusiva, sin derechos de autor, continua y universal para utilizar dicho Contenido de cualquier manera (incluyendo, sin limitación, la edición, copia, modificación, adaptación, traducción, cambio de formato, creación de proyectos derivados, incorporación a otros proyectos, publicidad, distribución o a poner a disposición del público en general dicho Contenido, ya sea en su totalidad o parcial y en cualquier formato disponible actualmente o en el futuro).
Además de otras pequeñas piedritas que Badoo pone en sus términos.


¡El engaño oculto de Badoo!

Sabida toda la información anterior era vital saberlo, iré al punto clave, técnicamente Badoo hace de su trampita algo legal y que no le afecte, porque en teoría se pega de una necesidad vista en la mayoría de sus usuarios "Buscar a alguien su posible media naranja" como ya había dicho el hombre es sociable por naturaleza y requiere siempre estar en contacto, Badoo se pega de esta forma para hacer de su sitio web algo como esto:
 


Un sitio web muy dinámico que una vez te registras te empieza a mostrar fotos de personas para calificarlas, lo curioso del caso es la actividad por ejemplo en los mensajes veamos creando un pefil hace apenas unos días en la sección de mensajes ya tenemos 4: 

Y vaya tenemos 4 perfiles "Con muchas ganas de hablar" hasta aquí todo pinta bien "Sarcasmo":


Aunque los mensaje indican "X persona Quiere chatear contigo" y lo ponen a 4 vientos abro su mensaje para encontrar algo así:


No hay ningún mensaje y sólo es un indicio no es más, listo no pasa nada entonces escribimos a esta persona para que luego indiquen que para que el mensaje lo pueda leer más fácil deba pagarse:

En conclusión pagar es ser estafado

Culminando todo sobre este tipo de aplicaciones en este caso con Badoo.com darle dinero al 100 a un sitio web que te promete muchas cosas sólo hará a final de cuenta que tú pierdas tu dinero y con justo razón ya que por el afán de querer ligar hacen lo que sea posible, después de todo Bado no tiene la culpa ni te obliga a pagar pero si te incita y en la mayoría de sus casos te miente.

¿Tienes alguna experiencia que compartir respecto a este tipo de sitios? comenta este artículo. 

Es todo hasta la próxima,

ESTAMOS EN: