Código, Web y Blogs

jueves, 14 de junio de 2018

Soracart Plantilla tienda online para Blogger 2018

En el Foro de Ayuda Blogger, suelen llegar muchas dudas de personas con el uso de plantillas en Blogger con la función de tienda on line en si es posible o no, y es que si bien la especialidad de Blogger no es el comercio electrónico se puede incorporar medianamente una plantilla para este tipo de funciones aunque puedan ser algo limitadas.


DEMO      ||      DESCARGAR 


Cualquier duda puedes comentar, próximamente algunos tutoriales breves explicando la instalación de este plantilla (Por ahora puedes encontrar un tutorial completo pero en inglés).

Es todo, hasta la próxima.

lunes, 11 de junio de 2018

Botones sociales elegantes compartir entradas para Blogger 2018

Tener botones en nuestro blog para que los lectores puedan compartir el contenido que ven es importante, es por ello que hoy comparto unos elegantes botones que irán incorporados al final de cada entrada de nuestro blog. Podrás verlos funcionar en el siguiente GIF o al final de esta entrada ya que los tengo implementados en el blog:
Tutorial paso paso:

1. Lo primero será agregar el llamado por URL para usar íconos, para ello iremos a Tema > Editar HTML y buscamos la etiqueta </head>.

2. Ahora arriba de la etiqueta anterior pegaremos el siguiente código:
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' media='all' rel='stylesheet' type='text/css'/>

3. Vamos a agregar los estilos CSS, ahora buscamos en nuestra plantilla el código siguiente "]]></b:skin>" y justo encima pegaremos todo esto:
.post-footer{
 margin-top:30px;
}
.share-post, .multiauthor-box {
 margin-bottom:50px;
}
.share-post ul {
 padding:0;
 margin:0;
 text-align:center;
}
.share-post li{
 list-style:none;
 display:inline-block;
 margin-right:10px;
 padding:0;
 font-weight:700;
 text-transform:uppercase
}
.share-post li:first-child {
 font-size:16px;
 color:#22a1c4;
}
.share-post li a{
 display:block;
 text-align:center;
}
.share-post span{
 display:none;
}
.share-post li a i{
 display:block;
 color:#fff;
 width:40px;
 height:40px;
 line-height:40px;
 font-size:18px;
 border-radius:40px;
 font-weight:normal;
 transition:all .3s;
}
.share-post{
 width: 90%;
  margin: 0 auto;
 border-top:1px solid #eff0f0;
 border-bottom:1px solid #eff0f0;
 line-height:52px;
 min-height:52px;

}
.share-post li a i.fa.fa-facebook{
 background:#3b5998;
 border:1px solid transparent;
}
.share-post li a i.fa.fa-twitter{
 background:#19bfe5;
 border:1px solid transparent;
}
.share-post li a i.fa.fa-google-plus{
 background:#d64136;
 border:1px solid transparent;
}
.share-post li a i.fa.fa-linkedin{
 background:#006699;
 border:1px solid transparent;
}
.share-post li a i.fa.fa-pinterest{
 background:#cb2027;
 border:1px solid transparent;
}
.share-post li a i.fa.fa-facebook:hover{
 background:#fff;
 color:#3b5998;
 border:1px solid #4666aa;
}
.share-post li a i.fa.fa-twitter:hover{
 background:#fff;
 color:#19bfe5;
 border:1px solid #2acef4;
}
.share-post li a i.fa.fa-google-plus:hover{
 background:#fff;color:#d64136;
 border:1px solid #e95247;
}
.share-post li a i.fa.fa-linkedin:hover{
 background:#fff;
 color:#006699;
 border:1px solid #017ab6;
}
.share-post li a i.fa.fa-pinterest:hover{
 background:#fff;
 color:#cb2027;
 border:1px solid #e33239;
}

4.Ahora buscamos la siguiente línea de código  <div class='post-footer'> puede que te salga dos o tres veces prueba en cada una hasta que salga, pega debajo de ella el siguiente código:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='share-post'>
<ul class='entry-share-list clearfix'>
 <li>Compartir en: </li>
 <li class='facebook_share'>
 <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'>
<i class='fa fa-facebook'/> </a> </li>
<li class='twitter_share'>
<a expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'>
<i class='fa fa-twitter'/></a> </li>
 <li class='google_share'>
<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a> </li>
<li class='linkedin_share'>
 <a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'>
