Agregar el botón Pinterest para compartir imágenes

Espero que se encuentren muy bien y hayan pasado una bonita semana.Ya estamos entrando a un nuevo fin de semana más y antes que termine la semana les dejo este video tutorial para que puedan agregar el botón de Pinterest sobre las imágenes del blog y que así sus lectores, al pasar el cursor sobre las imágenes, puedan compartir fácilmente las mismas.

Recuerden que:

1.§ El código lo deben pegar justo arriba de </body>

2.§ Les dejo el link de la página de desarrolladores de Pinterest.

Ahora les dejo el video. Si quieren algún tutorial en especial, déjenme sus sugerencias en los comentarios.

Efecto lluvia que cae por el blog con JavaScript

¿Cómo estuvo el día? Espero que muy bien. Sean bienvenidos a un nuevo post. Hoy les traigo un tutorial que seguro a más de uno le va a gustar. Se trata del efecto de lluvia que cae por nuestro blog o web. Es un efecto muy vistoso y lo agregaremos fácilmente con código JavaScript.

( ↪ Ver DEMO)

Post recomendado:
6 efectos para el cursor de tu web o blog

Empecemos con el tutorial.

1.§ Vamos a Diseño - Añadir un gadget.

2.§ De la ventana emergente, elegimos HTML/Javascript pegaremos el siguiente script:

<script type='text/javascript'>var hpnm092_prj_no = "92";
var hpnm092_prj_nm = "hpnm092";
var hpnm092_ball_num = 30;
var hpnm092_ball_sbt_num =1;
var hpnm092_subball_num = 5;
var hpnm092_subball_sbt_num = 3;

var hpnm092_i, hpnm092_n;
var hpnm092_obj;
var hpnm092_img;
var hpnm092_obj_sub;
var hpnm092_img_sub;

var hpnm092_preimg = new Array();
hpnm092_preimg[0] = new Image();
hpnm092_preimg[0].src = "http://www.hapinemu.net/fobp/bp092/ball1.gif";
hpnm092_preimg[1] = new Image();
hpnm092_preimg[1].src = "http://www.hapinemu.net/fobp/bp092/ball2.gif";

var hpnm092_preimg_sub = new Array();
hpnm092_preimg_sub[0] = new Image();
hpnm092_preimg_sub[0].src = "http://www.hapinemu.net/fobp/bp092/subball1.gif";
hpnm092_preimg_sub[1] = new Image();
hpnm092_preimg_sub[1].src = "http://www.hapinemu.net/fobp/bp092/subball1.gif";
hpnm092_preimg_sub[2] = new Image();
hpnm092_preimg_sub[2].src = "http://www.hapinemu.net/fobp/bp092/subball1.gif";

var hpnm092_objBody = document.getElementsByTagName("body").item(0);
var hpnm092_elem;
for(hpnm092_i = 1; hpnm092_i <= hpnm092_ball_num; hpnm092_i++) {
hpnm092_elem = document.createElement('div');
hpnm092_elem.id = hpnm092_prj_nm + '_ball' + hpnm092_i;
hpnm092_elem.innerHTML = '<img id="' + hpnm092_prj_nm + '_ball_img' + hpnm092_i + '" style="border:0;">';
hpnm092_elem.style.position = 'absolute';
hpnm092_elem.style.visibility = 'hidden';
hpnm092_elem.style.margin = '0px';
hpnm092_elem.style.padding = '0px';
hpnm092_objBody.appendChild(hpnm092_elem);
for(hpnm092_n = 1; hpnm092_n <= hpnm092_subball_num; hpnm092_n++) {
hpnm092_elem = document.createElement('div');
hpnm092_elem.id = hpnm092_prj_nm + '_subball' + hpnm092_i + hpnm092_n;
hpnm092_elem.innerHTML = '<img id="' + hpnm092_prj_nm + '_subball_img' + hpnm092_i + hpnm092_n + '" style="border:0;">';
hpnm092_elem.style.position = 'absolute';
hpnm092_elem.style.visibility = 'hidden';
hpnm092_elem.style.margin = '0px';
hpnm092_elem.style.padding = '0px';
hpnm092_objBody.appendChild(hpnm092_elem);
}
}

function hpnm092_getViewTop() {
if( window.scrollY ) return window.scrollY;
if( window.pageYOffset ) return window.pageYOffset;
if( document.documentElement && document.documentElement.scrollTop ) {
return document.documentElement.scrollTop;
}
else if( document.body && document.body.scrollTop ) {
return document.body.scrollTop;
}
return 0;
}

