≽(•⩊ •マ≼

HTML para decorar tu blog

Que onda fritos como están

DFJKDAKVJ NOK ok les traigo los códigos para tener un blog kiutnekokawaii, recuerden que todo esto lo hago desde computadora okei?

Cursor

Para tener un cursor acá kiut como el de mi perfil iremos a esta pagina

https://www.cursors-4u.com/#google_vignette

Hay muchísimos para elegir, todo tipo de colores y categorías.

En este caso lo cambiaré y elegí este. 

bajaremos y encontraremos este apartado 

daremos Click en Blogger/Blogspot para tener el HTML correcto. Una vez ahí copiaremos el link de Old Blogger/Blogspot Interface.

Ahora, iremos a nuestro blog en la opción de Diseño y agregaremos un HTML/JavaScript. 

Pegaremos el link en Contenido y daremos Click a Guardar. 

Guardamos los cambios y vamos a nuestro perfil a comprobar el cursor. 

Y ESTÁ LISTO, es el mismo procedimiento con cualquier cursor. 

Estrellitas

Este de aquí es el código que tengo.

<!-- Sparkle Falling Effect -->

<script>

  // Número de estrellitas

  const cantidad = 25;

  for (let i = 0; i < cantidad; i++) {

    const sparkle = document.createElement("div");

    sparkle.innerHTML = "✦"; // Puedes cambiar por ✧, ✨, ❇

    sparkle.style.position = "fixed";

    sparkle.style.top = "-20px"; // Empieza arriba

    sparkle.style.left = Math.random() * window.innerWidth + "px";

    sparkle.style.fontSize = (Math.random() * 20 + 10) + "px";

    sparkle.style.color = "#FFD700"; // Rosa, puedes cambiar el color

    sparkle.style.opacity = 0.8;

    sparkle.style.animation = `caer ${Math.random() * 5 + 5}s linear infinite`;

    document.body.appendChild(sparkle);

  }

</script>

<style>

  @keyframes caer {

    from { transform: translateY(0); opacity: 1; }

    to   { transform: translateY(100vh); opacity: 0.5; }

  }

</style>

El texto en rosa fueron cosas que yo manipulé, el color y la forma. De ahí, los demás detalles están exactamente igual, ustedes pueden cambiarlo a su gusto. 

Copiarán el link, irán a diseño, insertarán un gadget HTML/JavaScript y pegaran el texto en Contenido. 

Dan Click a Guardar y comprobaran el cambio en su blog. 

Canción recomendación de Bad Bunny. 

<!-- Tarjeta rosa con canciones de Bad Bunny -->

<div style="background:#A8DF8E; border-radius:20px; padding:20px; font-family:'Segoe UI', sans-serif; color:#333; max-width:420px; margin:0 auto; box-shadow:0 4px 12px rgba(0,0,0,0.1); text-align:center;">

  <h3 style="margin-bottom:10px; font-size:20px;">¿No sabes qué escuchar?</h3>

  <p style="margin-bottom:16px; font-size:15px;">Te recomiendo...</p>

  <!-- Botón personalizado -->

  <button onclick="mostrarCancion()" style="background:#fff; color:#FF0066; border:none; padding:10px 20px; border-radius:30px; font-size:16px; cursor:pointer; box-shadow:0 2px 6px rgba(0,0,0,0.15);">

    ૮꒰˶ᵔ ᵕ ᵔ˶꒱ა

  </button>

  <!-- Contenedor de canción -->

  <div id="cancion" style="margin-top:18px; font-size:15px;"></div>

</div>

<script>

  // Lista de canciones de Bad Bunny

  const canciones = [

    "DÁKITI - Bad Bunny, Jhay Cortez",

    "Tití Me Preguntó - Bad Bunny",

    "Ojitos Lindos - Bad Bunny, Bomba Estéreo",

    "Me Porto Bonito - Bad Bunny, Chencho Corleone",

    "Callaita - Bad Bunny, Tainy",

    "La Canción - Bad Bunny, J Balvin",

    "MONACO - Bad Bunny",

    "WHERE SHE GOES - Bad Bunny",

    "UN PREVIEW - Bad Bunny",

    "VETE - Bad Bunny",

    "MÍA - Bad Bunny, Drake",

    "Si Estuviésemos Juntos - Bad Bunny",

    "Amorfoda - Bad Bunny"

  ];

  function mostrarCancion() {

    const aleatoria = canciones[Math.floor(Math.random() * canciones.length)];

    document.getElementById("cancion").innerText = aleatoria;

  }

</script>

Modifique el color, lo que aparecería en el botón y las canciones. No olviden escribir las canciones que ustedes quieran entre comillas y el color, las comillas son importantes. 

Copian y pegan el link en el contenido de un gadget HTML/JavaScript. 

intentaré modificar mejor el HTML para que se vea más estético pero por ahora tengo ese link.

Cualquier cosa que no entiendan pueden escribirlo y con gusto las ayudo paso a paso.