sábado, 16 de octubre de 2021

Velas en Mini-Macetas

sábado, octubre 16, 2021 0 Comments
Hacer tus propias velas suena mucho más complicado de lo que realmente es. Con solo unos pocos suministros y un poco de paciencia, es fácil dominar el oficio de hacer velas. 

Los frascos de vidrio reciclados son una opción adecuada para su propia casa, pero las macetas de terracota, las tazas de té o los frascos de cristal pequeños son excelentes regalos.



Lo que necesitarás:

Cartulina
Pistola de silicona
Pincho de madera
Mechas de velas
Virutas de cera de soja
Vela para verter olla
Cacerola (lo suficientemente grande como para caber en la olla para verter velas)
Macetas de terracota (o vasos resistentes al calor o frascos de aluminio)
Tijeras

Cómo:

Corta círculos de cartulina para que quepan dentro del fondo de las macetas.

Pégalos en caliente para colocarlos en el fondo de la maceta para sellar el orificio de drenaje. Deje secar aproximadamente 10 minutos.

Voltee la olla y llene el orificio de drenaje con pegamento caliente para asegurarse de que la cera no gotee. Deje secar aproximadamente 20 minutos. Dale la vuelta a la olla. (Si está usando un frasco de vidrio o aluminio, omita los pasos del uno al tres).

Ate la mecha a una brocheta de madera y colóquela sobre el borde de la olla o frasco para evitar que se mueva cuando se vierte la cera. Voltee las ollas y coloque las mechas adentro.

Llene la olla de vertido de velas con suficiente cera para llenar sus ollas. No llene la cacerola con agua más de la mitad. Coloque la olla dentro, con el mango enganchado sobre el borde de la cacerola. Hierva el agua para derretir la cera.

Cuando la cera se haya derretido por completo, retire la olla de vertido de la cacerola. Llene las ollas con cera, deteniéndose a ¼- ½ pulgada del borde.

Deje que la cera se asiente durante al menos 2 horas. (Consejo profesional: este tiempo variará según el tamaño de la vela).

Use tijeras para cortar las mechas de los pinchos de madera cuando las velas se hayan apagado. Recorte las mechas para que tengan aproximadamente ½ pulgada de alto.














viernes, 15 de octubre de 2021

Glaseado de Vela Batida

viernes, octubre 15, 2021 0 Comments
Esta adorable cobertura batida agrega fuerza y ​​dinamismo con algunos divertidos objetos de cera incrustados. 



Receta:

Vela de vino tinto de 1,25 oz y aceite de fragancia de jabón
Bloque de tinte de cera de lavanda
Bloque de tinte de cera roja
3 tarros para velas con tapa
Cera avanzada  35,7 oz
3 mechas para velas 

Moldes de corazones diminutos



Derrita 0.7 onzas en ráfagas de 30 segundos en el microondas. Colorea la cera con aproximadamente 1/8 de cucharadita de virutas del bloque de tinte de cera roja. Y revuelve hasta que el bloque de tinte de cera se derrita por completo. 

Vierta la cera en el envase de la vela y déjela a un lado para que se endurezca.

Derrita 25 onzas en ráfagas de 30 segundos en el microondas. Colorea la cera con aproximadamente 1/2 cucharadita de virutas del bloque de tinte de cera de lavanda y revuelve hasta que el bloque de tinte se haya derretido por completo.


Agregue la vela de vino tinto y el aceite de fragancia  y mezcle bien.


Gotee un poco de cera en el fondo de cada uno de los frascos de velas. Pegue el disco de metal de la mecha en la cera y deje que la cera se enfríe lo suficiente como para mantener la mecha en su lugar.


Una vez que la cera de color lavanda se haya enfriado, vierta la cera en los frascos. Use  palillos en la parte superior de los frascos de velas para mantener las mechas en su lugar. Deje que la cera se enfríe por completo y se endurezca durante la noche.


Derrite el resto de cera en ráfagas de 30 segundos en el microondas. 

Con una batidora de mano o de pie, batir la cera hasta que esté lo suficientemente espesa como para formar picos ligeros cuando se manipula con una cuchara.


Moviéndose rápidamente, coloque la cera batida encima de las velas de lavanda enfriadas. Coloque los pequeños corazones y presione suavemente. Si la cera batida se pone demasiado rígida para colocarla con una cuchara, vuelva a calentar la cera en ráfagas de 30 segundos y vuelva a batir. 