function hpnm092_getViewLeft() {
if( window.scrollX ) return window.scrollX;
if( window.pageXOffset ) return window.pageXOffset;
if( document.documentElement && document.documentElement.scrollLeft ) {
return document.documentElement.scrollLeft;
}
else if( document.body && document.body.scrollLeft ) {
return document.body.scrollLeft;
}
return 0;
}

function hpnm092_getViewHeight() {
if( window.innerHeight ) return window.innerHeight;
if( document.documentElement && document.documentElement.clientHeight ) {
return document.documentElement.clientHeight;
}
else if( document.body && document.body.clientHeight ) {
return document.body.clientHeight;
}
return 0;
}

function hpnm092_getViewWidth() {
if( window.innerWidth ) return window.innerWidth;
if( document.documentElement && document.documentElement.clientWidth ) {
return document.documentElement.clientWidth;
}
else if( document.body && document.body.clientWidth ) {
return document.body.clientWidth;
}
return 0;
}

function hpnm092_getViewBottom() {
return hpnm092_getViewTop() + hpnm092_getViewHeight();
}

function hpnm092_getViewRight() {
return hpnm092_getViewLeft() + hpnm092_getViewWidth();
}

function hpnm092_getRandomNum(num) {
return Math.floor( Math.random() * num );
}

function hpnm092_setOpacity(elem, op){
elem.style.filter = 'alpha(opacity=' + (op * 100) + ')';
elem.style.MozOpacity = op;
elem.style.opacity = op;
}
var hpnm092_action = new Array();
var hpnm092_actioncnt = new Array();
var hpnm092_balltop = new Array();
var hpnm092_balltop_to = new Array();
var hpnm092_ballleft = new Array();
var hpnm092_ballspeed = new Array();
var hpnm092_ballopacity = new Array();
var hpnm092_balltype = new Array();
var hpnm092_subballtop = new Array();
var hpnm092_subballleft = new Array();
var hpnm092_subballmovelr = new Array();
var hpnm092_subballspeedv = new Array();
var hpnm092_subballspeedh = new Array();

for(hpnm092_i = 1; hpnm092_i <= hpnm092_ball_num; hpnm092_i++) {
hpnm092_action[hpnm092_i] = 0;
hpnm092_subballtop[hpnm092_i] = new Array();
hpnm092_subballleft[hpnm092_i] = new Array();
hpnm092_subballmovelr[hpnm092_i] = new Array();
hpnm092_subballspeedv[hpnm092_i] = new Array();
hpnm092_subballspeedh[hpnm092_i] = new Array();
hpnm092_ballopacity[hpnm092_i] = new Array();
}


