Entradas

Mostrando entradas de mayo, 2016

Tutorial:Personaliza la fecha de tu Blog

Imagen
¡Hola, amigos bloggers!Hoy os traemos un post acerca de cómo personalizar vuestra fecha en los post. Es muy sencillo , sólo tenéis que utilizar las  siguientes instrucciones: 1.Lo primero que que tenéis que hacer es una copia de seguridad de la plantilla: (Plantilla→Crear/Restablecer copia de seguridad)  2. Vamos a Diseño → Personalizar → Avanzado → Añadir CSS. 3.Ahí copiamos el código que nos interese de los dos que pongo a continuación: FECHA REDONDEADA /*fecha de los post*/ .date-header span { padding: 25px 3px 25px 3px; border-radius:100px; background-color: #pink ; } * Cambiamos el texto que está   EN ROSA  por el color que queramos para el fondo,nosotr@s os recomendamos los códigos de la página  COLORHEXA . FECHA CON IMAGEN /*fecha de los post*/ h2.date-header {   height: 40px;   line-height: 40px; background:url( URL de la imagen )no-repeat; height: 100px; float: left; } * Cambiamos donde pone" URL de la imagen " p

Freebies:Banderines para poner la fecha en el Blog

Imagen

Freebies:Separadores para el Blog II

Imagen
¡Hola amig@s!Os dejamos nuevos diseños de separadores para vuestro Blog:

Tutorial: Crear Etiquetas y Menú en Blogger

Imagen
En los tutoriales de hoy os vamos a explicar cómo etiquetar las entradas del Blog y  poner un menú horizontal debajo de la cabecera. Las etiquetas nos sirven para clasificar  las entradas o posts del Blog,y para que quede el todo muy bien organizado. CREAR LAS ETIQUETAS 1.Cuando acabes de escribir la entrada ,a la derecha selecciona → etiquetas ahí escribe el nombre que quieras(DIY,manualidades etc..) siempre separadas por comas y le das al botón listo . 2. Publica la entrada y ya estará tu etiqueta creada. El menú de tu Blog es importante para tener organizar las entradas de nuestro Blog y facilitar la navegación de nuestro sitio a los visitantes. CREAR EL MENÚ 1. Vamos a Diseño 2. Debajo de la cabecera → Añadir un Gadget → Gadget de Páginas 3. Agregar pestañas → Url de la etiqueta que queramos poner → Nombre de la pestaña 4. Haremos el mismo proceso con todas las pestañas y después guardamos. 5. Guardar disposición

Tutorial: Cómo quitar "Con la tecnología de Blogger"

Imagen
Hoy vamos a hacer un pequeño tutorial muy fácil sobre cómo eliminar "Con la tecnología de Blogger",que sale siempre por defecto en todas las plantillas. Lo primero que que tenéis que hacer es una copia de seguridad de la plantilla  (Plantilla→Crear/Restablecer copia de seguridad) Ahora vamos a modificar un poquito el HTML: 1.Entramos en → plantilla→Editar Html y buscamos (Pulsando Ctrl+F) : Attribution Y nos saldra esto: <b:widget id=’Attribution1′ locked= ' true '  title=” type=’Attribution’> <b:includable id=’main’> 2.Donde dice locked= 'true'  Quitamos  ' true '  y ponemos  ' false ' y lo demás lo dejamos todo igual. 3.Después,le damos a guardar plantilla y nos vamos a diseño . 4.Ahora desde diseño ya podemos eliminar el gadget de reconocimiento de Blogger.

Tutorial:Añadir Iconos de Redes Sociales en el Blog

Imagen
¡Hola ,amigos Bloggers! Hoy os vamos a mostrar como colocar los iconos de redes sociales en nuestro Blog. 1.Lo primero que haremos sera dirigirnos a la siguiente Web,seleccionaremos los iconos que más nos gusten y los bajaremos en formato PNG y de tamaño 48x48 : http://www.iconsdb.com/ 2.A continuación lo subiremos a nuestro Dropbox,Picassa Web etc... 3.Ahora nos dirigiremos a nuestro Blog → Diseño → Añadir un Gadget → HTML 4.Y Copiamos el siguiente código modificando lo marcado en rojo por el  Url de nuestra red social y lo marcado en azúl por el el Url de la imagen del icono: <center> <a href=" Url de tu facebook " target="_blank"><img src=" U rl de la imagen icono de facebook " img border="0 "  /></a> <a href=" Url de tu Twitter " target="_blank"><img src=" U rl de la imagen icono de Twitter " img border="0 "  /></a> <a hre