<i class='fa fa-linkedin'/></a> </li>
<li><a expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;description=&quot; + data:post.snippet' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow'>
<i class='fa fa-pinterest'/></a>
</li>
</ul>
</div>

</b:if>   

5. Finalmente guarda los cambios y observa en tus entradas como se ve, en principio no hay nada más que modificar. 

Pero si te queda alguna duda no olvides comentar sin problema alguno, hasta la próxima ;)

domingo, 3 de junio de 2018

Ver los suscriptores por correo FeedBurner blog Blogger

Esto será de esos posts que podría serle útil a pocas personas pero que de una u otra manera se debe escribir para hacer un deber con la red y compartir información, el objetivo de hoy es saber ¿Quiénes son los suscriptores o lectores por feedburner de nuestro blog?, esto es tarea fácil y sólo hace falta unos pocos clicks, veamos.

1. Iremos a Feed Burner de Google da click por aquí para ir, y luego seleccionamos el feed que ya tenemos creado para nuestro blog:





2. Ahora vamos a la pestaña "Publicize" y luego "Email Subscriptions":


3. Un poco más abajo en esa misma opción encontraremos la parte "View subscriber details":


Y al desplegar dicha opción encontraremos la lista completo de nuestros suscriptores del blog donde se podrá ver la fecha de suscripción de cada uno, los que están activos y los no verificados además de ello puedes eliminar aquellos que consideres.

Es todo en este cortísimo post,

;)
 

Poner Ticker o marquesina diseñada para mostrar últimos post de forma automática en Blogger

Tomado gentilmente de CiudadBlogger
Hoy pasándome por un blog amigo me topé con un post bastante interesante y aunque es muy sencillo es un truco muy útil para aquellos que escriben mucho en sus blogs.
 
Se trata de un Ticker o marquesina diseñada especialmente para mostrar las últimas publicaciones en el blog que se víncule desde el código, pero explicando de mejor forma este Ticker su función es rotar las publicaciones por el mismo espacio que se le da; mostrare un ejemplo de este truco:

http://bloggin-prueba.blogspot.com/

Si ven el Ticker es muy elegante y preciso para un sitio que muestra las últimas noticias, para añadirlo iremos a Diseño>añadir un Gadget>HTML/JavaScript y pegar el siguiente código:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/jquery.marquee/1.3.1/jquery.marquee.min.js" type="text/javascript"></script> <!--script1-->
<style>
#headlines {
overflow:hidden;
position:relative;
line-height:25px;
background:#34495e; /* Color de fondo */
height:45px;
padding:0 0 0 135px;
}
#headlines h3 {
color:#fff;
font-family:Oswald, sans-serif;
font-size:17px;
font-weight:400;
text-transform:uppercase;
margin-left:-115px;
margin-top:10px;
position:absolute;
}
#headlines .right_arrow {
padding:0 38px 0 110px;
display:block;
background:url(//lh6.googleusercontent.com/--o4encAx1Tc/VApRPFfbQFI/AAAAAAAALd4/kf0T7CNSvY0/s41/arrow.png) no-repeat right center;
height:46px;
line-height:46px;
position:absolute;
left:0;
top:0;
}
#ticker_post {
position:relative;
margin:0;
margin-left:20px;
height:50px;
width:auto;
}
.marquee {
width: 980px; /* Ancho del área donde se muestran las entradas */
overflow: hidden;
line-height: 45px;
}
.js-marquee a {
font-family:Oswald, sans-serif;
font-size:15px; /* Tamaño de los textos */
color: #FFF; /* Color de los textos */
padding-bottom: 20px;
text-decoration: none;
}
.ticker_separator {
color:#FFF; color: #FFF; /* Color del separador de las entradas */
margin:0 10px;
}
</style>
<div id='headlines'>
<h3>Lo Último</h3>
<div class='right_arrow'></div>
<script>
var blog_url = "http://nombre-de-mi-blog.blogspot.com";
var numero_post = 10; // Número de entradas a mostrar
</script>
<script type="text/javascript" src="http://yourjavascript.com/946415552/ticker.js"></script></div> <!--script2-->
<div style='clear:both;'></div>
<script>
$(window).load(function() {
$('.marquee').marquee({
direction: 'left', // Dirección de la marquesina, usar left o right
duration: 25000, // Velocidad
pauseOnHover: true,
duplicated: true
});
});
</script>
Ahora queda editar lo que está en color naranja por el link de nuestro blog y guardar el color verde se resalta el comentario que da la indicación de lo que altera en el Ticker fácil, sobre la ubicación del ticker se recomienda en un lugar al pie de la cabecera y que ocupe un buen ancho para que se muestre perfectamente.

