Entradas

Añadir un borde a los gadgets y fijar el título a mitad del marco superior

Imagen
Hola amig@s!En el tutorial de hoy vamos a realizar algo sencillo para que nuestro Blog este más personalizado: Lo primero que que tenéis que hacer es una copia de seguridad de la plantilla ( Plantilla→Crear/Restablecer copia de seguridad ),después vamos a: Plantilla → Personalizar → Avanzado → Añadir CSS. Y añadimos el siguiente código: .sidebar .widget { border: 2px solid  #ffc0cb ; /* Apariencia del borde */ } .sidebar .widget-content { padding: 10px; } .sidebar .widget h2 { text-align: center; z-index: 8; top: -10px; background: #ffffff; /* Fondo de la cajita del título */ left: 50%; transform: translate(-50%, 0); display: inline-block; } .sidebar .widget h2:after,.sidebar .widget h2:before { content: "\00a0\00a0"; } *(El código que esta en rojo , es el nombre de la tipografía.)

Herramientas online para crear logos y eliminar el fondo

Imagen
Buenas bloggers , En el post de hoy os traemos unas herramientas para personalizar vuestros blogs, webs etc que os darán un toque de originalidad y profesionalidad. 1.Web para crear logos. https://www.designevo.com/es/logo-maker/ En esta web podéis encontrar  una amplia gama de logos prediseñados, solo tenéis que  elegir el que más os guste y personalizarlo, y en pocos minutos estará listo 2.Web para eliminar el fondo. https://www.remove.bg/  Esta herramienta elimina fondos que no nos  gusten de una imagen, lo que permite tener una imagen limpia y perfecta para realizar diseños.

Freebies: Botones Subir Arriba para Blogger II

Imagen
¡Hola, amig@s! aquí tenéis unos nuevos diseños de "SUBIR ARRIBA" para vuestro blog, para guardarlos solo tenéis que dar al clic derecho "guardar como",subirlo a vuestro sitio (Picassa, Dropbox etc) y seguir este Tutorial: Cómo añadir "subir arriba" en Blogger.

Editores Online parte II

Imagen
Hola Blogges,aquí os dejamos más herramientas de diseño gráfico online para que podáis crear vuestros propios diseños. https://www.postermywall.com/ https://www.designwizard.com/ https://www.designbold.com/ https://getstencil.com/ https://spark.adobe.com/ https://edit.org/es https://gravit.io/

Tutorial: Cómo insertar tablas en las entradas de Blogger

Imagen
Hola ,amigos Bloggers! Hoy vamos a hacer un pequeño tutorial sobre como insertar tablas en las entradas de Blogger. 1.Lo primero que tenemos que hacer es crear una entrada nueva,y en los botones de arriba de la izquierda, le damos clik en el que dice HTML . 2.Copiamos este código HTML , que lo usaremos para insertar nuestra tabla: <table bgcolor ="#f3e3db" border ="2" cellpadding="5" style="width: 100%;"> <tbody> <tr><td>Texto o imagen 1</td><td>Texto o imagen 2</td></tr> <tr><td>Texto o imagen 3</td><td>Texto o imagen 4</td></tr> </tbody> </table> 2.Y nos quedaría así: Texto o imagen 1 Texto o imagen 2 Texto o imagen 3 Texto o imagen 4 3.Si queremos podemos cambiar el color de fondo o el grosor del borde: → bgcolor:  Es el color de fondo. → border: el tamaño del borde 4.Y ya tendremos instalada nuestra tab...

Herramientas online para crear logos gratis

Imagen
¡¡Hola Bloggers!!Hoy os proponemos estas herramientas online con las que vais a crear vuestros propios logos gratis y en pocos minutos sin necesidad de contratar un diseñador, seguro que os quedan chulísimos: Logo Maker Logaster Logotipo Gratis Canva Logos

Tutorial:Cómo añadir copos de nieve al Blog

Imagen
¡Hola ,amigos Bloggers! Hoy vamos a aprender a poner copos de nieve en nuestro blog. 1.Vamos a   Diseño → Añadir un Gadget → HTML 2.Copiamos el siguiente código: <script type='text/javascript'>var fallObjects=new Array();function newObject(url,height,width){fallObjects[fallObjects.length]=new Array(url,height,width);} var numObjs=20, waft=50, fallSpeed=10, wind=0; newObject("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR87n_PaDgvzDNHdn-iuCtNYX2SC0hOw-iwVSWTmwF68mfac0rLZ-Kvr1Eq5tZ4345CmZLiEsa9JJ9uzfIYV4wy92tEtwkAbo6HTgpeYPUCRjQI15t8jBRltBdF3bLc3oNrgEIoW34E2I5/s400/nieve2_jessi_diyva.png",22,22); newObject("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtVQKEspn0uPGJjLX8mASBYw_vlCMKqfdnYnHZMcAG6w5_xOgb6yBtjiCs45wEZSrxGBJOCKxr1WrkDEXi-ZWnPwRRC2LwHReUnERvYt3pIoLPfFJucpeUzeoeehCYkMGfUW_n_WaKc-fG/s400/nieve1_jessi_diyva.png",22,22); function winSize(){winWidth=(moz)?window.innerWidth-180:document.body.clientWidth-180;...