function hpnm092_fire() {

var hpnm092_viewbottom = hpnm092_getViewBottom();
var hpnm092_viewright = hpnm092_getViewRight() - 40;
var hpnm092_viewtop = hpnm092_getViewTop();
var hpnm092_viewleft = hpnm092_getViewLeft();

for(hpnm092_i = 1; hpnm092_i <= hpnm092_ball_num; hpnm092_i++) {
hpnm092_obj = document.getElementById(hpnm092_prj_nm + '_ball'+hpnm092_i);
hpnm092_img = document.getElementById(hpnm092_prj_nm + '_ball_img'+hpnm092_i);

switch(hpnm092_action[hpnm092_i]) {
case 0:
if( hpnm092_getRandomNum( 100 ) == 0 ) {
hpnm092_balltype[hpnm092_i] = hpnm092_getRandomNum( hpnm092_ball_sbt_num ) + 1;
hpnm092_img.src = hpnm092_preimg[ 0 ].src;
hpnm092_balltop[hpnm092_i] = hpnm092_viewtop - hpnm092_img.height;
hpnm092_ballleft[hpnm092_i] = ( hpnm092_viewleft + hpnm092_getRandomNum( hpnm092_viewright - hpnm092_viewleft - 20 ) );
hpnm092_ballspeed[hpnm092_i] = 30;
hpnm092_balltop_to[hpnm092_i] = ( hpnm092_viewtop + hpnm092_getRandomNum( hpnm092_viewbottom - hpnm092_viewtop - 250 ) ) + 150;
hpnm092_obj.style.top = hpnm092_balltop[hpnm092_i] + 'px';
hpnm092_obj.style.left = hpnm092_ballleft[hpnm092_i] + 'px';
hpnm092_obj.style.visibility = 'visible';
hpnm092_action[hpnm092_i] = 1;
hpnm092_actioncnt[hpnm092_i] = 0;
hpnm092_ballopacity[hpnm092_i] = 0.5;
hpnm092_setOpacity(hpnm092_obj,hpnm092_ballopacity[hpnm092_i]);
}

break;

case 1:
hpnm092_balltop[hpnm092_i] += hpnm092_ballspeed[hpnm092_i];
if( hpnm092_balltop[hpnm092_i] < hpnm092_balltop_to[hpnm092_i] - 50 ) {
hpnm092_obj.style.top = hpnm092_balltop[hpnm092_i] + 'px';
hpnm092_actioncnt[hpnm092_i]++;
}
else {
hpnm092_balltop[hpnm092_i] = hpnm092_balltop_to[hpnm092_i];
hpnm092_obj.style.top = hpnm092_balltop[hpnm092_i] + 'px';
hpnm092_img.src = hpnm092_preimg[ hpnm092_balltype[hpnm092_i] ].src;
hpnm092_ballopacity[hpnm092_i] = 0.3;
hpnm092_setOpacity(hpnm092_obj,hpnm092_ballopacity[hpnm092_i]);
hpnm092_obj.style.left = (hpnm092_ballleft[hpnm092_i]-15) + 'px';
for(hpnm092_n = 1; hpnm092_n <= hpnm092_subball_num; hpnm092_n++) {
hpnm092_obj_sub = document.getElementById(hpnm092_prj_nm + '_subball'+hpnm092_i+hpnm092_n);
hpnm092_img_sub = document.getElementById(hpnm092_prj_nm + '_subball_img'+hpnm092_i+hpnm092_n);

hpnm092_img_sub.src = hpnm092_preimg_sub[ hpnm092_getRandomNum( hpnm092_subball_sbt_num ) ].src;

hpnm092_subballtop[hpnm092_i][hpnm092_n] = hpnm092_balltop_to[hpnm092_i] + 15;
hpnm092_subballleft[hpnm092_i][hpnm092_n] = hpnm092_ballleft[hpnm092_i];
hpnm092_subballmovelr[hpnm092_i][hpnm092_n] = hpnm092_getRandomNum( 2 );
hpnm092_subballspeedv[hpnm092_i][hpnm092_n] = hpnm092_getRandomNum( 3 ) + 1;
hpnm092_subballspeedh[hpnm092_i][hpnm092_n] = hpnm092_getRandomNum( 3 ) + 1;

hpnm092_obj_sub.style.top = hpnm092_subballtop[hpnm092_i][hpnm092_n] + 'px';
hpnm092_obj_sub.style.left = hpnm092_subballleft[hpnm092_i][hpnm092_n] + 'px';
hpnm092_obj_sub.style.visibility = 'visible';
}
hpnm092_action[hpnm092_i] = 2;
hpnm092_actioncnt[hpnm092_i] = 0;
}

break;

case 2:

for(hpnm092_n = 1; hpnm092_n <= hpnm092_subball_num; hpnm092_n++) {
hpnm092_obj_sub = document.getElementById(hpnm092_prj_nm + '_subball'+hpnm092_i+hpnm092_n);
hpnm092_img_sub = document.getElementById(hpnm092_prj_nm + '_subball_img'+hpnm092_i+hpnm092_n);

hpnm092_subballtop[hpnm092_i][hpnm092_n] -= ( 20 - hpnm092_actioncnt[hpnm092_i] ) * hpnm092_subballspeedv[hpnm092_i][hpnm092_n] / 8;
hpnm092_subballleft[hpnm092_i][hpnm092_n] -= ( hpnm092_subballmovelr[hpnm092_i][hpnm092_n] == 0 ? 1 : -1 ) * hpnm092_subballspeedh[hpnm092_i][hpnm092_n] / 2;

if( hpnm092_subballleft[hpnm092_i][hpnm092_n] < hpnm092_viewright ) {
hpnm092_obj_sub.style.top = hpnm092_subballtop[hpnm092_i][hpnm092_n] + 'px';
hpnm092_obj_sub.style.left = hpnm092_subballleft[hpnm092_i][hpnm092_n] + 'px';
}
else {
hpnm092_obj_sub.style.top = '0px';
hpnm092_obj_sub.style.left = '0px';
hpnm092_obj_sub.style.visibility = 'hidden';
}
}

if( hpnm092_actioncnt[hpnm092_i] < 20 ) {
hpnm092_actioncnt[hpnm092_i]++;
}
else {
hpnm092_action[hpnm092_i] = 3;
hpnm092_actioncnt[hpnm092_i] = 0;
}

break;

case 3:

for(hpnm092_n = 1; hpnm092_n <= hpnm092_subball_num; hpnm092_n++) {
hpnm092_obj_sub = document.getElementById(hpnm092_prj_nm + '_subball'+hpnm092_i+hpnm092_n);
hpnm092_img_sub = document.getElementById(hpnm092_prj_nm + '_subball_img'+hpnm092_i+hpnm092_n);

hpnm092_subballtop[hpnm092_i][hpnm092_n] += hpnm092_actioncnt[hpnm092_i] * hpnm092_subballspeedv[hpnm092_i][hpnm092_n] / 8;
hpnm092_subballleft[hpnm092_i][hpnm092_n] -= ( hpnm092_subballmovelr[hpnm092_i][hpnm092_n] == 0 ? 1 : -1 ) * hpnm092_subballspeedh[hpnm092_i][hpnm092_n] / 2;
if( hpnm092_subballleft[hpnm092_i][hpnm092_n] < hpnm092_viewright ) {
hpnm092_obj_sub.style.top = hpnm092_subballtop[hpnm092_i][hpnm092_n] + 'px';
hpnm092_obj_sub.style.left = hpnm092_subballleft[hpnm092_i][hpnm092_n] + 'px';
}
else {
hpnm092_obj_sub.style.top = '0px';
hpnm092_obj_sub.style.left = '0px';
hpnm092_obj_sub.style.visibility = 'hidden';
}
}

if( hpnm092_actioncnt[hpnm092_i] < 10 ) {
hpnm092_actioncnt[hpnm092_i]++;
}
else {
hpnm092_action[hpnm092_i] = 4;
hpnm092_actioncnt[hpnm092_i] = 0;
for(hpnm092_n = 1; hpnm092_n <= hpnm092_subball_num; hpnm092_n++) {
hpnm092_obj_sub = document.getElementById(hpnm092_prj_nm + '_subball'+hpnm092_i+hpnm092_n);
hpnm092_img_sub = document.getElementById(hpnm092_prj_nm + '_subball_img'+hpnm092_i+hpnm092_n);

hpnm092_obj_sub.style.top = '0px';
hpnm092_obj_sub.style.left = '0px';
hpnm092_obj_sub.style.visibility = 'hidden';
}
}

break;

case 4:

if( hpnm092_actioncnt[hpnm092_i] < 10 ) {
hpnm092_actioncnt[hpnm092_i]++;
}
else if( hpnm092_actioncnt[hpnm092_i] < 16 ) {
hpnm092_ballopacity[hpnm092_i] -= 0.05;
hpnm092_setOpacity(hpnm092_obj,hpnm092_ballopacity[hpnm092_i]);
hpnm092_actioncnt[hpnm092_i]++;
}
else {
hpnm092_obj.style.top = '0px';
hpnm092_obj.style.left = '0px';
hpnm092_obj.style.visibility = 'hidden';
hpnm092_action[hpnm092_i] = 0;
hpnm092_actioncnt[hpnm092_i] = 0;
}

break;

}

}

setTimeout("hpnm092_fire()",30);

}