Deje que la cera batida se endurezca por completo.

Mas ideas


















Barra de Cookies Para Blogger ♪ ☆

viernes, octubre 15, 2021 0 Comments
El aviso de cookies es una parte importante para cualquier web que quiera informar a sus usuarios lo que le hacen a sus datos y aceptar lo que se haga con ellos.

Este articulo lo hago principalmente para Blogger por que en WordPress puedes instalar extensiones y no necesitas este tipo de códigos.

El código es completamente funcional, pero hay que mencionar que a veces aparece 2 veces el mensaje, nada grave.



El diseño utiliza las variables CSS para hacerlo practico y si tu blog tiene estos estilos es fácil que se adapte al diseño de tu blog.

El tema funciona en todos los dispositivos, tiene diseño responsivo por lo que no tienes que preocuparte por si quedara bien etc.

Próximamente agregare un script que te lo agrega automáticamente el código para facilitar el proceso de instalación. por ahora para instalarlo lo tienes que pegar antes de la etiqueta de cierre </body> y simplemente lo guardas.

Barra de cookies para BloggerUrl de aviso de cookies

<style>
    :root {
        --text-color: #67676a;
        --green-color: #217dd4;
        --green-hover-color: #2573a6;
        --blue-color: #2980b9;
        --blue-hover-color: #2573a6;
        --box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        --box-color: #fff;
    }
    @media (prefers-color-scheme: dark) {
        :root {
            --text-color: #ffffff;
            --green-color: #217dd4;
            --green-hover-color: #2573a6;
            --blue-color: #2980b9;
            --blue-hover-color: #2573a6;
            --box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            --box-color: rgba(0, 0, 0, 0.7);
        }
    }
    .cookie-bubble {
        position: fixed;
        width: 100%;
        max-width: 400px;
        min-height: 100px;
        background-color: var(--box-color);
        box-shadow: var(--box-shadow);
        z-index: 990;
        border-radius: 6px;
        display: none;
    }

    .cookie-bubble.bottom-right {
        right: 15px;
        bottom: 15px
    }

    .cookie-bubble.bottom-left {
        left: 15px;
        bottom: 15px
    }

    .cookie-bubble.show.bottom-left,
    .cookie-bubble.show.bottom-right {
        -webkit-animation-name: popInBottom;
        animation-name: popInBottom;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-timing-function: cubic-bezier(.19, 1, .22, 1);
        animation-timing-function: cubic-bezier(.19, 1, .22, 1);
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .cookie-bubble.hide {
        display: none
    }

    .cookie-bubble .cb-wrapper {
        position: relative;
        display: inline-block;
        padding: 15px
    }

    .cookie-bubble .cb-wrapper .cb-row {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: left
    }

    .cookie-bubble .cb-wrapper .cb-row .cb-row-content .message {
        position: relative;
        width: 100%;
        display: inline-block;
        font-size: 15px;
        color: var(--text-color);
        margin-top: 0
    }

    .cookie-bubble .cb-wrapper .cb-row .cb-row-content .cb-controls {
        position: relative;
        width: 100%;
        float: left;
        margin-top: 15px
    }

    .cookie-bubble .cb-wrapper .cb-row .cb-image {
        padding-right: 23px
    }

    .cookie-bubble .cb-wrapper .cb-row .cb-image .cookie-inner-color {
        fill: var(--green-color)
    }

    .cookie-bubble .cb-wrapper .cb-row .cb-image svg {
        width: 60px
    }

    .cookie-bubble .cb-wrapper .cb-row .agreement-btn {
        float: left;
        background-color: var(--green-color);
        font-family: inherit;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        opacity: 1;
        border: none;
        cursor: pointer;
        font-weight: 500;
        padding: 10px 20px;
        margin: 0 10px 0 0;
        border-bottom: 2px solid rgba(0, 0, 0, 0.1);
        border-radius: 6px
    }

    .cookie-bubble .cb-wrapper .cb-row .agreement-btn:hover {
        background-color: var(--green-hover-color)
    }

    .cookie-bubble .cb-wrapper .cb-row .cookie-policy-btn {
        float: left;
        color: var(--blue-color);
        padding: 10px 0;
        font-size: 14px;
        opacity: .95;
        border: none;
        cursor: pointer;
        font-weight: 400;
        margin: 0
    }

    .cookie-bubble .cb-wrapper .cb-row .cookie-policy-btn:hover {
        opacity: 1;
        text-decoration: underline
    }

    @media screen and (max-width: 440px) {
        .aff_svg {
            width: 80%
        }

        .cookie-bubble.show {
            border-radius: 0;
            width: 100%;
            max-width: 100%;
            left: 0 !important;
            bottom: 0 !important
        }

        .cookie-bubble .cb-wrapper {
            padding: 20px 15px
        }
    }
</style>
<div class="cookie-bubble bottom-left show">
    <div class="cb-wrapper">
        <div class="cb-row">
            <div class="cb-image"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 97.93 97.93">
                    <defs>
                        <style>
                            .cookie-inner-color {
                                fill: undefined !important
                            }
                        </style>
                    </defs>
                    <g id="Layer_2" data-name="Layer 2">
                        <g id="Layer_1-2" data-name="Layer 1">
                            <path d="M44,23.76a2.47,2.47,0,1,0,.91,3.37A2.47,2.47,0,0,0,44,23.76Z"></path>
                            <path d="M25.9,40.32a2.47,2.47,0,0,0,0,4.93h0a2.47,2.47,0,1,0,0-4.93Z"></path>
                            <circle cx="32.08" cy="65.86" r="2.47"></circle>
                            <path d="M56.38,69.91a2.47,2.47,0,1,0,1.14,1.49A2.47,2.47,0,0,0,56.38,69.91Z"></path>
                            <path
                                d="M72,52.68a2.47,2.47,0,0,0-2.38,1.83,2.44,2.44,0,0,0,.25,1.87,2.47,2.47,0,0,0,4.52-.59,2.44,2.44,0,0,0-.25-1.87A2.47,2.47,0,0,0,72,52.68Z">
                            </path>
                            <path class="cookie-inner-color"
                                d="M89.51,52.86A14,14,0,0,1,81,47.2,14.09,14.09,0,0,1,61,35.68,14.09,14.09,0,0,1,49.49,15.73a14,14,0,0,1-5.66-8.55,44,44,0,0,0-21.09,6.15A44.26,44.26,0,0,0,71.46,87.08,44.24,44.24,0,0,0,89.51,52.86ZM28.28,43.42a2.47,2.47,0,0,1-2.38,1.83h0a2.47,2.47,0,1,1,2.38-1.83Zm3.8,24.9a2.47,2.47,0,1,1,2.47-2.47A2.47,2.47,0,0,1,32.08,68.32ZM44.92,27.13A2.47,2.47,0,1,1,44,23.76,2.47,2.47,0,0,1,44.92,27.13ZM57.28,73.27a2.47,2.47,0,1,1-.9-3.36,2.47,2.47,0,0,1,.9,3.36ZM74.42,55.79a2.47,2.47,0,1,1-.25-1.87A2.45,2.45,0,0,1,74.42,55.79Z">
                            </path>
                            <path
                                d="M97.93,48.52v-.2A2.35,2.35,0,0,0,95.7,46a9.37,9.37,0,0,1-8-5.45,2.35,2.35,0,0,0-3.49-.93,9.51,9.51,0,0,1-5.44,1.72A9.4,9.4,0,0,1,69.39,31.1a2.35,2.35,0,0,0-2.55-2.55c-.28,0-.57,0-.85,0a9.39,9.39,0,0,1-7.68-14.81,2.35,2.35,0,0,0-.93-3.49,9.37,9.37,0,0,1-5.45-8A2.35,2.35,0,0,0,49.61,0H49a49,49,0,1,0,49,49C97.93,48.82,97.93,48.67,97.93,48.52ZM71.46,87.08A44.26,44.26,0,0,1,22.74,13.33,44,44,0,0,1,47.53,4.72a14,14,0,0,0,5.66,8.55A14.09,14.09,0,0,0,64.71,33.22,14.09,14.09,0,0,0,84.66,44.75a14,14,0,0,0,8.56,5.66A44.3,44.3,0,0,1,71.46,87.08Z">
                            </path>
                        </g>
                    </g>
                </svg></div>
            <div class="cb-row-content"><span class="message">Este sitio utiliza cookies de Google para ofrecer sus
                    servicios y analizar el tráfico.</span>
                <div class="cb-controls"><a class="agreement-btn" href='javascript:void(0);' onclick="PonerCookie()">¡Aceptar!</a><a class="cookie-policy-btn"
                        href="https://policies.google.com/technologies/cookies" target="_blank"
                        rel="noopener noreferrer">Politica de cookies</a></div>
            </div>
        </div>
    </div>
</div>
<script type='text/javascript'>
    function getCookie(c_name) {
        var c_value = document.cookie;
        var c_start = c_value.indexOf(" " + c_name + "=");
        if (c_start == -1) {
            c_start = c_value.indexOf(c_name + "=");
        }
        if (c_start == -1) {
            c_value = null;
        } else {
            c_start = c_value.indexOf("=", c_start) + 1;
            var c_end = c_value.indexOf(";", c_start);
            if (c_end == -1) {
                c_end = c_value.length;
            }
            c_value = unescape(c_value.substring(c_start, c_end));
        }
        return c_value;
    }
    function setCookie(c_name, value, exdays) {
        var exdate = new Date();
        exdate.setDate(exdate.getDate() + exdays);
        var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
        document.cookie = c_name + "=" + c_value;
        document.querySelector(".cookie-bubble").style.display = "none";
    }
    if (getCookie('aviso') != "1") {
        document.querySelector(".cookie-bubble").style.display = "block";
    }
    function PonerCookie() {
      setCookie('aviso', '1', 365);
    }
  </script>

Como poner la Barra de Uso de Cookies en Blogger ♪ ☆

viernes, octubre 15, 2021 0 Comments
La barrita en cuestión es lo más  discreta.

Si no les gusta, buscad por la web que encontraréis muchas más. Es super fácil de poner. Vamos allá...

Cómo poner el aviso de cookies en blogger

Ir a nuestra plantilla y dentro del body pegar el código.

Guardar


Paso 1)

Vamos a Plantilla - Editar HTML

Paso 2)

Pincháis en algún sitio dentro de la plantilla y luego le dais a Ctrl+F. Así os sale el cuadradito de buscar.

Escribís </body> y le dais a Intro. Y os lo encuentra.

Ahí es donde vais a tener que pegar vuestro código.

Así:



Paso 3)

Una vez pegado, le das a Guardar plantilla y... Ya está en vuestro blog.



El código:

El código  pone la barrita gris, el "botón" del Ok en rosa, y el más información en blanco, pero puedes personalizarlo para que vaya con tu blog.

El código del ejemplo es este:

<!--Inicio Ley cookies PdB-->
<div id='barracookies' style='display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:20px;background: #D3D3D3;color:#a2a2a2;z-index: fcaaaa;'>
<div style='width:100%;position:absolute;padding-left:4px;font-family:verdana;font-size:11px;top:20%;text-align:center;'>
<span>Usamos cookies propias y de terceros para ayudarte en tu navegación. Si continuas navegando consideramos que aceptas el uso de cookies.</span>
<a href='javascript:void(0);' onclick='PonerCookie();' style='padding:4px;background:#fcaaaa;text-decoration:none;color:#ffffff;border-radius:5px;'><b>OK</b></a>
<a href='http://personalizaciondeblogs.blogspot.com/p/cookies.html' rel='nofollow' style='padding-left:5px;text-decoration:none;color:#ffffff;' target='_blank'>Más información</a>
</div>
</div>
<script> 

 function getCookie(c_name){ 
  var c_value = document.cookie; 
  var c_start = c_value.indexOf(" " + c_name + "="); 
  if (c_start == -1){ 
  c_start = c_value.indexOf(c_name + "="); 
  } 
  if (c_start == -1){ 
  c_value = null; 
  }else{ 
  c_start = c_value.indexOf("=", c_start) + 1; 
  var c_end = c_value.indexOf(";", c_start); 
  if (c_end == -1){ 
   c_end = c_value.length; 
  } 
   c_value = unescape(c_value.substring(c_start,c_end)); 
  } 
  return c_value; 
 } 
 function setCookie(c_name,value,exdays){ 
  var exdate=new Date(); 
  exdate.setDate(exdate.getDate() + exdays); 
  var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString()); 
  document.cookie=c_name + "=" + c_value; 
 } 
 if(getCookie('aviso')!="1"){ 
  document.getElementById("barracookies").style.display="block"; 
 } 
 function PonerCookie(){ 
  setCookie('aviso','1',365); 
  document.getElementById("barracookies").style.display="none"; 
 } 
 </script>
<!--Fin Ley Cookies PdB-->


 Lo que tienes que cambiar:

#D3D3D3 → es el color gris de toda mi barrita
#a2a2a2 → es el color gris más oscuro de la fuente del texto
Usamos cookies... → aquí podéis poner otro texto si preferís

#fcaaaa → es el color rosa de la zona que rodea al Ok
#ffffff → es el color del Ok
OK → aquí podríais poner Yes o Sí o lo que queráis
#ffffff → este último blanco es el color de donde dice Más información
Más información → aquí podríais poner Leer más o lo que queráis

Nota I:

Bueno, por poder s cambiar más cosas. Como la fuente (ahí está verdana), lo redondo que está el "botón" del ok, la posición de la barrita, etc. pero yo creo que con esto está bien sutil, así que no la tocaría. Simplemente los colores y el texto ;)

domingo, 11 de julio de 2021

Iconos de redes sociales para tu blog

domingo, julio 11, 2021 0 Comments
Vamos a colocar Iconos de redes sociales en nuestro blog o también para paginas web, traigo muchos iconos sociales y están listos para colocarlos en tu blog o web, si usas wordpress, blogger o cualquier otro servicio no te preocupes el código de estos botones sociales esta optimizados y la imágenes también, así tendrás mas popularidad entre tus seguidores



