» Cómo hacer visible tu blog, que te lean, sigan y comenten


 ¿Cómo te quedas si te digo que hay más de 59,4 Millones de blogs circulando por las redes queriendo que se les vea, sigan y comenten? Si esa cifra te parece que es grande aún no le has sumado esa cantidad los usuarios de Twitter, Facebook, Pinterest y demás redes sociales del demonio… y tendrás como resultado una inmesa cantidad de personas que compiten por captar la atención de tus usuarios. Con semejante panorama, merece la pena que dediquemos unos minutos a planear cómo promocionar un Blog y diferenciarte del resto.

Si tienes un Blog supongo que ya sabes de lo que estoy hablando. Sí, eso, hablo de lo difícil que es promocionar un blog para que no caiga en el olvido y seas el único que pase por allí.

Cómo promocionar tu Blog

Ponerlo muy fácil par que tu contenido se comparta en redes sociales

Mucho se ha hablado y se sigue hablando de la importancia de las redes sociales para promocionar un Blog, y que no te extrañe, ya que, por ejemplo Twitter es la segunda red social más grande y usada por la gente, después de google plus, por lo que es importante que tus lectores, incluso tu mismo/a compartas cada entrada en twitter, no todo el blog, sino cada entrada que publiques en el blog.

La mejor forma de hacerlo es pidiéndoles abiertamente que lo hagan, ya que estarán encantados de hacerlo si encuentran tu contenido de utilidad o entretenido. Para ello puedes poner los botones sociales al final del post con un petición clara.

Colabora con otros Bloggers para mejorar tu red de contactos

En los primeros meses no se debe forzar mucho el posicionamiento de tu blog, por lo que la mejor forma de conseguir enlaces y promocionar tu Blog es pasar por escribir en Blogs de terceros, vamos coloaborar. No sólo por conseguir tus primeros enlaces y abrirte camino en Google, sino por formar parte de la comunidad y entablar relaciones con otros Bloggers.

Si tienes algún reparo en ponerte en contacto con otros Bloggers, elimina tus miedos. La mayoría de personas están abiertas a colaboraciones y conocer gente interesante. Si tu objetivo pasa por escribir artículos como invitado para conseguir tus primeros lectores, ponte en contacto con ellos y ofréceles contenido de valor para sus lectores. Te puedo asegurar que funciona.

Fomenta la participación en los comentarios

Una forma de generar comunidad y escuchar a tus lectores no es otra que fomentar los comentarios. Y al igual que compartir en redes sociales, esto se consigue pidiendo abiertamente que lo hagan y ofreciendo algo de valor antes de nada.


Si quieres que alguien participe en tu Blog, asegúrate primero de crear contenido de valor para que la otra persona dedique unos minutos de su tiempo a compartir su experiencia y darte las gracias. Además, una forma de aumentar la participación en tu Blog pasa por responder los comentarios y mantener una comunicación directa y constante con tus lectores.

Mi súper agenda perfecta

El 31 de enero ya estará disponible en #Amazon "Mi súper agenda perfecta"

Os adelanto el indice:
Calendario 2017
Planning mensual 2017
12 meses de Enero a Diciembre
Apuntar mails, telefonos y cumpleaños
Para apuntar contraseñas
Eventos y presentaciones
Fichas para hacer reseñas de libros
Para apuntar libros pendientes
Lista de deseos/wishlist
Para hacer entrevista a autores
Para llevar un control de book tours,lecturas conjuntas y sorteos
Sección de notas
Fichas para reseñas de cine y series
Para apuntar películas y series pendientes

Diario de una cafeinomana (antes y ahora)

Hola a todos

Tengo l placer de presentaros el antes y después del blog Diario de una cafeinomana, al cual os invito a seguir su blog, twitter y facebook


Si queréis encargar vuestra plantilla, gratis hasta el 31 de enero, click aqui

Desorden cerebral, alimenticio y de vida, nada de lo que digo va a tener sentido nunca.
Fanpage artista
Fanpage Dreaming Graphics
/>
Twitter
¿Nos regalas un tweet?

» ¿Qué plantilla te gusta más para que la regale en un sorteo?

¿Qué plantilla te gusta más para que la regale en un sorteo?

Debajo de cada foto pone "ver demo" si le das verás cada blog en funcionamiento.




 

» Tipografías con imágenes o dingbats

 

Hola mis dreamers

Antes que nada, te voy a explicar qué son las tipografías dingbats.

Este tipo de tipografías (fuentes) se emplea generalmente en archivos de texto, aunque le podemos dar otro uso. Si desconoces este término, los dingbats son tipografías de símbolos o dibujos que funcionan como si fuesen letras, que generalmente se usan para decorar, también conocidos como pictograma. Es un tipo de fuente que en lugar de tener asignados caracteres alfabéticos o numéricos contienen dibujos de un sólo, generalmente en blanco y negro, aunque tu puedes cambiarle el tamaño o el color como una fuente normal.

Un ejemplo es la imagen que os he puesto para explicaros que son.

Son muy útiles, tenéis de pago o gratuitas, y las podéis usar para diseñar cualquier cosa, como por ejemplo la imagen que he colocado en esta entrada que pone "Tipografías con imágenes o dingbats"


Las dingbats que más me gustan son, que de paso os dejo los enlaces para que os los descarguéis, clicando en cada nombre os lleva a ellas, son gratuitas: Bergamot Ornaments - Menina Graciosa Ornaments Two - Cats

Fanpage artista
Fanpage Dreaming Graphics
/>
Twitter
¿Nos regalas un tweet?

» Tutorial menú desplegable

Hola

Debo decir que estoy súper contenta porque habéis estrenado el formulario para pedir tutoriales, tú también puedes hacerlo además de ver el indice de tutoriales, hasta ahora publicados, dandole click aquí o en el menú de arriba donde pone tutoriales

Uno de los tutoriales que nos han pedido es poner un menú desplegable en nuestro blog, en el próximo tutorial será un menú que se desplaza.



Aunque parece muy complicado, es muy sencillo. Recuerdo cuando empecé con mi blog en blogger, que no tenía ni idea de cómo iba todo y leí “menú desplegable”, te juro que en ese momento lo flipaba en colores y lo veía como una misión imposible, quien me iba a decir a mi que más tarde estaría enseñándote a ti y a todos mis dreamers cosas sobre blogging y blogger y que iba a ser yo quien te lo iba a enseñar a ti como hacer este menú para tu blog.

¿Tienes todo preparado? Lo que vas a necesitar es abrir el escritorio de tu blog, para poder entrar en diseño y en plantilla cuando lo necesites y un word, sí, un word, yo lo hago así porque me es más fácil.

Me siento como las típicas personas que te van a enseñar manulidades, pero yo te lo voy a enseñar todo paso a paso, no voy a hacer como ellos que cortan y de repente está ya todo perfecto, que cuando lo intentas hacer tú te sale todo fatal. Ahora sí  ¿empezamos?


Escoger las categorías y subcategorías que quieres poner en el menú.

Yo, antes de empezar con el html ni esos rollos me miro bien mi blog y escojo que categorías y subcategorías quiero poner. Como siempre te voy a poner ejemplos, de un blog de literatura, que me encanta leer
.
Ejemplo nº1: Blog de literatura – Puedes hacer categorías que sean reseñas, autores, entrevistas, etc. Las subcategorías podrían ser por ejemplo en los reseñas: leido 2016, leido 2017.

Ejemplo nº2: Blog de moda/maquillaje – Siempre puedes poner las típicas categorías de verano, invierno, primavera y otoño.. En el caso de maquillajes también pueden ser día y noche o por colores. Sólo tú sabes realmente de que hablas en tu blog y que categorías harían que estuviese mejor organizado y fuese más fácil para tus lectores navegar por él. De subcategorías serían todos los colores que hayas usado o también, si eres una fanática de todo tipo de pantalones, incluso puedes hacer una que sea pantalones y de subcategoría todos los tipos de pantalones que has enseñado a combinar.

Lo que sí te aconsejo es que dejes siempre la primera pestaña como “inicio” porque les será más fácil a tus lectores entender que si quieren volver a ver la página de inicio deben darle allí, también funciona clicando a la imagen de portada, pero he visto sitios en los que no, así que no está de más nunca tener esa pestaña. .

Elabora el menú

Antes: No olvides hacer una copia de seguridad de tu plantilla yendo a Diseño –> Plantilla –> Crear/Restablecer copia de seguridad y guardas la plantilla actual antes de hacer ningún cambio.



Ahora ya sabes que categorías y subcategorías vas a poner en tu blog, así que vamos a elaborar el menú para que puedas instalarlo en tu blog. Ahora debes abrir un word en blanco y pegar allí el siguiente código, no te olvides ninguna coma ni nada, si te olvidas de algo el código no funcionará.
que para añadirlo a tu blog tienes que darle a diseño: edición html y buscar este código y pegar el código de abajo justo después de esta linea <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>:
<div id='menu-desblegable'>
<ul class='menu'>
 <li><div id='buscar-top'><form action='/search' id='searchthis' method='get' style='display: inline;'>
<input class='search-box' name='q' placeholder='BUSCAR' size='30' type='text'/>
</form></div></li>
<li><a href=''>Inicio</a></li>
<li><a>Seccion 1</a>
<ul>
<li><a href='aquienlaces'>Seccion 1a</a></li>
<li><a href='aquienlaces'>Seccion 1b</a></li>
<li><a href='aquienlaces'>Seccion 1c</a></li>
</ul>
  </li>
<li><a href='aquienlace'>Seccion 2</a></li>
<li><a>Seccion 3</a>
<ul>
<li><a href='aquienlace'>Seccion 4a</a></li>
<li><a href='aquienlace'>Seccion 4b</a></li>
<li><a href='aquienlace'>Seccion 4c</a></li>
<li><a href='aquienlace'>Seccion 4d</a></li>
<li><a href='aquienlace'>Seccion 4e</a></li>
<li><a href='aquienlace'>Seccion 4f</a></li>
</ul>
  </li>
</ul>
</div>

Ahora, una vez tengas pegado el código en tu word deberás cambiar lo siguiente:
Naranja: Cambiarlo por la url que corresponda a cada categoría o subcategoría o a la de tu blog si se trata del inicio.
Verde: Cambiar por el nombre de cada categoría o subcategoría.
Si te fijas, en las categorías desplegables tienes un # donde supuestamente iría el enlace de la pestaña, si quieres que simplemente sea el nombre de la categoría para ordenar tus pestañas desplegables deja el #, si  por el contrario quieres que también el “título” del desplegable también lleve a alguna parte de tu blog en concreto ponle el enlace en el lugar del # y solucionado.
Nota rápida: Recuerda que para saber que url tiene una etiqueta lo único que tienes que hacer es clicar en la etiqueta y copiar la url que aparezca.

¿Necesitas añadir más…?

Añadir más subpestañas: Sólo tienes que copiar <li><a href=’URL‘>Subcategoría 1</a></li> debajo de la última subcategoría y solucionado, cópialo tantas veces como te haga falta, sobretodo no te olvides que va justo antes de </ul>.
Añadir más categorías desplegables: Para esto deberás copiar más código y pegarlo donde lo necesites, en concreto el código será este, que para añadirlo a tu blog tienes que darle a diseño: edición html y buscar este código y pegar el código de abajo justo después de esta linea <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>:
<div id='menu-desblegable'>
<ul class='menu'>
 <li><div id='buscar-top'><form action='/search' id='searchthis' method='get' style='display: inline;'>
<input class='search-box' name='q' placeholder='BUSCAR' size='30' type='text'/>
</form></div></li>
<li><a href=''>Inicio</a></li>
<li><a>Seccion 1</a>
<ul>
<li><a href='aquienlaces'>Seccion 1a</a></li>
<li><a href='aquienlaces'>Seccion 1b</a></li>
<li><a href='aquienlaces'>Seccion 1c</a></li>
</ul>
  </li>
<li><a href='aquienlace'>Seccion 2</a></li>
<li><a href='aquienlace'>Seccion3</a></li>
<li><a>Seccion 4</a>
<ul>
<li><a href='aquienlace'>Seccion 4a</a></li>
<li><a href='aquienlace'>Seccion 4b</a></li>
<li><a href='aquienlace'>Seccion 4c</a></li>
<li><a href='aquienlace'>Seccion 4d</a></li>
<li><a href='aquienlace'>Seccion 4e</a></li>
<li><a href='aquienlace'>Seccion 4f</a></li>
</ul>
  </li>
</ul>
</div>
Añadir más categorías simples, sin desplegables: Simplemente deberás copiar <li><a href=’URL‘>Categoría</a></li> y pegarlo donde lo necesites.
Igualmente si tienes cualquier duda o necesitas ayuda para elaborar tu menú, contáctame y te ayudo.
Una vez tengas elaborado tu menú deberás ir a Diseño y en el apartado que pone “cross-column”, donde visualmente estaría el menú, añadir un gadget html/javascript y pegar tu código html con tu menú hecho.

Dale tu toque al menú

No me mates, lo se, tu menú está todo descuadrado y ni funciona ni nada, lo se, ahora lo que debes hacer es darle tu estilo y todo irá de maravilla. ¿cómo dices? Con CSS. Ves a Plantilla –> Personalizar –> Avanzado –> Añadir CSS y pega este código (no te olvides ni una coma):
#menu-desblegable {
margin:auto;
width:100%;
background:#81368e; /*Color de fondo de la barra*/
height:40px; /*Anchura de la barra*/
border-bottom: 4px solid #adbcdc; /*Línea de debajo del menú, si no queréis borrad esta línea*/
position:fixed; /*Para que la barra se quede fija*/
z-index:101; /*Para que la barra se quede fija*/
}
ul, ol {
list-style:none;
}
.menu > li {
float:left;
}
.menu{
margin:0 auto;
width:800px; /*Ancho del menú dentro de la barra, variaremos este valor hasta conseguir el que buscamos*/
}
.menu li a {
color:#ffffff; /*Color de las letras de las pestañas*/
font:normal normal 15px Georgia; /*Tamaño y tipografía de las pestañas*/

letter-spacing: 2px; /*Espaciado entre caracteres, si no queréis borrad la línea*/
text-decoration:none;
padding:10px 20px;
display:block;
cursor:pointer;
}
.menu li a:hover {
color: #cccccc; /*Color de las pestañas al pasar el ratón por encima*/
}
.menu li i{ /*Esto es para los iconos sociales, si no los tenéis borrad este bloque*/
color: #adbcdc; /*Color de los iconos sociales*/
font-size: 14px; /*Tamaño de los iconos sociales*/
}
.menu li i:hover{ /*Esto es para los iconos sociales, si no los tenéis borrad este bloque*/
color: #ffffff;  /*Color de los iconos sociales al pasar por encima*/
}
.menu li ul {
background-color: #98bbe6; /*Color de fondo de las subpestañas*/
display:none;
position:absolute;
min-width:140px;
}
.menu li ul a { /*Si queréis que la letra sea igual que las pestañas, borrad esta línea*/
color: #000000; /*Color de las letras de las subpestañas*/
font:normal normal 14px Times New Roman; /*Tamaño y tipografía de las subpestañas*/
text-transform:uppercase; /*Para que esté en mayúsculas, sino borrad la línea*/
letter-spacing: 2px; /*Espaciado entre caracteres, si no queréis borrad la línea*/
}
.menu li ul a:hover { /*Si queréis que la letra sea igual que las pestañas, borrad esta línea*/
color: #ffffff; /*Color de las letras de las subpestañas al pasar el ratón por encima*/
}
.menu li:hover > ul {
display:block;
}.search-box{ /*Para cambiar la apariencia de la cajita*/
width:90%; /*Tamaño de la caja entera*/
text-align:center;
padding:3px 0; /*Altura de cajita*/
color:#9c0202; /*Color de las letras cuando escriba el usuario*/
border:1px solid #cccccc; /*Tamaño, estilo y color del borde, si no queremos borde borrar la línea*/
background:#ffffff; /*Color de fondo*/
font: normal normal 11px Lato; /*Tamaño y tipografia de la palabra BUSCAR (o la que hayas escrito)*/
border-radius:2px; /*Bordes redondeados, si no los quieres, borrar esta línea*/
}

#buscar-top{ /*Para colocarla bien dentro de nuestra barra*/
margin-top:6px; /*Variar para colocarlo bien de altura*/
margin-right:0px; /*Variar para colocarlo bien a lo ancho*/

}
Para encontrar el codigo del color que quieres puedes encontrar una gama amplia en esta página, puedes cambiar todos los que te he marcado en azul que son #numerodelcolor, además puedes cambiar el tipo de borde y la letra y tamaño de ésta. Es muy fácil y lo único que tendrás que ir haciendo es tocando lo que te he marcado en azul hasta que encuentres. Tienes un visor que te va enseñando los cambios, el problema es que no podrás ver las subpestañas, así que yo lo que hago es ir guardando y viendo el blog directamente para así poder ver el desplegable y todo.

Últimos consejos:

  1. Utiliza colores que combinen bien con tu blog, no pongas colores a lo loco y intenta que los colores de la tipografía y el fondo no contrasten mucho. Por ejemplo, no pongas fondo negro con letras verde fosforito porque no se va a poder ver nada bien y va a molestar a la vista.
  2. No hagas desplegables infinitos, escoge tus categorías y subcategorías importantes. Si tienes muchas, revisa seriamente tu blog porque entonces quiere decir que estás abarcando mucho más trabajo del que deberías y puedes acabar agobiándote.
  3. Pon las categorías importantes, no pongas una pestaña dedicada a premios. Todos conocemos los premios que nos damos unos blogs a otros, se agradecen mucho pero no hace falta que uses el menú para ponerlos, yo cometí ese error y me arrepiento mucho. El menú es una forma muy  visual de ver de que trata tu blog.
  4. Tomate con calma esto de hacer tu menú desplegable, como si tardas una semana, sin agobios.

Fanpage artista
Fanpage Dreaming Graphics
/>
Twitter
¿Nos regalas un tweet?

Diseño low cost / bajo precio


Si no te aclaras con photoshop, illustrator y otros programas, si no tienes a nadie conocido que se amañe con el diseño y te pueda hacer lo que necesites, si has preguntado por ahí y te cuesta un dineral hacerte cualquier cosa de diseño... ¡tengo la solución a tu problema! ¡¡Yo te lo hago!!

Si quieres tener un banner, un blog, un botón, una galería de imágenes, lo que quieras, yo te lo hago, con todo el amor que pueda.

Es fácil y rápido, y el precio es muy asequible.

Envíame un email a susana.dreamingraphics@gmail.com, una vez recibido me pondré en contacto contigo rápidamente.

Aquí tienes un ejemplo de banner que diseñe Luismatra fotógrafo. Es importante dar a conocer tu trabajo a mucha gente, por ello es imprescindible tener un banner para poder intercambiar con otros blogs/webs. ¿Que te parece este? Bonito ¿no?



¿Nos regalas un tweet?

» Descargables texturas/partners primavera

Buenas tardes mis amores

Os traigo una nueva entrada con texturas/partners que podéis usar en vuestros blogs como fondo.

Iré haciendo más, espero que os gusten, no olvidéis de comentar y compartir.

¿Nos regalas un tweet?


» Como poner un botón de subir arriba

Son famosos ya los botoncitos de subir arriba. Así que he decido hacer un tutorial y unas flechas para vosotros/as

Ya sabéis que no me gusta extenderme mucho en las entradas, y me gusta las cosas sencillas y fáciles de entender  y de hacer.

Cómo instalar tu flecha de subir arriba: 


. Decides qué flecha que te gusta
. Os pongo un código de ejemplo y solamente tendréis que sustituir la url de la imagen de la flecha que os gusta

. Las subes a una plataforma tipo tumbrl, una vez subida copias la ruta/enlace de la imágen

. En tu blog, le das a Añadir gadget HTML

. Pegas el código

. Guardar cambios 




Os pongo aquí  una flecha con su código para subir arriba, como dije arriba sustituye la url de mi flecha por la url de la flecha que te gusta a ti. Y un video tutorial al final de la entrada

EN otra entrada subiré más diseños de flechas de subir arriba

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://68.media.tumblr.com/da6b1cf055f67a98c8fc26fb82c12ed5/tumblr_ojb3ct7y4w1vilggyo1_75sq.png" /></a>


Encuesta: ¿Qué tutoriales y descargables quieres?

Hola mis amores

He colocado una encuesta en el lateral derecho para que votéis que tutoriales y descargables queréis ver en el blog.


Es de forma anónima, espero que participéis.


¿Nos regalas un tweet?

¿Aún no tienes o no has regalado una agenda?

¿Aún no tienes o no has regalado una agenda?

Tenemos para bloggers, agendas 2017, libreta del escritor, para organizar tu boda, etc....
Libreta del estudiante de fotografía http://amzn.to/2iGUeoy
Mi agenda perfecta 2017: http://amzn.to/2iOjWVa
Agenda bloggera 2017: http://amzn.to/2hQaRyd
Mi diario de lectura http://amzn.to/2iCo9eO
Agenda para y del escritor/a http://amzn.to/2ftkzUL
Agenda para Blogueros (sean literarios o de cine y series): http://amzn.to/2j3uq2n
La agenda de nuestra boda: http://amzn.to/2j3xawF
Dirio para la novia y otro para el novio http://amzn.to/2iySs8w



¿Nos regalas un tweet?

Portadas ~ ejemplos

Buenos días mis amores

Os traigo unos ejemplos de portadas, están a la venta por el precio de 35 euros cada una.

Los títulos son inventados, no existen esos libros con esas portadas ni con ese nombre de autora, es para que veáis como quedarían.

También podéis encargar las vuestras personalizadas, cualquier cosa mi email es susana.dreamingraphics@gmail.com




¿Nos regalas un tweet?


3 claves para un mejor diseño gráfico

3 claves para un mejor diseño gráfico
Perfecciona tu trabajo con estas claves
Diseñar es un arte hermoso, amerita de pasión, como todo en la vida. Cuando se es diseñador o diseñadora gráfico porque se tiene pasión no solo es una ventaja por el compromiso, sino que además quien es apasionado asume la importancia de conocer mejores técnicas, claves, secretos, detalles. 
 
Actualmente, con todo lo que Internet ofrece como ventajas en términos de emprendimiento, el diseño gráfico ha dado un salto hacia el protagonismo. Si se quieres ser más efectivo en las redes sociales, necesitas conocimientos de diseño gráfico, si quieres presentar mejor tu web y tu blog, también necesitas conocer los aspectos más fundamentales del diseño gráfico. Si quieres hacer tu papelería, tarjetas, banners, etc., debes tener conocimiento de este maravilloso arte.
Por eso en el día de hoy queremos ofrecerte en este post 3 claves para un mejor diseño gráfico, claves que puedes poner en práctica de forma simple, notarás la diferencia en tus trabajos.
Primera clave: Dedica tiempo a escoger una tipografía adecuada
Esto es importante. No te vayas por cuestiones genéricas, ni para tus diseños personales ni para tus clientes. Estudia detenidamente la marca, si es tu marca, defínela con exactitud. Respóndete qué es lo que quieres lograr en tus clientes, quiénes son tus clientes, cuál es su estatus y sus necesidades. La tipografía debe inspirar confianza y atracción en los que has definido como clientes y debe ser coherente de forma completa con tu marca. Solo así tu diseño será altamente efectivo.
Segunda clave: Que las imágenes no queden al desnudo
Con esta clave queremos centrarnos en las imágenes que incluirás en el diseño. Recuerda que el uso de las imágenes tiene como propósito que resalte el diseño. Muchos diseñadores se equivocan al escoger o posicionar las imágenes dentro del diseño como si ellas fueran el destino final de la visualización del usuario. Así que entre estas 3 claves para un mejor diseño gráfico queremos decirte que recuerdes que el destino final, o el propósito principal del diseño es causar un impacto en el usuario de tal forma que se logre la conversión. Entonces un consejo podría ser usar una rejilla o una marca que haga destacar la imagen sin que le reste valor al resto del diseño.
Tercera clave: Mantén la simplicidad
Por último, para lograr un mejor diseño gráfico, bien sea para webs, blogs, redes sociales, tarjetería, papelería, portadas, logos, etc., no recurras a lo estrambótico. No abuses de las fuentes y las imágenes, recuerda que lo simple es elegante, lo elegante atrae y la atracción permite la conversión.
Hasta la próxima.
¿Nos regalas un tweet?


Tenemos tienda en paypal

Hola a todos

Hemos conseguido abrir una tienda en paypal para que sea más fácil adquirir nuestros productos.


¿Nos regalas un tweet?


©TODOS LOS DERECHOS RESERVADOS ♥ Dreaming Graphics | 14 de julio 2013