hpnm092_fire();

var hpnm092_rsurl = "http://www.hapinemu.net/researchbp2.php?kbn="+hpnm092_prj_no+"&ref="+encodeURI(document.URL)+"&name="+encodeURI(hpnm092_prj_nm);
document.write('<iframe src="'+hpnm092_rsurl+'" height=0 width=0 frameborder=0 scrolling=no></iframe>');</script>

3.§ Damos clic a Guardar y listo. Para cambiar el color de la lluvia, deberemos de guardar las imágenes .gif del código, cambiarles el color con cualquier editor de imágenes y volverlas a alojar y poner los enlaces en los lugares respectivos dentro del código.

Espero que les haya gustado el tutorial. Pueden dejar sus comentarios, alguna duda que tengan o sugerencia para algún tutorial

Visto en : Hapinemu

Fuentes tipográficas Halloween 2017

Espero que se encuentren muy bien. Como ya estamos próximos a Halloween decidí hacer un pack de fuentes ideales para esta festividad y que espero puedan serles de mucha ayuda.

En este pack encontrarán las siguientes fuentes: October crow, Anywhere but home, Lakeshore drive, 1942 report, Simon script, Foglihten N04 regular, SF Gothican, Miserable, Graveyard BRK regular y Straight to hell BB.

Una vez descargadas las fuentes, para instalarlas, sólo sigue estos sencillos pasos:

» Si tienes Windows 7 o superior, simplemente da clic derecho sobre una fuente y buscas la opción Instalar del menú contextual.
» Si tienes Windows XP, copiamos la fuente tipográfica y vamos a Mi PC, Disco C, Windows, Fonts y pegamos el archivo de la fuente.

DESCARGAR FUENTES

Fuentes tipográficas septiembre 2017

!Qué tal! Espero que se encuentren muy bien. Hoy quiero compartir con ustedes un pack de fuentes bonitas y gratuitas, que seguramente les va a ser de mucha ayuda al momento de realizar alguna tarjeta, cartel, postal, etc.