En color azul, tenemos el script que controla todo este truco de la marquesina, te recomendamos que lo descargues y lo cargues luego en tu propio servidor, nube o que lo alojes localmente en la plantilla de tu blog para descargarlo:

-script1      -script2

Es todo en este post muy sencillo.

Hasta la próxima BloggeRs,

domingo, 13 de mayo de 2018

Tener reputación verde en Mercadolibre en 2 días 2018

Lee todo el post con calma aunque parezca obvio hay una serie de pasos que cumplir, no te preocupes al final lograrás el cometido
Muy bien después de tanto pensar y ver, cosa que aunque parezca fácil me pareció la más obvia para levantar la reputación de una cuenta en Mercado Libre a verde, en un par de días, pude concluir que si bien el método sería una clase de auto engaño, este engaño será sólo temporal, pues lo hice sólo para dar la reputación y el rankeo necesario ante Mercado Libre y poder vender mis productos con esa cuenta. Profundicemos un poco más.


Sobre el sistema de reputación de MecadoLibre 

Actualmente a fecha de hoy 2018 Mercado Libre ha ejecutado muchos cambios en su sistema buenos malos y demás, pero sobre el sistema de reputación si deseas conocer más puedes leer por aquí, el funcionamiento es simple un cliente nos compra algo se le enviamos si todo sale bien el confirma la entrega del producto y sumaremos 1 venta más que nos mantendrá en verdeo nos acercará allí si nuestra cuenta es nueva.

Lograr reputación verde en cuenta nueva Mercado Libre

El método que exige mercadolibre por defecto para tener en tu nueva cuenta es simplemente hacer 10 ventas, sí 10 ventas y es todo ¡Reputación verde!, pero muchos plantearán para una cuenta nueva que generalmente produce desconfianza en muchos clientes al no ver calificaciones hacer 10 ventas puede ser difícil y eterno, si no te afana nada puedes esperar pero si deseas rankear rápidamente para luego posicionarte muy bien, lo que hay que hacer es simple comprarte 10 veces a ti mismo y aunque parezca mentira, sí! legalmente está bien y no cerrarán tu cuenta por esto pero hay que hacerlo tácticamente, veamos:

Si alguno quiere familiarizar el caso les dejaré algunos detalles sobre mis cuentas en Mercado Libre, moneda país y demás:
País: Colombia
Moneda: Peso Colombiano
Cuenta ML: Sin ventas, ni productos por ahora

1. Lo primero para empezar es crear un producto, un producto que realmente vayamos a vender en Mercado Libre para mi ejemplo con esta nueva cuenta que tiene 0 ventas como podemos apreciar aquí:


Cuando llegues al paso de escoger la Exposición te recomiendo escoger "Alta" o "máxima" esto nos ayudará más adelante.

2. Creado nuestro producto ahora vamos a modificar únicamente el precio y las unidades, para precio pondremos la moneda más pequeña que exista en nuestro país, para mi caso Colombia pondré $50 pesos o $100 pesos, y en unidades asignaremos 11 o más:


 ¿Por qué la moneda más baja y más de 11 unidades? Bueno al escoger exposición alta o máxima, Mercado Libre se llevará una comisión por venta para mi caso se llevará $6 pesos por cada venta al final cuando obtenga mi reputación sólo perdería $60 pesos en total ($6x10 = $60 pesos) y las 11 unidades claramente por las veces que compraremos, confirmamos los cambios y listo tenemos el producto:



3. Nuestro producto está creado con los parámetros de precio, cantidad cambiados, ahora vamos a comprar nosotros mismos este producto (MUCHA ATENCIÓN) para ejecutar las 10 compras necesitaremos:
- 2 o 3 cuentas extras registradas en Mercado Libre pueden ser las de amigos.
- Una cuenta bancaria nuestra de la cual nos debiten los pagos por sistema PSE.
Yo he usado dos cuentas no más, para ejecutar 10 veces la compra.

4. Con una primer cuenta ejecutaremos 5 veces comprando este producto de a una unidad, podemos hacerlo cada 30 minutos o cada hora una compra, dejaré un breve ejemplo de compra en las selecciones que hago:

Click en la imagen para ampliar

Luego realiza el pago comúnmente desde PSE, donde como indiqué te debitan el valor exacto de tu cuenta bancaria.

