Holaaa, pues hoy traemos una pequeña sorpresita pues viendo el gusto que le estamos cogiendo al HTML jajaja pues se nos ocurrió traeros un pequeño tutorial para mejorar vuestro blog cada domingo. Si sé que hoy es Lunes pero los publicaremos los Domingos en caso de que os gusten.
¿Qué os parece? ¿Os gusta la idea? ¿Os animáis a ir mejorando vuestro blog?
El de hoy es muy simple y fácil pero es de esas cositas que marcan la diferencia en el diseño de un blog, los pequeños detalles...
¡Empezamos!
1. Hacemos una copia de seguridad de la plantilla. Abrimos el escritorio de blogger y nos vamos a plantilla, para asegurarnos de no estropear nada si la aventura con el código nos sale mal haremos una copia de seguridad de la plantilla ¿como? así de fácil:
Preparáis vuestra imagen, la alojáis en algún sitio porque necesitaís su URL, no importa que luego la eliminéis y pegáis la URL entre las dos comitas de este código. (Pasa lo mismo de antes, es una imagen y no tiene intro entre las dos líneas.)
Si no os quereís complicar la vida y usáis uno de los separadores que yo he hecho para vosotros simplemente tendreís que copiar la URL que ahí debajo del separador que hayaís elegido y pegarlo entre las dos comitas del código de arriba. Luego pegarlo todo tras el intro. Le damos a "Guardar plantilla" y ya está.
Aquí tenéis los separadores con sus URL.
¿Qué os parece? ¿Os gusta la idea? ¿Os animáis a ir mejorando vuestro blog?
El de hoy es muy simple y fácil pero es de esas cositas que marcan la diferencia en el diseño de un blog, los pequeños detalles...
¡Empezamos!
MUY FÁCIL
Y comienza la aventura....
2. Editamos la plantilla. Pinchamos en Editar HTML.
Colocamos el cursor en cualquier parte de los códigos que aparecen, damos un click y pulsamos Ctrl + F, se abrirá un buscador.
En el que copiaremos el siguiente código (Es una imagen porque blogger no me deja escribirlo a mano se lo toma como si fuera HTML :'( Lo tendreís que copiar letra a letra, aviso que aunque cambia de linea no tiene intro.
Le daremos a Intro y nos seleccionará una parte del código en color amarillo.
Ahora damos otro intro al final de la "frase" que nos ha seleccionado.
3. Instalamos el separador.
Y ahí pegaremos el código de nuestro separador, yo os he preparado un buen puñado de separadores, para todos los gustos pero también podéis crear vosotros vuestra propia imagen. ¿Cómo?
Si no os quereís complicar la vida y usáis uno de los separadores que yo he hecho para vosotros simplemente tendreís que copiar la URL que ahí debajo del separador que hayaís elegido y pegarlo entre las dos comitas del código de arriba. Luego pegarlo todo tras el intro. Le damos a "Guardar plantilla" y ya está.
Aquí tenéis los separadores con sus URL.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh73p5NSuUqCTQ6Kr9ERu4Kj3ds70bTs3UmdnaSbx1qqeTnYnii0fL1Mh8GWVykbqy20-i77f12AqMZrsub9FLD9Mq16c22LrAqHm8rZdG6FqTDoZvChVSqkqzJ5X9pMwz8eXnsPniUpDA/s320/separador+boton.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmYX0R4ppzZx87qnHMZfa5gVqoVnY6RHz-IR7tPXw2wgdevZx42cUEB25l_9NKp_OnV11Eu8yPHfZYrhGC1bjlO4APSUhGURN-nWbYEByqKZcmkZhJ0u3XKGimLTl3quBN-l6YZ6i7dzA/s320/separador+moustache.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGf71TAjPASadShsJ6aL7dkuWMnFtc8I5xK8fXVTTM2rEIoKfpt3IA6gtey-hNB-6AiAH15YkWLbMttYqf8Sff9b7ILxB4A9BP_mOy0PoVL0I_fJRHKTpnKKWKbntkyM3MF7kP7e9QmWU/s320/separador+conejito.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEalpLOhOHpHYLxiQYNVcLNdCs3iKAMQlf37N4da510mudF70_6DUSdZWEA40fuaRgXzPLOkZ4taYNSgi_95ZwNOJMHFS19IQcSnqdE396NSXu53EPUFjndP27Dga8XkGxaOuVEWJt_IY/s320/Separador+confeti.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhivKM4I1PHLqnYGwGyZ32-9WpypEf8hr9w6-rGCtnNyl2EC8qMdEnJc98EzovGXzseusVe2ohVqQ8fV9bqGpVprl9zi3ps6ZxLLf5XRTxF6zbe5P60hJolpmVfTGOrW2FXxmsH7JKkOGM/s320/separador+corazon+azul.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMsZyXepI-0K_wul3m4mztl1YrVpflEMhopLJOn7VM0Ki7GVnUGinkyRwAxgBgYi2XsPexIu4LglWoDjlg4lZp-szwRJaT4UxwWzpHxQ-La3CxF6N-oDpGkZ94vaiRRlrXX1EORJyeH5c/s320/separador+corazon+negro.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihE4qCJP4Y_vuYzCaOao2zwSvxLc89PMJ-OGkXwxsLS7uGmXug9cRT5rUN9ND2JwhE78z9nqA8msAbC76b2JkOjCmhrY66IydcmTT1Zga7UHa6EOn-nZmGos2jNjFHn1aIqOpUOoQqU3U/s320/separador+corazon+rosa.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcF2dS4gxVaXkE4ubwMP7gUXboamdzWpx4SOdY0vtVgjbwNZxLWdi1rw8Effu-mo6At4L9AR06ECjcPR0muarHjrsHJO54vbgNWAGvuhs0qdY1QtaP0HP2xhVT2d3llRIHAG_xapUVBUY/s320/separador+corazon+verde.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT51u8jVhNQTh3G3wjS35FVwLwvR_nAN2gbly0fJXig4M19Y3zbE-WmvQgWoaDhqA_EqBJNqmb9OHb32LHR-G-4Ys4yK9g3Wqg-PeowxlQKj6kRSx_f2cGm7liOJBfgf3isW7DxBm6ECA/s320/separador+del+pollito+.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPzNmGcal240ss4nD-hM8gMSskR4_msH9wEMfGvmnzeKP70UdJai9kEL-wx0IqX1X8SeGXT7XLDH5QLI-IBwopasPGtI5UEx7-rgCdkmjGv2XjqsunLzxwyG6toPjMKmvyf8NRqU9OF8w/s320/separador+puntitos+azul.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO49PLT0OGJCoJ4oEBXOgoQs8QCbsdzC9VEwsCMWq3uDVaPmwac0vntYLqYuAs6AvrQ46h4UgwUQAjMuwFeEYgzjD3G1F7N67-lLt44HLJ3MyZR465OvYXgJIq22nFaMRuEjA7VqUP9To/s320/separador+puntitos+morado.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizQZ8jk7Fhc3nnsw_kG43YDoDUJhgXHiNT1u9mykUd4KutBZblQ-GuePByVod_sBXacpdrLg6ZWLmJKOm5805JW074Owtjsam02savvv3ASgYVAqVVKBLSpyseN4BG_CtKkVknj68hpUw/s320/separador+puntitos+png.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSGDd8xuCE_CEh2LN5WV5jh3lUmk6Q1hyphenhyphenSvcu9Pu_MdK1LT8dYUJxga6VrVEq_lD0-y7omxvFYpQTFnGW7PYoEbf8M-K5SDfsju31cQAzUMPfuwWdyxeV1PNlXi0OEOwm1u70-fZkjPIU/s320/separador+puntitosverde.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgShEdAEYRBqIDN0ljL5EzkVSuTjSuQyT5gn5GdKXZqIlJFDkMh8Jl6Fs9oimdVPrif07TN7BNb2ZgsPHQUJgjOjsU0CguK3u_davFbDyZXSjLqbMLFrTAeGEsHouwLQAkcq6vQ0NR1qQM/s320/separador+vintage+1.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPjPqAvAgVG_D0zdmKKeMgI4cz28_OLM5SXVl0X3TIlBQ9591QnS-k6MHPQLLDb_Ykxsnj20lfqWKSTqU6VrfbPE-KIymkQV3DsO42g60Nzc49mhWHIiB2TjN6nTUMpb2PGLAoq3O18WY/s320/tijeras+png+1.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpzXIGe1ZPdfBTZlzdO9O0B0nSEaWvoTz4JEcUumb_6qvP_XA1ygn1MUSPkcn6JDeLery0f8d0RS6mVs1yj3HFOznYsTkNU4uT4RhUypi6ALOTlc4Ar3EUZvORn9JIH99XQ-GzOIQx-Y8/s320/tijeras+png+02.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj5Ls8oi6ILWOp2D5MQWH6Al-I1LfDNMzMi9QUYtLPAn7i_yRprSF-bpMJMKXg8lu1lW_ItDMNBe-F1vBnYo_QVuPX1FiQzetFe9OZUtlqMHaS5Yn4zWSySB_5mXTIIF8F4dGGJtauo_k/s320/tijeras+png+03.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBmGyHCSUL8mglDO12SllXSYK7oaZ_LTvbe2XZ6yLGQ7AJouDqtS-kxb6zHeP94KMAwYMjiNWebx7uoNBiE3P_rngxgz6FZE0UqDfNtyS6S107cz8ZYvf92YgEVspsT8RO1ctlSyo_pzY/s320/tijeras+png+04.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilGMt6XsRm31M2vNxNhNTZAX_F4k3oJL4K-B4VuGHD8BHyMNBs5qbMwDaA8hSNRVm6sju0xEBEpf6HwVjpYgZrTsukUyor_Nc81bu3bFVaFGWQA214xB2x06milv6xraNsSVkmm54j7Sc/s320/Tijeras+png+05.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoG_83qqmZi931iLsSaRAc2isEsRILTKvikD26CUWOjPooKQeYaE2XLpEPl4HpyytqJspGX5DadIOkzEChwi_QZqfItxmj_NjHtRhCHobCqHqKr-jeN3dqUyZwosIRJbARAE2JXq8N7lQ/s320/separador+vintage+02.png
¿Os ha gustado el tutorial? ¿Lo lleváreis a cabo? ¿Queréis que hagámos uno semanalmente? ¡No dudéis en comentar! Y si tenéis alguna duda os la resolveremos en los comentarios
Ah y una cosa, no me he vuelto loca sé que esto es un blog literario peeerooo ¡¡¡¡¡¡Vivaaan looos OFF TOPPIC, Viiiivaaaan!!!!!!
8 comentarios
Muchas gracias, me ha ayudado muchísimo, gran tuto :)
ResponderEliminarGracias a ti por pasarte. Me encanta que te haya ayudado :D
ResponderEliminarYo lo utilicé una vez, pero aunque quedaba muy bonito, cuando entré por cuarta vez en el blog, no me salía la imagen, así que lo quité.
ResponderEliminarPero es muy útil.
Besos :)
Pues no sé , a mi por los menos no se me ha quitado y por lo que tengo entendido es no se quita :)
ResponderEliminarGracias por pasarte
´SI POR FAVOR NECESITO ESTA SECCIÓN!
ResponderEliminarsoy absolutamente nefasta en esto de html así que me encantan estos tutos y los pondré en practica sin dudarlo. :D
¡Muchísimos bostezos, guapas! :D
Jajajaja pues nosotras encantadas de que te guste.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarMuy buen tutoríal, aprende más sobre blogger siempre se agradece.
ResponderEliminarGracias por compartir.
Diseño web corporativo profesional
Si comentas, te dejaremos un comentario en tu blog.
Por favor, NO hagáis SPAM, NI SPOILER y tratad a nuestros lectores con RESPETO.
NO QUEREMOS URLS.
Si queréis QUE SIGAMOS VUESTRO BLOG COMENTAD UNA ENTRADA, SOLEMOS DEVOLVER COMENTARIOS y si nos gusta, OS SEGUIREMOS.
Atte. Lady Moustache, Atenea y Luna