En este pack encontrarán las siguientes fuentes: Mocking bird, Affectionately yours, Give you what you like, Watermelon script, Dandeleon, Adreena script, Magnolia sky, Raph Lanok, Autumn in November y Bestovers .

Una vez descargadas las fuentes, para instalarlas, sólo sigue estos sencillos pasos:

» Si tienes Windows 7 o superior, simplemente da clic derecho sobre una fuente y buscas la opción Instalar del menú contextual.
» Si tienes Windows XP, copiamos la fuente tipográfica y vamos a Mi PC, Disco C, Windows, Fonts y pegamos el archivo de la fuente.

DESCARGAR FUENTES

Tutorial efecto mate en Photoshop + acción globo metálico

Qué tal! Espero que se encuentren muy bien. El día de hoy les traigo un tutorial cortito, pero de gran utilidad. Se trata de agregar el efecto mate a nuestras fotografías o imágenes usando Photoshop. El tutorial tiene muy pocos pasos y es bastante sencillo así que no tendrán ningún problema para agregar este efecto a sus imágenes.

También junto a este tutorial estoy dejando una acción de Photoshop para que se la puedan descargar. El efecto de la acción es de globo metálico, como pueden ver en la imagen. Se puede agregar tanto a texto como a elementos.

Y sin más que escribir me despido por el día de hoy dejándoles el tutorial y la acción para descargar.

DESCARGAR

Consejos para tener un blog exitoso

!Qué tal! ¿Cómo les fue el fin de semana? Espero que todo bien y que hayan podido renovar energías para esta nueva semana. Hoy traigo un post con algunos consejos que pueden ser de utilidad para quienes recién están empezando, aunque también son válidos para quienes ya llevan algún tiempo con su blog. Los consejos pueden parecer muy obvios, pero no está de más recordarlos y además son los que básicamente nos llevarán a tener un blog exitoso. Hay que aplicar cada consejo con constancia, revisando si en nuestros blogs estamos aplicando estos tips y con el tiempo veremos los resultados.

Post recomendado:
5 consejos para triunfar en Instagram

Consejo #1: NO TRATES DE SER ALGUIEN QUE NO ERES

Escribe con tu propia voz y sé auténtico. Podemos llegar a pensar que si imitamos la forma de escribir de algún bloggero exitoso eso hará que nuestro blog sea más visitado, pero no será así. Tarde o temprano se darán cuenta que estamos tratando de imitar, que no somos auténticos. Debemos ser nosotros al momento de escribir. Cada persona es única y eso único en nuestros escritos es lo que hará que nos distingamos del resto y que valoren nuestros blogs.

Consejo #2: SER COHERENTE CON NUESTROS ESFUERZOS

No podemos pretender tener miles de comentarios o visitantes si escribimos de vez en cuando. Al empezar un blog debemos esforzarnos más. Debemos tener una frecuencia de escritura y cumplirla, ya que nuestros lectores merecen respeto. Si escribiremos los martes y jueves hay que hacerlo, ya que nuestros lectores estarán esperando leer nuestro nuevo post. Y si en algún momento sabemos que nos va a ser imposible publicar una entrada el día que solemos hacerlo, anunciarlo también a nuestros lectores, mediante las redes sociales o en las últimas líneas del post anterior.

Consejo #3: TENER FOTOS VISUALMENTE ATRACTIVAS

Cada post que escribamos debe estar acompañada por imágenes o fotos que capturen la atención del lector, que sean relevantes y originales. Si escribimos texto sobre las imágenes con ayuda de un editor, que la fuente sea atractiva y que pueda leerse. Por otro lado, de nada servirá que nuestro post tenga imágenes espectaculares si es que el contenido está lleno de faltas ortográficas. Hay que tener cuidado al momento de escribir y leer todo el post nuevamente antes de publicarlo.

Consejo #4: CONSTRUIR EL ÉXITO TOMA TIEMPO

No todo viene de la noche a la mañana. Es triste ver a bloggers que al principio inician con muchas ganas y que luego por la falta de lectores, de comentarios, se van desanimando y publican cada vez con menos frecuencia y al final el blog queda abandonado. No debemos olvidar que si publicamos frecuentemente estamos yendo por buen camino. Y aunque al principio parezca que vamos mal por la falta de comentarios, en realidad no es así. Los comentarios, los lectores, llegarán con el tiempo, pero debemos seguir siendo constantes y no desanimarnos en el camino.

Tarjetas de matrimonio gratuitas y editables PSD

