Código, Web y SEO

domingo, 23 de abril de 2017

Renderizar vídeos 1080P HD para YouTube con Sony Vegas Pro 13

Un post más, es esta ocasión vamos a aprender fácilmente como renderizar en el mejor formato en Sony Vegas Pro 13 para subir nuestro vídeo en Full HD a YouTube, sin más empezamos.



EL TUTORIAL...

1. Lo primero es tener definido que parte de nuestro proyecto vamos a renderizar seleccionando con los indicadores amarillos marcará en azul lo que deseemos renderiza:



2. Ahora en el menú superior de Sony Vegas vamos a seleccionar el icono e "Renderizar como":



3. Allí nos desplegará una ventana en donde debemos buscar el formato "MainConcept AVC/AAC (*.mp4,*.avc)" lo abrimos y luego buscamos dentro de él "Internet HD 1080P":



4. Una vez seleccionado daremos en "Personalizar Plantilla" nos desplegará otra ventana la cual tendrá 4 divisiones (vídeo, audio, sistema, Proyecto):



5. La parte de vídeo en la cual estamos actualmente no le modificaremos nada, ahora vamos a audio y allí vamos a "Velocidad de bit (bps)" y colocaremos (320.000):



6. En sistema no modificaremos nada, y en proyecto finalmente en el sector de "Calidad de renderización de vídeo" colocaremos "Lo mejor":



7. Por último daremos en "Aceptar" y finalmente en:



De esta forma sólo nos queda esperar y será 100% seguro que tu vídeo tendrá la mejor calidad a 1080P para tus vídeos en YouTube.

Un resultado sencillo en vídeo con este método es el siguiente observa la calidad que se puede escoger:


 
 
Es todo en este Post hasta la próxima,

miércoles, 19 de abril de 2017

SOLUCION: Logo mala calidad en mi tienda Prestashop cualquier versión

Un nuevo post, probablemente muchos de ustedes con su tienda PrestaShop les ha sucedido que al montar la imagen del Logotipo este mismo al verlo en la tienda pierde calidad severamente y claro a nadie le gusta un logo de pésima calidad. Es por ello que hoy te mostraré como solucionar este inconveniente despreocúpate que es muy fácil.
 EL TUTORIAL...

1. Muy bien lo primero es saber que no importa la versión de Prestashop sin embargo en mi caso estoy usando la versión (1.6.1.11), allí vamos a ingresar a nuestro panel y luego iremos a Preferencias > Imágenes:


2. Allí vamos a bajar un poco en la página y veremos la opción que dice "OPCIONES GENERACIÓN DE IMÁGENES


3. En la parte que dice formato de imagen como vemos en la imagen anterior está seleccionado "Usar JPEG" debemos cambiarlo a la segunda opción "Usar PNG sólo si la imagen base está en este formato" así:


4. Listo sólo queda guardar y carga de nuevo el logo y recarga tu sitio o tienda verifica como la calidad en la que está tu imagen se conserva ahora.
CONSEJOS: - Procura usar tu logo imagen en formato PNG.
                  - Luego de hacer este tutorial borra caché de tu navegador para
                    notar los cambios.
                  - Tu Logo PNG no conserve fondo sino transparente.

Es todo en este Post muy completo espero les sirva hasta la próxima.

Saludos,

lunes, 27 de marzo de 2017

Sobre la publicidad digital y que tipos existen

La publicidad digital hoy en día es una de las mayores fuentes de ingresos para muchas empresas de distintos propósitos, por ende, de esta forma surgen nuevas formas métodos e ideas para cumplir todo lo relacionado en este campo, veamos un poco más sobre ello.



¿Qué es publicidad digital?

La publicidad digital está definida, como la posibilidad de transmitir un mensaje específico a un público objetivo ya sea usando, internet, redes sociales, correo electrónico (envío masivo de correos) entre otros medios posibles y existentes para de esta forma lograr lo que se desea en el campo de la publicidad.

¿Qué tipos de publicidad digital existen? 

Se basan en elementos gráficos, tanto animados como fijos en imagen, a día de hoy usado en grandes plataformas como YouTube, blogger, facebook entre otras veamos algunas:


Email marketing

El envío masivo de correo electrónico es un método de alto alcance y con una buena gestión de email marketing, equivalente a la famosa suscripción por correo electrónico. 

Publicidad en redes sociales

Una herramienta de alto calibre bien implementada es tan objetivo como la anterior aunque su ideal no es el enviar correos masivos, sino usuarios masivos y mostrar un contenido muy relacionado al gusto del usuario final o futuro cliente.

lunes, 20 de marzo de 2017

Solución Windows - El disco seleccionado tiene el estilo de partición GPT

Al hacer algún formateo de tu portátil o PC de mesa, o instalar un sistema operativo nuevo en tu equipo te sale algún mensaje que dice:

No se puede instalar Windows en este disco. El disco seleccionado tiene el estilo de partición GPT

No hay de que preocuparse la solución es muy fácil y aplica para equipos o portátiles de cualquier marca (Lenovo, Dell, HP, Asus etc.) así que sin más vamos a iniciar con el tutorial a fondo.


EL TUTORIAL(Imágenes de comunidad Lenovo)

El mensaje que suele salir en este tipo de problemas gráficamente es el siguiente:




Lo primero será presionar las teclas "shift + f10" o "Fn + shift + f10" Este último en algunos equipos debe ser así, esto nos abrirá una consola o cmd:




Explicación puntos rojos del 1 al 7:

1. Escribimos en la consola el comando "Diskpart" y nos permite una gestión completa del disco duro.

2. Luego listamos los discos que hay con el comando "list disk", nos saldrá sólo uno y que tiene una partición tipo GPT se sabe porque está marcada con un asterisco (*).

3. Ahora necesitamos seleccionar el disco tipo GPT lo haremos con el comando "select disk 0" el número 0 fue puesto sólo en este caso en donde se ubica el GPT te podrá salir otro número indicado.

4. Se listan todas las particiones, con el comando "list partition" (NO ES OBLIGATORIO HACER ESTE PASO).

5. Ahora el comando "clean" elimina la estructura del disco duro GPT y lo convierte en MBR para de esta forma dejarse trabajar normalmente.

6. Verificamos de nuevo con el comando "list partition" que particiones hay, lo correcto es que no salga alguna ya que se eliminaron.

7. Y de nuevo con "list disk" corroboramos que el disco ya no es de tipo GPT.


Por último el comando "exit"(2) veces para salir del CMD o simplemente cerrar.

Logrando el objetivo así:


Y procedemos a instalar nuestra versión de Windows:



Como vemos el tutorial es muy fácil, aplica para Windows 8, 8.1, 10, espere les guste si tienen dudas pueden comentar.

Hasta la próxima,

domingo, 5 de marzo de 2017

Poner efecto "Page Loading - Carga personalizada" a tu blog de blogger

Un nuevo post el día de hoy veremos como colocar el efecto "Page Loading" en tu blog este truco además de sencillo para usarlo, tiene como objetivo sobre poner en tu blog cada que carga alguna página, post o contenido un efecto de 3 puntico cargando mientras todo el contenido está listo, lo cual lo hace interesante.



Podemos ver un Demo en el siguiente blog click a DEMO Abre un artículo de blog demo para ver el efecto:

http://senorjuventud.blogspot.com.co/

Interesante ¿No? para ponerlo en nuestro blog haremos estos cortos pasos.

EL TUTORIAL

1. Bastará con ir a Tema > Editar HTML allí buscamos el código "</body>".

2. Ahora justo encima del código buscado pegamos el siguiente código:
<style>
#abt-page-loader {
        position: fixed!important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        background:#000 url('http://3.bp.blogspot.com/-sW166HTPK4U/UY2kVNdjsFI/AAAAAAAAEHk/fIO-B-mOeCE/s200/load6.gif') no-repeat 50% 30%;
        color: #FFF;
        display: none;
        font: 0/0 a;
        text-shadow: none;
        padding: 1em 1.2em;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="abt-page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
    // ... Show the Animation `.fadeIn()`
    $('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>
3. Y listo ya quetodo sólo queda guardar y disfrutar el efecto.

Lo que tenemos en color Naranja es el link de la imagen por defecto con el efecto es un .gif ya que lleva movimiento la imagen puedes reemplazar por otra similar.

Es todo nos vemos en un próximo post, 

lunes, 27 de febrero de 2017

Efecto cambiar imagen por otra al pasar el mouse en Blogger - 1 PASO

Bienvenidos a un nuevo post, hace poco me topé con un artículo clásico del blog Ciudad Blogger, dicho artículo lleva sus años y bueno básicamente es un efecto en una imagen que al pasar el mouse cambiará por otra y al salir de la imagen volverá a la primera, sin más veamos un ejemplo: 


Para lograrlo sólo basta con agregar y copiar el siguiente código en el HTML de tus entradas:
<img src="link imagen UNO" onmouseover="this.src='link imagen DOS';" onmouseout="this.src='link imagen UNO';"/>
Por último paso queda cambiar lo que está en azul que son los links o URL de las imágenes UNO y DOS. Aconsejo que la dos imágenes tengan un tamaño igual dado el caso si sabes manejar Photoshop las puedes ajustar a un mismo tamaño.

No siendo más en ete truco tan bueno y sencillo, nos vemos en un próximo post.

Hasta la próxima BloggeRs,

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,
 

SÍGUENOS EN: