Oiii!! o/
De todas formas, cuando me libere de tiempo voy a estar haciendo unos gadgets un poco más complicados y se los voy a traer. 
Cualquier duda, me dicen en los comentarios. Acuérdense que para poner estos gadgets se van a ir a "Diseño", "Agregar un gadget" y "Gadget HTML/Javascript".
Contador de visitas
Para este contador usé websiteout, vayan a la página y, abajo, seleccionen algún contador que les guste. Hagan la configuración que pide abajo, traduzcan la página si es necesario. Cuando terminen, denle al botón naranja de abajo de todo que dice "next", les va a dar un código html, cópienlo y reemplacen la parte en negrita de este código por ese.
<div class="contador-fixed">
<script type="text/javascript" src="https://counter.websiteout.com/js/36/6/630/0"></script>
</div>
<style>
.contador-fixed {
position: fixed;
top: 40px; /* distancia desde arriba */
right: 20px; /* distancia desde la derecha */
z-index: 9999;
transform: scale(2.0); /* tamaño (1.5 = 150%) */
transform-origin: top right;
}
</style>
Este contador está acomodado de una forma un poco específica para mi blog. Ustedes lo pueden cambiar si no lo quieren ahí o quieren otro tamaño. Tengo anotaciones hechas para que se guíen de cada cosa, aunque si no entienden mucho no les recomendaría que toquen. Solo tienen que modificar el valor hasta el que ustedes quieran, y, si quieren que esté en otra esquina, tienen que ir a la antepenúltima línea y cambiar top right, top es arriba, right es derecha, si lo quieren abajo a la izquierda, por ejemplo, pongan bottom left. 
Si no lo quieren en las esquinas, sino que en el centro de sus paneles, pongan este código, tienen que hacer lo mismo de reemplazar la parte en negrita que les dije antes. No peguen los dos códigos, solo el que ustedes quieran.
<div class="contador-fixed">
<script type="text/javascript" src="https://counter.websiteout.com/js/36/6/630/0"></script>
</div>
<style>
.contador-fixed {
display: block;
text-align: center; /*hacia dónde está alineado*/
transform: scale(2.0); * tamaño (1.5 = 150%) */
margin: 10px auto; /*distancia de los márgenes*/
}
</style>
Gato
Vayan a Web Neko y denle click al gato que ustedes quieran usar, abajo de los gatos va a aparecer un cuadro de texto con su código, cópienlo y péguenlo en su blog y ya.
Estrellas al clickear
La parte que está en negrita es la que ustedes tienen que cambiar por el url de su imagen, tengo un tutorial en la parte 3 de gadgets de cómo subir sus imágenes a imgbb por si no saben cómo hacerlo. De nuevo, el resto de cosas las pueden tocar xq son sobre el tamaño, velocidad, etc., pero no se los recomiendo mucho. 
<style>
body{
height: 100%; /* edita la altura dependiendo de la altura de tu sitio*/
}
</style>
<script>
var b = document.body;
var imgurl = "https://i.ibb.co/TBY6gK9x/f3q9xu.gif";
var size = [10, 20];
function rand(min, max)
{
return Math.floor(Math.random() * (max - min + 1) + min)
}
function getSize()
{
return rand(size[0], size[1]);
}
function lerp(a,b,f)
{
return (b-a)*f+a;
}
function heart(x,y)
{
var s = getSize();
x -= s/2;
y -= s/2;
x = Math.floor(x) + rand(-5, 5);
y = Math.floor(y) + rand(-5, 5);
var fx = x + rand(-40, 40);
var fy = y + rand(-40, 40);
var i = document.createElement("img");
i.src = imgurl;
i.style = `pointer-events: none; position: fixed; width: ${s}px; left: ${x}px; top: ${y}px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1000000;`;
b.appendChild(i);
var f = 0;
var interval;
interval = setInterval(function() {
var _x = Math.floor(lerp(x, fx, f));
var _y = Math.floor(lerp(y, fy, f));
i.style = `pointer-events: none; position: fixed; width: ${s}px; left: ${_x}px; top: ${_y}px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1000000;`;
i.style.opacity = 1-f;
f += 0.01;
if (f > 1)
{
clearInterval(interval);
b.removeChild(i);
}
}, 10);
}
function bro(x,y)
{
for (var i = 0; i < 5; i++)
{
heart(x,y);
}
}
b.addEventListener("click", function(event){
var x = event.clientX;
var y = event.clientY;
bro(x,y);
});
</script>
Eso fue todos robloxianos. Perdón si fue muy rápido pero la vdd no tengo nada q decir, son gadgets bastante sencillos. También intenté hacer un speedrun de escribir el post xq suelo tardar como dos horas en escribir estos posts y me quiero ir a dormir.
El jueves voy a intentar (digo intentar xq todavía no lo escribí y no sé si me va a salir bien) hacer un post sobre cosas que pueden hacer para desconectarse de las redes y sentirse más en los 2000s. No pretendan que suba nada mañana ni el miércoles xq mañana voy a estar todo el día estudiando, el miércoles voy a estudiar hasta las 5 de la tarde, después voy a rendir y llegaré a mi casa a la noche y me iré directo a dormir.
Bueno me voy xq tengo q agregarle imágenes a esto para q sea más entretenido. Chao bebetos 
No hay comentarios.:
Publicar un comentario