GADGETS LINDOS QUE HACEN QUE TU BLOG SE SiENTA TUYO

 como ya conté en un blog pasado, desde chiquita siempre me encantó personalizar todo lo que podía y creo que se ve un poco reflejado en este blog. desde que lo ideé siempre lo pensé 100% mío. tuve la suerte de haber aprendido sobre código html en la escuela y no se me dificultó tanto pero sé que no todos tenemos los mismos conocimientos y puede hacerse dificil el momento de crear un blog y personalizarlo a gusto. hoy te propongo 4 gadgets para que puedas copiar, pegar y modificar a tu gusto según tu estética.

para mí, los gadgets en blogger no son solo “cositas que se agregan”: son detalles que hacen que un blog se sienta habitado. los gadgets son una de esas herramientas que te permiten dejar tu huella sin saber programar ni complicarte. son pequeños gestos como un cursor, una tarjeta, un comentario que no parecen importantes, pero que cambian completamente la forma en la que alguien recorre tu espacio. para mí, ahí está la magia: en convertir un blog en algo vivo, propio y con identidad.

la explicación sobre cómo aplicarlos en tu propio blog la vas a encontrar pronto en mi perfil de tiktok.

GADGET DE BIENVENIDA

nada mejor que recibir cariñosamente a tus lectores. por eso te dejo el gadget de texto que va de derecha a izquierda que yo misma uso en mi blog. solo hace falta copiar, pegar y modificar <3.

<style>
.marquee-bordo {
  background-color: none; <!--color de fondo-->
  color: #800000; <!-- color de las letras -->
  font-family: 'Arial', sans-serif; <!-- fuente tipográfica -->
  font-size: 16px; <!-- tamaño de la fuente -->
 font-weight: bold; 
  padding: 8px 0;
  overflow: hidden;
  white-space: nowrap;
}

.marquee-bordo span {
  display: inline-block;
  padding-left: 100%;
  animation: moveText 12s linear infinite;
}

@keyframes moveText {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

</style>

<div class="marquee-bordo">

  <span>₊˚⊹⋆｡°‧₊˚✧ BIENVENIDXS A MI BLOG ♡｡⋆｡˚₊˚✩</span> 

</div>

GADGET DE REDES SOCIALES

este es el gadget de redes que uso en mi blog. es simple, chiquito y va perfecto para la sidebar o al final de una entrada. la idea es tener todos tus espacios reunidos en un solo lugar, sin que ocupe mucho ni rompa la estética. podés personalizar los links, sumar o sacar redes y adaptarlo a tu propio estilo sin saber nada de código.

<!-- reemplazá los links por los de tus redes -->

<style>
.redes-blog {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.redes-blog a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #800020; /* cambiar color a gusto */
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  transition: transform .2s ease, background-color .2s ease;
}

.redes-blog a:hover {
  transform: translateY(-2px);
  background-color: #a0002f; /* color al que cambia cuando pones el cursor encima */
}

.redes-blog img {
  width: 14px;
  height: 14px;
  filter: invert(1);
}

</style>

<div class="redes-blog">

  <!-- instagram -->
  <a href="https://instagram.com/TU_USUARIO" title="instagram">
    <img src="https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/instagram.svg" alt="instagram"> </a>

  <!-- pinterest -->
  <a href="https://pinterest.com/TU_USUARIO" title="pinterest">
    <img src="https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/pinterest.svg" alt="pinterest">
  </a>

  <!-- tiktok -->
  <a href="https://tiktok.com/@TU_USUARIO" title="tiktok">
    <img src="https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/tiktok.svg" alt="tiktok">
  </a>

  <!-- youtube -->
  <a href="https://youtube.com/@TU_CANAL" title="youtube">
    <img src="https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/youtube.svg" alt="youtube">
  </a>

</div>

GADGET DE "LEER AL AZAR"

este es un gadget para ese lector indeciso que no sabe qué leer. simplemente es un botón que te lleva a una entrada random que hayas publicado. es pequeño, simple pero sirve bastante. personalizalo a tu gusto <3

<!-- gadget: boton entrada random
copiá todo este codigo y reemplazá las urls por las de tu blog -->

<div style="text-align:center; margin:15px 0;">

<a href="javascript:void(0)" onclick="randomPost()" style="
  font-family: Georgia, serif;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
background-color: #800000;
  border-radius: 15px;
  padding: 6px 12px;
  display: inline-block;
">
  leer algo al azar
</a>

</div>

<script>
function randomPost() {
  var posts = [
    "URL_DE_TU_ENTRADA_1",
    "URL_DE_TU_ENTRADA_2",
    "URL_DE_TU_ENTRADA_3",
    "URL_DE_TU_ENTRADA_4",
    "URL_DE_TU_ENTRADA_5"
  ];
  var random = posts[Math.floor(Math.random() * posts.length)];
  window.location.href = random;
}
</script>

GADGET DE BLINKIES
este gadget es ideal para decorar tu blog con blinkies. podés usarlo para armar una mini colección, sumar detalles aesthetic o simplemente darle personalidad a un espacio vacío. solo tenés que reemplazar las urls por las imágenes que más te gusten y listo: tu blog, pero más cute y más tuyo.

<div style="padding:10px; text-align:center;">
  <img src="URL_DEL_BLINKIE_1.gif" style="margin:4px;" />
  <img src="URL_DEL_BLINKIE_2.gif" style="margin:4px;" />
  <img src="URL_DEL_BLINKIE_3.gif" style="margin:4px;" />
  <img src="URL_DEL_BLINKIE_4.gif" style="margin:4px;" />
  <img src="URL_DEL_BLINKIE_5.gif" style="margin:4px;" />
  <img src="URL_DEL_BLINKIE_6.gif" style="margin:4px;" />
  <img src="URL_DEL_BLINKIE_7.gif" style="margin:4px;" />
  <img src="URL_DEL_BLINKIE_8.gif" style="margin:4px;" />
</div>

espero que les sea de mucha ayuda! pueden dejarme algún comentario si tienen dudas o algún pedido <3 siganme en instagram que siempre devuelvo follow <3