Aprende a decorar el blog en blogger
Hoy voy a enseñar cómo he decorado yo algunos aspectos del blog, como puede ser el cursor o un gadget interactivo que hace que podáis dar la opción a vuestros lectores de cambiar el fondo del blog.
Aquí os dejo los pasos para ambos,con capturas del proceso para entenderlo más fácilmente.
1º. Entramos en las 3 rayas del blog y entramos a "Diseño"
2º. En la barra lateral añadimos un gadget y seleccionamos "HTML/JavaScript"
2º. En "HTML/JavaScript" podemos añadir ambas cosas, el cursor y otros gadget como el de elegir el color de fondo a la hora de leer el blog.
2.1. En contenido vamos a añadir el enlace de lo que se quiere añadir, para la paleta de colores yo añadí el siguiente texto
" <center>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#ff0000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOR3C4avMj0u52NTzQLTs9Mtg-yupPsfRTMWXRQuBNZnRdEQfWHaSIwiae_itI1EG_6OiOUZfLAzjHk79gtNHyynwOaRvvFTlN_QUWKj6xbsFMS6NdPfAMgmkDbWjRsFPCE6bxU48XXmaT/s200/body-rojo.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#fff000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2D_B-YYtjNso1VlDUBsYXWQmpGYYHdkbrW8GnMZGWwqmOdfv1KeqnGDjdR4mXVsF_FfZCrnaqavZHUjd6CJ_Yy6qNePqlcDZPblpIIHjxGiItGDnaepoRnGz9Xv313XHpLiKIo8tKJG66/s200/body-amarillo.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#04B404'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-aJGHIXxHUAaxc7x59wNmZM7SYPCACKOUjsZEa6JoR1QBvIGYE5NpE7AQ5uiLqXZrZ4mCJsNMs5dVrOdJAukf6Hk7Q7-dPCVNfzXA9gnb0tIWgkubtxHV6rwaBgYS5OaNwcmvhZ3r6dOp/s200/body-verde.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#0080FF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5ATh32fCJGVXquYZR2El0zFjwk4EeEB2YAPMedjEvhjUb_HtQhgu560fr7419RoS9oLpcHKB7RoXbWi8nSD4IVTKRXD0KiakDGvA2zlkCr6CkBlf9doTotJrRgmGGXvPKHQgpa1w049oc/s200/body-azul.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#CC00FF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4pmpCmOLSAf7sOhJLQT3AuMMP4_PXj6jjA-_7F9o8xJqqt5oeHUgXjGEQb-Y0WtU2FfQIvxvdMWBMpTnmmer5VQpkOMyHw3Udzy58R6LcJPbgQCUyeIH2tD_uT2Lio45tvBbYJEmxlqOR/s200/body-morado.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#F781BE'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh91jzjgHQ1cymau3RM2eTteAhXiPcccvphaFaoCw7N0PmP_Q2ekTsUcHqGm_r9cZ3AlP-rDb-OAbkEOrdmJJZQnbj7g9bStDxf2UDDkVHTVS_Sy6Eef9IqEX6UGsczSN3mw1YBZPYEML4A/s200/body-rosa.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTHmLpRO1V4VrtK9n4YUHSVO-MfYRyzEUWau1jrHOMJfyVCnH5GguOZQI2kSmVw7n9mz_-yYkRO8Te-1THtxeveoIqa_xMlESPj255LIArsdVuRY-JBdT4PKN8lbRvrUiyZIGYc5qn_nQx/s200/body-negro.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#FFFFFF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9ynSN8eW4e-ftpKIhVwkoOzKuFhqa5uoGeMWBhmYo3UkQOaru5VAmGQ9_-DfoBmQN9HvMKoZVsWcZ8vMx325E2R1eqYTs3boVkEMMCysvh7jREm0I10og-x0SB2fYgIfdxe_RiENng_2e/s200/body-blanco.png" /></a>
<script type="text/javascript" src="//acortar.org/gen-js"></script>
</center> "
2.2. Para añadir el cursor que quieras es el mismo proceso, y en contenido añades el siguiente texto
" <style type='text/css'>
body {
cursor: url(Meter aquí el enlace del cursor), auto;
}
a:hover {
cursor: url(Meter aquí el enlace del cursor), auto;
}
</style> "
_______________________________________________________________________________
Esto lo he sacado del blog de PCzeros , tanto los enlaces como el saber cómo añadirlos, lo pongo en mi blog para darle más accesibilidad y que tengáis más facilidad a la hora de añadir gadgets, ya que si tenéis alguna duda podéis comentarme y os ayudaré en todo lo que pueda.
_____________________________________________________
Significado de mi cursor
Por si no se ha reconocido, la persona del cursor es Harry Styles, un famoso cantante que perteneció a la mítica banda de One Direction, y os preguntareis, ¿qué tiene que ver Harry Syles con un blog orientado a lo social?
Bueno, para que me conozcáis un poco más, soy fan de Harry y hay una canción que habla de tratar a la gente con amabilidad, TPWK, de la cual os hablaré en algún apartado sobre música y el significado relacionado con lo social desde mi perspectiva de algunas canciones.
Pero Harry Styles ha hecho mucho por lo social y me parece un buen ejemplo para tener como ídolo,ha hecho donaciones y se ha manifestado por distintos derechos como los de las mujeres entre otros, pero ya haré algún post sobre él y su influencia, chao chao!