5. Dicho proceso lo haremos las demás veces necesarias con las otras cuentas creadas hasta completar las mínimas 10 ventas para ejercer una reputación en Mercado Libre.

6. Una vez hiciste tus propias 10 compras a bajo costo, puedes darle el precio real a ese producto, pausar la publicación o eliminarla eso no afectará tus ventas ya efectuadas, lo siguiente será competir ahora sí en el mercado real con tus productos a excelentes precios y ya con reputación verde adquirida.


Sobre como me fue a mí...

Por mi parte gestiono 3 cuentas en MercadoLibre cada una apunta a un nicho específico de productos la última que cree usé el método que expliqué aquí hace aproximadamente 1 mes a fecha de publicación del post, con dicha cuenta logré 19 ventas de las cuáles 10 son las que he realizado, y las 9 restantes ventas logradas de forma natural, lo cual no me parece tan mal para una cuenta nueva veamos:


Si recordamos bien había facturado 10 ventas por un valor de $50 pesos cada uno aquí el reporte de toda la facturación las nueve ventas extras:



 Lo cual conlleva a que el comprador le da demasiada importancia a la reputación del vendedor, y para aquellos que tienen sus productos y recién empiezan coger vuelo para ganar más clientes puede tornarse difícil, pero, con este método habrán ahorrado algo de tiempo.

Espero les sea de ayuda el post,

Hasta la próxima ;)

domingo, 29 de abril de 2018

Ocultar segundo tick - palomita en WhatsApp Plus

Para lograr este breve truco es necesario tener instalado la versión "WhatsApp Plus" en nuestro móvil ya que sólo desde allí se podrá activar la función de esconder la doble palomita o doble check y las personas con las que hablemos no sabrán si leímos o recibimos su mensaje.

Paso a paso...

1. Vamos a WhatsApp seleccionamos los 3 punticos:


2. Allí seleccionamos la opción Privacidad y tendremos que hacer todo en el siguiente orden para que el doble check se desactive.

3. Primero ocultaremos el estado Online dando en "Ocultar Online" cuando demos la opción whatsapp se cerrará y volverá a abrirse:



4. Hecho eso, ahora desactivaremos la siguiente opción "Ticks azules" luego "Ocultar en contactos" y pasará lo mismo se cerrará WhatsApp y volverá a abrir.



5. Finalmente desactivaremos la opción "Segundo Tick" y dando en "Ocultar en contactos" con ello tendremos listo cuando alguien nos escriba y no podrá ver si leímos o recibimos su mensaje, pero si podremos contestarle. 
Nota: Puede que en algún momento presentes retrasos al activar dicha función, de ser así sólo desactiva la de "Segundo tick" recibirás los mensajes y vuélvela a activar, no pasa siempre pero algunas veces se genera el retraso.

Existen posts breves y luego está este, no hay más que decir, si gustan un especial sobre todas las funcionalidades de WhatsApp Plus para configurarlo, deja un comentario. Hasta la próxima ;)

miércoles, 25 de abril de 2018

Un blog Blogger puede tener más de 40.000 visitas diarias

Hace unos días atrás al Foro Oficial de ayuda Blogger, llegó un caso de una usuaria que presentaba un problema en su blog, como es común el equipo de Colaboradores Principales solemos atender todo caso que llegue y ese caso fue para mí, no detalleré el problema, pero sí información característica y estadística del blog.


 
¿Cuántas visitas puede recibir un blog de blogger sin quedar offline?

Y es que esto es una pregunta que no tiene una respuesta definitiva, pues básicamente lo más común es que todo dependa del ancho de banda que tenga contratado (Pero, ojo contratado sólo aplica para quienes compran un hosting) y es aquí donde le damos un plus a Blogger, pues no necesitas pagar por nada y mucho menos por alojamiento hosting ya que Google te lo incluye sin más, la verdad es que no podría darte un número definitivo para ejemplo pequeño Bloggin red recibe cerca de 7 mil a 8 mil visitas diarias sin caer ni ponerse lento, y para ejemplo grande que será el caso más llamativo que he visto en mi vida usando blogger es que más de 40.000 visitas diarias sin verse afectado el rendimiento del mismo blog.

¡Sí 40.000! Eso es un número respetable para un blog, desafía y calla bocas a todos aquellos que decían y suelen decir que Blogger no tolera nada o es muy malo etc. Y es que ciertamente según lo que tú quieras hacer con un blog te puede convenir por ejemplo tanto Blogger como WordPress pero eso es un tema que no he venido a tocar.