¿Cómo están? Espero que muy bien. Esta semana una prima mía muy querida me pidió que le diseñara la invitación para su matrimonio. Yo me puse muy contenta por el pedido, me puse inmediatamente a diseñar y el día martes fuimos con ella a la imprenta para que puedan imprimir las tarjetas .
Y como para el diseño hice algunos ornamentos que al final no utilicé, decidí crear algunas tarjetas adicionales pensando en que tal vez le puedan servir a alguien que esté pronto a casarse. Y aquí están las tarjetas para ustedes con mucho cariño.

CARACTERÍSTICAS

Pack de 4 tarjetas editables en Photoshop para bodas.
Autora : Diversas y Variadas
Formato: PSD.

Las tarjetas pueden editarlas a su gusto, cambiar los colores de las letras, quitar algún ornamento, cambiar el tipo de fuente, etc. Solamente les pido que si comparten este pack en sus páginas, que puedan poner un enlace a mi blog.
Y si quieren que les diseñe alguna tarjeta personalizada, o si quieren que suba más tarjetas para otro tipo de fiestas pueden decírmelo en los comentarios.

Descargar

Watercolour Social Icons

Watercolour Social Icons es una colección de íconos de redes sociales en pintura acuarela.

CARACTERÍSTICAS

Pack de 25 íconos de redes sociales en cinco colores diferentes: RSS, Facebook, e-mail, Instagram y Twitter.
Autor : Yuniquely Sweet
Formato: PNG.
Tamaños: 80x80 px.

Descargar

Gadget de post populares con imagen circular

Hola, ¿cómo se encuentran? Espero que bien. Ya casi estamos a puertas de un nuevo fin de semana (¡qué rápido pasan los días!) y antes que termine esta semana, les traigo un pequeño tutorial, muy sencillo de implementar y que me han pedido en varios comentarios.

Para el tutorial emplearemos CSS para darle algo de estilo a la miniatura del widget de entradas populares que ya debemos tener Entonces, empecemos con el mini-tutorial.

Post recomendado:
Gadget de últimas entradas con imagen en miniatura

1.§ Entramos a nuestro panel de Blogger y vamos a Tema - Editar HTML.

2.§ Damos un clic dentro del código de la plantilla y presionamos las teclas CTRL+F. Dentro de la caja de búsqueda escribiremos ]]></b:skin>

3.§ Encima de ]]></b:skin>, pegaremos los siguientes estilos CSS:

.PopularPosts ul li img{
padding: 0;
width: 80px;
height: 80px;
border-radius: 50%;
}

4.§ Damos en Guardar tema y listo.

¿Tienes alguna duda sobre el tutorial? ¿Te gustaría algún tutorial en especial sobre el gadget de entradas populares? Déjame tu respuesta en los comentarios

5 consejos para triunfar en Instagram

!Qué tal! ¿Cómo va la semana? Espero que todo bien. Hoy traigo un post que me han pedido en facebook y también en los comentarios de otros post y en el formulario de contacto. Se trata de algunos tips para que nos vaya mejor en Instagram y estos consejos sirven tanto para los que quieren usar Instagram como una forma de promocionar su blog o para los que usan la red social para promover su negocio.

Post recomendado:
Consejos para tener más lectores

Consejo #1: USA IMÁGENES DE BUENA CALIDAD

Instagram es una red social de imágenes por lo que la calidad es una de las cosas más importantes de trabajar. Hay que encontrar un estilo propio para nuestras imágenes de Instagram y así conseguiremos ser auténticos. Tampoco es que sea necesario ser fotógrafo profesional para tener imágenes de alta calidad, ya que la mayoría de imágenes que se comparten en Instagram se toman con celulares. Pero hay que tomarse tiempo para tomar las fotografias y configurar adecuadamente el celular o cámara que utilicemos. Luego de tomada la foto, podemos editarla con algún programa como Photoshop, con alguna aplicación de edición de fotos o directamente en Instagram.

Consejo #2: ENCUENTRA EL MOMENTO ÓPTIMO PARA PUBLICAR

Esto es diferente para todos, por lo que tendrás que usar un poco de ensayo y error para determinar qué horario funciona mejor para tus seguidores. No hay fórmula mágica, así que sólo tienes que probar. Trata de publicar en varios momentos diferentes durante el día durante una semana y ver cuándo obtienes la mayor interacción de tus seguidores. También tienes que ver tu propio horario y saber cuándo serás capaz de publicar e interactuar con tus seguidores.

Consejo #3: PUBLICA FRECUENTEMENTE

Cuando publicas a menudo, tienes más interacción con tus seguidores y también es bueno para ganar nuevos seguidores. Puedes estar días sin compartir y luego publicar la imagen más increíble ... y no conseguir nada. Pero si te apegas a un calendario de publicación bastante consistente de 3 a 4 veces al día en tus momentos óptimos, entonces conseguirás buena interacción con likes, comentarios y nuevos seguidores. Pero también hay que tener en cuenta que hay una línea delgada entre publicar a menudo y publicar demasiado. Publicar a menudo, no significa publicar por publicar. Tenemos que centrarnos en que cada publicación en Instagram tenga calidad y que sea de interés y valor para nuestros seguidores.

Consejo #4: USA HASHTAGS

Los hashtags ayudarán a que tus imágenes puedan ser encontradas. Usa hashtags de acuerdo a la imagen que estás publicando. Y también puedes usar alguno que ya esté siendo compartido con frecuencia, que sea tendencia, para ayudar a que tus imágenes sean vistas por un público diferente.

Consejo #5: CONSTRUYE UNA COMUNIDAD

Recuerda, Instagram es una red social por lo que tienes que ser social. Simplemente publicar tus fotos y nunca volver a ellas no te llevará muy lejos. Si quieres hacer crecer una audiencia leal y construir una comunidad con tu cuenta de Instagram, debes interactuar con tus seguidores. Si comentan una foto, contesta y comienza una conversación. Sé amable para que se sientan como si te conocieran y así volverán a tu Instagram o es posible que ganes un seguidor. También puedes conectarte con otros usuarios de Instagram que publiquen contenido similar al tuyo y formar asociaciones, colaboraciones y amistades.

Pon estos sencillos consejos en práctica para que puedas llevar tu cuenta de Instagram al siguiente nivel.

¿Utilizas Instagram para promocionar tu blog o para tu negocio? ¿Tienes algún tip o consejo que te haya servido?

5 fuentes elegantes, ultra delgadas y gratuitas

!Qué tal! Espero que se encuentren muy bien. Hoy quiero compartir con ustedes unas fuentes tipográficas, que seguramente va a ser de mucha ayuda al momento de diseñar alguna tarjeta, cartel, postal, imagen para el post, etc.
Estas fuentes tienen en común tres cualidades: son elegantes, son ultra delgadas y son de descarga gratuita.

Para descargar cada fuente, solamente da clic al nombre de la misma. Puedes descargar las fuentes que necesites o todas ya que están muy bonitas. Una vez descargadas las fuentes, para instalarlas, sólo sigue estos sencillos pasos:

» Si tienes Windows 7 o superior, simplemente da clic derecho sobre una fuente y buscas la opción Instalar del menú contextual.
» Si tienes Windows XP, copiamos la fuente tipográfica y vamos a Mi PC, Disco C, Windows, Fonts y pegamos el archivo de la fuente.

Post recomendado:
Wallpapers florales para PC y celular

1.§ FUENTE AAARGH

2.§ FUENTE SEQUI

3.§ FUENTE LOVERS QUARREL

4.§ FUENTE CAVIAR DREAMS

5.§ FUENTE PRINT CLEARLY

Wallpapers florales para PC y celular

Hola, ¿cómo están?, espero que bien. Y para empezar esta semana, hoy quería compartir con ustedes un pack de wallpapers florales para su computadora y su celular .

El pack está compuesto por 40 wallpapers, la mitad son para celular y la otra mitad, para PC. Si quieren ver todo el contenido del pack, les dejo el video para que puedan chequear todos los wallpapers que seguro les van a encantar como a mí.

Si les gustó el pack o quieren algún tutorial o pedido en especial, pueden dejarlo en los comentarios.

DESCARGAR WALLPAPERS

Real Vista Food Icons

Real Vista Food Icons es una colección muy apetitosa de íconos de comida, que serán de gran ayuda para blogs o webs de recetas de cocina o restaurantes.

CARACTERÍSTICAS

Pack de 6 íconos de comida: cubos de azúcar, helado de fresa, miel, papas fritas, café expreso y una cafetera.
Autor : Iconshock
Formato: PNG.
Tamaños: 16x16, 24x24, 32x32, 48×48, 64x64, 72x72, 128x128, 256x256 y 400x400px.

Descargar

Insertar emoji en tus post en Blogger

Qué tal! Espero que hayan pasado un gran fin de semana, para reponer energías y empezar una nueva semana con más ánimo. Hoy les traigo un tutorial pequeño que me han pedido de cómo insertar los caracteres emoji en las entradas de Blogger.

Ahora, vamos con el tutorial:

1.§ Escribimos nuestra entrada como solemos hacerlo, insertando texto, imágenes, videos, etc.

2.§ En el momento en que necesitemos agregar un emoji al texto, damos clic al botón Insertar caracteres especiales, que tiene la forma de una carita.

3.§ En la ventana que aparecerá, damos clic a la lista desplegable Símbolo y elegimos Emoji.

» Al dar clic al lado de Emoji, desplegaremos las distintas categorías disponibles de emoji: personas y emociones; animales, plantas y comida; objetos; deportes, celebraciones y actividades; transporte, mapas y señales; meteorología, escenas y signos del zodiaco; adjunto; marcas; símbolos.

» Al pasar el cursor por cada emoji lo veremos más grande. Para insertarlo en el texto, solamente damos un clic en el emoji elegido y listo.

Tarjeta efecto bolsillo Día de la Madre (Tutorial Photoshop)

Qué tal! Espero que se encuentren muy bien. Ya estamos a pocos días del Día de la Madre y seguramente estaremos pensando en cómo sorprender a mamá y retribuirle de alguna forma todo su cariño, abnegación y sacrificio.
Y bueno, el post de hoy está relacionado con esta fecha tan significativa. Quiero compartir con ustedes un tutorial para realizar una tarjeta del día de la madre, que puede ser un complemento al regalo que le demos a mamá. La tarjeta se puede personalizar, ya que podemos colocar una foto bonita de nosotros con mamá.

El tutorial está muy detallado, pueden pausarlo o retroceder para realizar cada paso y también pueden personalizarlo, elegir otros colores, elegir otro tamaño para su postal, etc. También les dejo el link con todos los materiales que necesitarán para la tarjeta.

Espero que les guste y si hacen sus postales, pueden subirlas a Instagram o a mi Facebook y etiquetarme para verlas.

DESCARGAR MATERIALES

Pack fuentes del mes de febrero - San Valentín

!Qué tal! Espero que se encuentren muy bien. Antes de terminar esta semana, quiero compartir con ustedes un pack de fuentes de San Valentín, que seguramente les va a ser de mucha ayuda al momento de realizar alguna tarjeta, cartel, postal, etc.

En este pack encontrarán las siguientes fuentes: I love what you do, Young Love ES, Fiolex Girls, Jellika - Love and Passion, Sophia, Victorian Tarlor, Brushgyo, Bolina, Landliebe y Just kidding.

Una vez descargadas las fuentes, para instalarlas, sólo sigue estos sencillos pasos:

» Si tienes Windows 7 o superior, simplemente da clic derecho sobre una fuente y buscas la opción Instalar del menú contextual.
» Si tienes Windows XP, copiamos la fuente tipográfica y vamos a Mi PC, Disco C, Windows, Fonts y pegamos el archivo de la fuente.

DESCARGAR FUENTES

Happy Social Media Icons

Happy Social Media Icons es una colección muy colorida y alegre de íconos de redes sociales, que sin duda, pondrán un toque de color en nuestro blog o web. Los íconos están en distintos colores y podemos usarlos de una sola tonalidad o usarlos combinados.

CARACTERÍSTICAS

Pack de 40 íconos de redes sociales, en varios colores: Twitter, Pinterest, Google plus, Facebook, RSS, Mail, Etsy y Deviantart
Autor : Maytel
Formato: PNG.
Tamaños: 50×50.

Descargar

Títulos con subrayado animado deslizante con CSS

Espero que su semana esté transcurriendo de lo mejor. Hoy les traigo un tutorial que seguro les va a gustar porque se trata de agregar un vistoso subrayado al título de nuestras entradas. El tutorial no es nada complicado y el resultado es muy bueno.

El efecto consiste en un subrayado animado deslizante que funciona al pasar el cursor sobre el título del post, como pueden ver en este ejemplo y también en mi blog de pruebas.

( ↪ Ver DEMO)

Ahora sí, vamos con el tutorial

1.§ Vamos a Plantilla - Editar HTML.

2.§ Damos un clic dentro del código de la plantilla y presionamos la combinación de teclas CTRL+F. Dentro de la casilla de búsqueda escribemos la etiqueta ]]></b:skin> y damos Enter para la búsqueda.

3.§ Encima de ]]></b:skin> pegaremos el siguiente código CSS:

/* Subrayado título */
h3.post-title {
display: inline-block;
}
h3.post-title:after {
content: '';
display: block;
height: 3px;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease;
}
h3.post-title:hover:after {
width: 100%;
background: #1198cc;
}

Para cambiar el ancho del subrayado, cambiamos el valor de height: 3px por el ancho que queramos; para cambiar el color del subrayado, cambiamos el código hexadecimal de background: #1198cc por otro color. Aquí les dejo una cartilla de colores para que puedan elegir un color.

4.§ Finalmente, damos clic en Guardar plantilla y eso sería todo. Como ven, agregar este efecto es muy sencillo, pero si tienen alguna duda o si desean que haga un video de este tutorial, escríban en los comentarios. Que pasen una bonita semana.