Configurando los iconos sociales

Bien, después de tener los iconos veras que cada código generado tiene esta forma:



<a href="URL" target="_blank"><img loading="lazy" alt="Sígueme en facebook!" height="45" width="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkL59p7bv8TYrN_zh_ZfLn5fXHtp0eMGpky7-ZYgUUYJmchZhU8Rl8gfBZpH5xxbftjgLle2-LztCcwm4V5c5dq6YA2OWDEyq-Du-eOTsUts-0Rqf3liRNjaiil-i2k8eCYERhAwM2Bw4/s1600/facebook2.png" title="Sígueme en facebook!"/></a>
<a href=" URL/" " target="_blank"><img loading="lazy" alt="Sígueme en instagram !" height="45" width="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5-4lUO20JG1QS07rDQxrTwZAB-4bN7t4Pd73ZxQP_R4gTGgTC-vkbvxqOZdUJRO-9AYB8aVxD6jvsiMudIqN5YEfPzK86nXpsw8oOoSFm9tkE5m74dS73-EsO8_eTU0OYHbBMMg8N0-o/s1600/instagram.png" title="Sígueme en instagram !"/></a>

<a href="URL" target="_blank"><img loading="lazy" alt="Sígueme en pinterest!" height="45" width="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi90Oac9xVQT22PGA9Z3crVEuLDSpP5z_fFchyphenhyphendsUG7acXeZjsAA3pPQZTM0KoxzixPC91XfTb7RoRAUkHXKEYTLt0dfjpKwzV6NMA4mIzTH8mA58x8FxC0Oqht35IwSuuzBDuFr-qm2U/s1600/pinterest2.png" title="Sígueme en pinterest!"/></a>

<a href="URL" target="_blank"><img loading="lazy" alt="Sígueme en twitter!" height="45" width="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3fw3HcrlKAdRIaeMhyphenhyphenS4was4yNYFOgsex9MIuhISsFLkI50AAIrh6XNVK9Mg8Ps3YwWcUHYs5bdWa8XkunhlzB6eVbw4du71FHTxfOjBPBQsZkrrGmAN9eWTMxfxfRcTIMi5mJEaMN3s/s1600/twitter.png" title="Sígueme en twitter!"/></a>


Veamos que hacen las partes marcadas mas otras que están en el código, así podrás personalizar aun mas tus iconos sociales.

Lo que esta en rojo debes remplazarlo por la url de tu usuario o pagina en la red social o lo que sea que escogiste, por ejemplo, si tengo pagina de facebook, copiare la URL y la reemplazo por la de rojo, se hace lo mismo si elegiste twitter, google+ etc.

Lo que esta en color azul es el texto que mostrara al pasar el cursor, en el generador podrás agregar la frase que quieras, en nuestro ejemplo pondría: ¡sígueme en facebook!.

El color verde es el texto alternativo, este es el mismo que el del titulo, este por si la imagen por alguna razón no se pudo cargar, muestre el texto para dar a entender a que se refiere la imagen.

El fragmento target="_blank" se usa para abrir enlaces en otra pestaña del navegador, esto para que las personas puedan acceder a tu pagina social sin abandonar tu blog. si no quieres eso pues simplemente elimina esa parte.

Las partes height=”40″ y width=”40″ no creo que necesiten presentación, pero igual, son el ancho y alto de la imagen, en el generador puedes elegir un valor entre el 35 y 90.


Personalizar los estilos de los iconos

Vamos ahora a darle algunos efectos, esto es totalmente opcional y si no quieres pues ignora esto. Como puedes ver en el generador esta la opcion de escoger un icono redondo, no es un icono redondo por aparte del cuadrado como tal, solo estamos aplicando estilos para personalizarlos.

Para usar estos efectos vamos a necesitar hacer uso de un contenedor, esto ara identificar las imagenes de nuestros iconos y poder aplicarles los efecto específicamente a ellos, entonces todos los códigos que elijas pégalos dentro de este código:<div class="iconos-sociales"> ... aqui van los códigos .... </div>

Iconos sociales redondos

En el código cuando se escoge la opción: redondo, no aparece nada adicional, osea que no hay cambios extra, la opcion es mas que todo para dar un vista previa de como se verian con el efecto redondeado, si quieres el icono de esa manera entonces agregaremos un código justo debajo del contenedor que mostre arriba, el resultado final se vera así:

<div class="iconos-sociales">

 ... aqui van los códigos .... 

</div> <style>.iconos-sociales img{border-radius:50px;}</style>


Si no deseas los iconos totalmente redondos, puedes ajustar el valor que esta entre las etiquetas <style>, específicamente el fragmento border-radius:50px; a 30px por ejemplo, y tendran sutiles toques redondeados.



Aquí los códigos ajustados...

<div class="iconos-sociales">
<a href="URL" target="_blank"><img loading="lazy" alt="Sígueme en facebook!" height="45" width="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkL59p7bv8TYrN_zh_ZfLn5fXHtp0eMGpky7-ZYgUUYJmchZhU8Rl8gfBZpH5xxbftjgLle2-LztCcwm4V5c5dq6YA2OWDEyq-Du-eOTsUts-0Rqf3liRNjaiil-i2k8eCYERhAwM2Bw4/s1600/facebook2.png" title="Sígueme en facebook!"/></a>
<a href=" URL/" " target="_blank"><img loading="lazy" alt="Sígueme en instagram !" height="45" width="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5-4lUO20JG1QS07rDQxrTwZAB-4bN7t4Pd73ZxQP_R4gTGgTC-vkbvxqOZdUJRO-9AYB8aVxD6jvsiMudIqN5YEfPzK86nXpsw8oOoSFm9tkE5m74dS73-EsO8_eTU0OYHbBMMg8N0-o/s1600/instagram.png" title="Sígueme en instagram !"/></a>

<a href="URL" target="_blank"><img loading="lazy" alt="Sígueme en pinterest!" height="45" width="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi90Oac9xVQT22PGA9Z3crVEuLDSpP5z_fFchyphenhyphendsUG7acXeZjsAA3pPQZTM0KoxzixPC91XfTb7RoRAUkHXKEYTLt0dfjpKwzV6NMA4mIzTH8mA58x8FxC0Oqht35IwSuuzBDuFr-qm2U/s1600/pinterest2.png" title="Sígueme en pinterest!"/></a>

<a href="URL" target="_blank"><img loading="lazy" alt="Sígueme en twitter!" height="45" width="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3fw3HcrlKAdRIaeMhyphenhyphenS4was4yNYFOgsex9MIuhISsFLkI50AAIrh6XNVK9Mg8Ps3YwWcUHYs5bdWa8XkunhlzB6eVbw4du71FHTxfOjBPBQsZkrrGmAN9eWTMxfxfRcTIMi5mJEaMN3s/s1600/twitter.png" title="Sígueme en twitter!"/></a>
</div>
<style>.iconos-sociales img{border-radius:50px;}</style>


Poner los iconos sociales en Blogger

Si usas blogger: copia el codigo -> ve a diseño -> añadir un gadget -> elige un HTML/Javascript, pega los códigos que elegiste y guarda.

Poner los iconos sociales en WordPress

si usas wordpress: copia el codigo -> ve a Escritorio-> Apariencia-> Widgets -> elige el widget cuyo nombre es ‘Texto’-> y pegas los códigos que elegiste.




























Popular