¿Qué blog en Blogger recibe 40.000 visitas diarias 💬?

Como no vengo a hablar por hablar, sino a mostrarles se trata de "La ventana Indiscreta de Julia" un blog escrito puramente en español por Jul, cuyo contenido es casi que político y entre otros más, lo interesante del caso es que su tipo de contenido no es globalizado si vemos si blog que por cierto cuenta con dominio personalizado (http://www.laventanaindiscretadejulia.com/) no acude a contenido explícito, sexual o warez que son muchos de los temas que algunos creen son de éxito para recibir mucho tráfico en un blog, pero, vamos que los números hablarán por sí solos:
Días previos de atender el caso de Julia con su blog en el Foro de Blogger me puse en contacto con ella para poder tener acceso a su blog y checar el problema así que me hizo temporalmente administrador, y tratando sus estadísticas, entradas y comentarios me topé con números bastante grandes.

 - Analizando un blog cuyo tráfico diario supera las 40.000 visitas

URL: http://www.laventanaindiscretadejulia.com
Autor: Julia
Fecha creado: Posiblemente abril año 2008 - vigente aún
Contenido: Política y similares
Plataforma: Blogger con dominio personalizado

Las entradas publicadas,

Realmente cuenta con muchísimas entradas, su creadora me comentaba que escribía a diario porque le gustaba, el número de entradas no tiene mucho que ver realmente pero lo pongo como dato para que se den una idea de cuántas entradas y más puede tolerar un blog en blogger:



Cuenta con 64.982 entradas publicadas y un gra número en borrador, todas ellas se pueden apreciar en el blog sin problema alguno

Las visitas diarias, mensuales y total,

Hay que tener claro que un número es eso y puede cambiar bajo muchos factores, pero, siempre llevan una tendencia para este blog su panel general de estadísticas indica lo siguiente:


Click para ampliar

Podemos observar un fuerte tráfico de +40.000 vistas diarias y ostenta cerca de las 830.000 vistas menuales, si vemos en la gráfica hay un punto aleatorio escogido del mes de marzo del 2015 con 1'072.000 vistas en un solo mes, y por supuesto un total de visitas desde su existencia de 79'336.259 vistas.

Otros remos estarían en río, si por ejemplo este blog tuviera todas esas visitas pero en la actualidad su tráfico fuera muy bajo y no diera sentido su historial estadístico versus la actualidad, pero, como vemos mantiene sus estadísticas de forma promedio mes a mes, lo cuál es bueno.

verificamos en Alexa el análisis de comportamiento de este blog vemos que no está para nada mal posicionado:



Aunque se puede apreciar una recaída entre puntos mensuales, el punto más reciente indica que está recuperando todo lo que bajó esto suele pasar cuando se deja de escribir en el blog por algún tiempo la actividad deja de ser activa y pasa a ser pasiva en este lapsus pero no es nada grave, digo nadie estaría insatisfecho con un blog y esta cantidad de tráfico.

El diseño del blog,

Algunos creen que una excelente plantilla en tu blog de blogger te llevará a la fama con Google y la verdad es que no siempre es así acudiré a una famosa frase que dice "No es la flecha, es el Indio" y claramente en este caso se trata del contenido atrás de ese blog, su diseño es bastante simple y fácil de leer, no posee scripts complejos o trucos entre sus entradas, es lo que es un blog, de hecho su autora Julia me comentaba que a ni vel de diseño y códigos web no era la más experta, simplemente escribe y es todo para lo demás Google se encarga de indexar su contenido.


Plantilla blog "La ventaja indiscreta"
 Entonces aquí se rompe el paradigma de que sólo un blog a nivel de diseño perfectamente elaborado logra el éxito, no es así, a veces basta una plantilla normal recordemos la clave está en el contenido.


EN CONCLUSIÓN, 

Seguramente cientos de blogs más basados en Blogger rompen estadísticas también, pero celebro el haber tenido la oportunidad de estar del panel de control de uno de estos, puedo decir que el espacio que Google brinda para su plataforma blogger respecto al ancho de banda para cada blog es gigante y existe restricción alguna y es esta una de las razones más fuertes por la que decidí quedarme en Blogger, esto sin desmeritar otras plataformas como digo según las necesidades unas nos sirven otras no tanto.

ESTAMOS EN: