¡Ya he vuelto!

01 agosto 2014



¡Buenas! ¡Ya he vuelto! ¿Qué tal ha ido el mes? ¿Os habéis ido ya de vacaciones? 

Me despedí diciendo que el tiempo estaba loco, que estaba que si llovía, que salía el sol...pues parece que ya ha llegado el verano, ¡por fin! Porque ¡qué calor! Pero no sólo ha llegado el calor...También vuelven Por verte sonreír y El rincón de las Musas, con nuevas entradas, nuevas secciones y...¡nueva imagen! ¿Qué os parece?

Quería unificarlo en 3 o 4 colores, y no tener 80, con 80 tonos distintos; que tuviese un poco más de armonía y no fuese un caos. Tenerlo todo más organizado. 
Como podéis ver, al inicio de esta entrada tenemos la nueva portada. Quería un poco más de color, más alegría, porque las otras que puse me parecían sosísimas, y creo que esta me durará bastante, jeje. También podéis ver que he añadido el botón de "Pin it", los de redes sociales, etc.

¿Queréis saber cómo lo he hecho todo? Pues ¡allá vamos!


Para empezar, me hice mi propia paleta de colores, ya que había colores de antes que me gustaban, pero otros los quería cambiar, y este fue el resultado:



Por supuesto, tenéis todo el derecho del mundo a descargárosla.

He añadido una imagen de bienvenida, los botones de redes sociales, el de subir, y el de "Pin it" que os comentaba antes.







  • Para añadir una imagen como gadget, tienes que ir a Diseño -->Añadir gadget -->HTML/Javascript e introducir este código:


<img src="Dirección de la ubicación de la imagen" /><br /> 

Sólo tenéis que cambiar lo que está en verde.
La imagen tiene que estar subida a internet, yo utilizo Photobucket.


  • Para añadir una imagen que enlace a otro sitio (como el caso de los iconos de redes sociales), vamos a la misma direccion: Diseño -->Añadir gadget -->HTML/Javascript; e introducir este código:


<a href="Dirección a enlazar"><img src="Dirección de la ubicación de la imagen" border="0" /></a>


  • Para añadir el botón "Pin it", debemos ir a Plantilla --> Editar HTML --> clicar en cualquier sitio del cuadro --> presionar Ctrl+F para que salga el cuadro de búsqueda --> escribir </body> y darle a Intro.

         Justo encima de donde ponga </body> introducimos este código:

<!-- Inicio - Botón Pin it -->
<script>
//<![CDATA[
var bs_pinButtonURL = "dirección de la imagen del botón";
var bs_pinButtonPos = "topright";
var bs_pinPrefix = "";
var bs_pinSuffix = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script id='bs_pinOnHover' src='http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bs_pinOnHoverv1_min.js' type='text/javascript'>
// This Pinterest Hover Button is brought to you by bloggersentral.com.
// Visit http://www.bloggersentral.com/2012/11/pinterest-pin-it-button-on-image-hover.html for details.
// Feel free to use and share, but please keep this notice intact.
</script>
<!--Fin - Botón Pin it -->

Sólo tenéis que cambiar lo que está en verde, en el primero, cómo indica, tenéis que introducir el enlace donde se encuentre vuestro botón "Pin it", y en el segundo, la posición en la que queréis que se vea.

Esto es lo que tenéis que poner dependiendo de la posición que queráis:


     - center: centro de la imagen
     - topright: arriba a la derecha
     - topleft: arriba a la izquierda
     - bottomright: abajo a la derecha
     - bottomleft: abajo a la izquierda

  • Y para poner el botón de subir, vamos a Diseño-->Añadir gadget-->HTML/Javascript e introducimos este código:
<a href='#' style='display croll;position:fixed;bottom:0px;right:0px;' title='ARRIBA'><img src="Dirección de vuestro botón SUBIR", width=100px /></a>

Coloca el gadget en el pie del blog:




Los iconos de redes sociales, el de "Pin it" y el de subir, los he descargado del blog de Laura, Miss Lavanda, un blog sobre diseño, fotografía y blogging que no puedo dejar de recomendar, ¡me encanta! Tiene muchísimos iconos, botones, tutoriales,... Un blog MUY INTERESANTE.
Evidentemente, los he adaptado a los colores de mi blog, pero en su blog los tenéis de muchos colores y estilos.

Y esto es todo, no quiero extenderme más porque sino se va a hacer eterna esta entrada. Si queréis que explique algo más, comentad y haré una entrada explicándolo. 

¿Qué os parece el nuevo "look" de Por verte sonreír? ¿Os gustan los colores? ¿Los botones? ¿Echáis algo en falta? ¿O quitaríais algo? 

¡Tú opinión es muy importante! Comenta y házmela saber.


¿Estáis listos para lo que se avecina en Por verte sonreír? Aquí os espero. Un besito y feliz mes de agosto!!


2 comentarios:

  1. Que bonito te ha quedado! me encanta los colores que has puesto (sobretodo el azul verdoso que últimamente estoy con él insoportable jajaja) La portada me gusta mucho niña ^^ y aaaal fin has vuelto! un besete

    ResponderEliminar
    Respuestas
    1. Gracias!!Me ha costado lo suyo, sobretodo http://elrincondelasmusas19.blogspot.com.es/, porque lo ponía todo en azul jaja y no sabía qué color poner, pero bueno, al final lo he conseguido ^^ La portada igual, no sabía cómo hacerla, no me gustaba ninguna, pero estoy contenta con el resultado, creo que esta me durará jajaja. Y sí, ya he vuelto!!! =D Un beso!

      Eliminar

Estaré encantada de que dejes tu comentario diciéndome qué te parece la entrada :)

Me paso por los blogs de cada persona que comenta, así que no hace falta que dejes el link a tu blog, ya que Google nos puede penalizar a ti y a mi. Un beso y gracias por comentar!

Heart It Google+ Bloglovin