FREE FIRE Template Blogger Responsive
Cómo colocar un fondo de imagen en tu plantilla Blogger
Recomendación:
- Recuerda que la imagen de fondo debe ser lo suficientemente grande para cubrir la pantalla sin perder calidad.
- También ten en cuenta que una imagen de fondo no debe dificultar la lectura del contenido de tu blog, debe existir armonía con el sitio web.
- Se puede agregar cualquier tipo de imagen de fondo ya sea formato jpg, png, gif,etc
Código HTML para colocar imagen de fondo en Blogger
Para agregar una imagen de fondo a tu blog de Blogger utilizando HTML, sigue estos pasos:
1º Subir tu imagen a Blogger en una entrada.
2º Accede al panel de control de tu blog en Blogger.
3º Ve a "Tema" en el menú lateral.
4º Haz clic en "Editar HTML".
5º Busca la etiqueta body{ dentro de este codigo localizar el "background" de fondo principal. Este código html puede variar en diferentes diseños puede encerrar un código mas grande o corto.
Localizado el código se procede a remplazar agregando el siguiente código:
background:#7c7877 url(URLdeIMAGEN);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size: cover;
background:#7c7877 url(URLdeIMAGEN); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover;
Reemplaza URLdeIMAGEN con la URL de tu imagen deseada y guarda los cambios.
Explicación del código:
- background-image: Define la imagen que se usará como fondo.
- background-repeat: no-repeat; Evita que la imagen se repita.
- background-attachment: fixed; Mantiene la imagen fija mientras se desplaza la página.
- background-size: cover: Ajusta la imagen para cubrir todo el fondo.
Con estos pasos, deberías poder personalizar el fondo de tu plantilla de Blogger. ¡Buena suerte!
Crear un blog Acortador de Enlaces en Blogger y Monetizar al instante
CINEBLOG: Plantilla Blogger Premium Series y Películas
😃 Emojis y Emoticonos para Copiar y Pegar 📋
¿Qué son los emojis y por qué son importantes?
Los emojis son pequeños iconos o imágenes digitales utilizados para expresar emociones, ideas o conceptos en sitios web o redes sociales ya sea para comentar o expresar una idea de manera mas intuitiva. Originados en Japón en los años 90, los emojis se han convertido en una gran parte integral de la comunicación online, trascendiendo barreras lingüísticas y culturales.
Estos símbolos visuales enriquecen nuestros mensajes de texto, correos electrónicos y publicaciones en redes sociales, añadiendo un toque de emoción y contexto que a menudo se pierde en la comunicación escrita. Los emojis nos ayudan a:
- Expresar emociones de manera más eficaz
- Añadir un tono amistoso o humorístico a nuestros mensajes
- Comunicar ideas complejas de forma rápida y visual
- Mejorar la comprensión en conversaciones interculturales
¡Encuentra y copia fácilmente tus emojis favoritos! los emojis son perfectos para los sitios web como blogger, wordpress o redes sociales, Enriquece tu publicación con emojis llamativos para el lector en este listado de los emojis mas usados en internet 👇
Emoticonos de Caras y personas
Emoticonos de animales y naturaleza
Emoticonos de Alimentos y bebidas
Emoticones de actividades
Emoticonos de viajes y lugares
Emoticonos de objetos
Emoticonos de símbolos
Cómo poner fondo Animado en Plantillas Blogger
Los fondos animados para plantillas o diseños en blogger suelen estar en la barra lateral izquierda y derecha del contenido de nuestras entrada o pagina principal. Los fondos animados son útiles para mejorar la apariencia de nuestra pagina en blogger haciendo notar de que tipo de contenido se enfoca nuestro blog.
Hacer un Fondo animado para blogger es bastante fácil, si quieres hacerlo solo tienes que seguir los dos pasos a continuación.
1º Entrar a Blogger / Temas / Editar HTML Copiar y pegar el siguiente código CSS a continuación antes de </b:skin> o </style>
CSS
body{background-image:url(URL-IMAGEN-IZQUIERDO),url(URL-IMAGEN-DERECHO)!important;background-repeat:no-repeat!important;background-attachment:fixed!important;background-position:top left,top right!important;background-size:auto auto,auto auto!important}
2º Colocar el enlace url de la imagen reemplazando URL-IMAGEN-IZQUIERDO y URL-IMAGEN-DERECHO. Después de eso, haga clic en el botón Guardar tema y vea los resultados en su blog.
Puede utilizar cualquiera de las siguientes url de imágenes prediseñadas y editadas por Tutoriales Gratis de Internet o utilizar su propio diseño.
URL Imagen Anime Izquierdo
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5ZMSL_tmz8ERzN2FBjrsluBxniAUnpXL2MIOZZhcEQZ316l4aC0p056AyzMt3Zkk1MuFNYqoZO6ov91YR9tgxSJFRPTETFgBVoh0WnTXI883h4MS7ZJ8SVzoSXdJVYEhn-C8lJ0CrbWmVMWNIptS6zLd1msftrqgbQGEJY-UtEy1FSP4hILXZ1IxjgX7W/s842/Anime%20lateral%20izquierdo.png
URL Imagen Anime Derecho
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLAcnoqfffoGtHJ8yZcQkgQ9DGdBJZiOXEK6gy8Kbas3stW5I1kDMthjtgev1rH1IuHq2yzHWErn-b9Ch6M2oAX2lz2l7lCu2CGM_Lw9sa9vZvoExsCkCRlfYkFR4Kzxa3hb49La8C7my9V3JmC6ABXACmc6nSHFHNohVbcUSiUmAOY7lkvxN6YzU4iYky/s842/Anime%20lateral%20derecho.png
URL Imagen Game Izquierdo
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRSfPF9nsGi63haOevNPvRObBH_hVKqc6n32qcFtRGwn9PWIs4Xa4XLCY-LdPjXhrk6WPZNmX4sXpXNlFmOJGno6uR5982IhE3j5DFvrcktyT4wocKUEHJ_lOWSj1aN2wwZYgFwcTzod5MXEItlqZkyvhntQeR1acIRLfsh8wgZr80Yk_nmiYgBhwthUi8/s842/Ni%C3%B1o%20lateral%20izquierdo.png
URL Imagen Game Derecho
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCq_GWC4t8-bM599xBgXJB31wFJjTas1Fmb2cIgGPmX3OP82n4OZQOr2jCsyGKqJqybuvkz-ATJrfUXJqJAFAcOIS6h-Nb7XrWx-HR5gaVPMyUsjmbXqRF2rS5igihvLA5FklhJXKHtyvk951DpiIACkFjpW2m0rzCnoGhmouXMZFXnPGfiSIpeaFFqoO/s842/Ni%C3%B1a%20lateral%20derecho.png
URL Imagen Robot Izquierdo
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeV5hScZ9jeyqVwfVVr6MkiL37IlarxqWMHJeptZJJqz6akktWsXeuVfW1p5Mu6zryC2FSwUPZWvqY70nLrxwPlhQQBat-apklI-yDZEaQIpM8MWsSO4FiMdIkUo0ouIMHPdQlkAsR-LWw9_vBNuapzSDvtSq7aed8TJ9rN9Y3ymJPaFZvJdO4l2jlyMqp/s842/Robot%20lateral%20izquierdo.png
URL Imagen Robot Derecho
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivH3b-iOBJWIhx1JZIF11nBKP3tI9sfHVSvPTTj0mJWah_W8dXiVsPlXOoY1QwG58OQKuI59Qa8xSK72sqLro7WL3E3Pur6ESkLwwgqB3IGIlq3Dl-NEz2qbuOHY07eTYsNRLs4Z8Lpm5M1dUJRDcOgKLEtk9yQpm7DmAlfRTImmWFM0SwW302Przfvyr3/s842/Robot%20lateral%20derecho.png
Como Implementar un Reproductor de Radio Online para Blogger

Reproductor de Radio online para Blogger generalmente existen paginas internet que distribuyen contenido de música y ondas radiales ya sea strems (En Vivo) o contenido de audio grabado en secuencia de forma gratuita, estas paginas son muy concurridas por los usuarios que navegan en internet, una forma de atrapar ese trafico es crear una pagina radial en vivo, en esta oportunidad vamos aprender a como agregar un reproductor de radio online para nuestro blog en blogger, totalmente personalizado y listo para usar.