3 gadgets para decorar tu blog pt.3 ദ്ദി(ᵔᗜᵔ)

Oiii!! o/

Hola mis intelectuales. Hoy estuve a punto de no postear nada xq sucedieron cositas, pero después de escalar montañas y cruzar mares, logré traerles la tercera parte de 3 gadgets para decorar tu blog.

Ahre resulta q mi computadora enloqueció y se me crasheaban todos los programas q eran de windows, pensé q tenía un virus. No podía ni siquiera restaurar a una copia de seguridad xq el Win + R no se abría de lo mal q estaba la compu. Pero yo soy una genia y se me ocurrió desconectar el disco externo, y ahí se abrieron automáticamente todos los programas.

Estuve como 5 horas haciendo eso, en medio me fui a comprar unas cosas y volví. Cuando terminé dije LISTO ahora q tengo esto solucionado me voy a bañar. Y pum se me corta la luz mientras me baño. Me dio un miedo de q saliera de repente una araña y me quisiera matar. Estuve unas horas sin luz, sin datos y sin señal entonces no iba a poder escribir esto. Pero hace 15 minutos mientras escuchaba las canciones descargadas de bts q tengo en spotify y leía un fanfic de leon kennedy q había descargado de ao3, una luz apareció en el cielo, deslumbrándome y dejándome en trance, sin entender qué sucedía.

Bueno no la hago más larga, volvió la luz y me vine directo a escribir esto. Y NADIE ME PAGA 

Volviendo a lo q les importa, hoy les traigo unos gadgets más simples pero q creo q les pueden interesar: las estrellas que caen desde arriba de la página, el botón de "seguir leyendo" que aparece en la página principal al final de cada post y el botón de abajo a la derecha para subir hasta arriba del blog. 

Acuérdense que para ponerlos tienen que ir a "Diseño", "Añadir gadget" y "HTML/JavaScript". En contenido pegan el html. Las cosas q ustedes tienen que modificar están escritas en negrita.

Y les repito, DÍGANME SI QUIEREN UN GADGET EN ESPECÍFICO xq falta q yo les esté dando todos los gadgets q menos les importa y haya alguno q les interese. También, si quieren algún gadget q yo no tengo en mi blog y no saben de dónde sacarlo o cómo hacerlo, díganme y yo lo voy a buscar por todos lados o lo voy a intentar hacer. Todavía estoy aprendiendo a hacer códigos, pero al menos algo sé hacer. O lo intento dea

Estrellas

Acá van a necesitar dos íconos como máximo. En la parte 2 de páginas para decorar tu blog les deje algunas páginas con íconos q les pueden servir. 

Descarguen los q quieran usar y después vayan a alguna página para subirlas, yo les recomiendo imgbb. Vayan ahí y denle a "comienza a subir", seleccionan la imagen y la suben, déjenlo en "no eliminar automáticamente" xq sino se les borra la imagen y después no les va a aparecer en su blog. Denle a "subir" y cuando les cargue, en "Códigos de inserción" pongan "HTML completo enlazado" y copien con Ctrl + C (les digo que lo hagan así xq al menos a mí no me deja hacer click derecho y copiar) el segundo url que aparece, que, según su imagen, va a terminar en .jpg, .png o .gif.

Acá está el código html, peguen el/los url en las partes donde lo indica. Al lado de los url en el código hay unos números donde va el tamaño de su imagen. Para saber el tamaño, vayan al explorador de archivos en su computadora, busquen la imagen y dejen el cursor arriba, donde dice "dimensiones" es el tamaño que ustedes tienen que poner. Por ejemplo, si mi imagen mide 72 x 85 el valor en el código tiene que quedar ,72,85

<script type='text/javascript'>var fallObjects=new Array();function newObject(url,height,width){fallObjects[fallObjects.length]=new Array(url,height,width);} var numObjs=20, waft=50, fallSpeed=10, wind=0; newObject("URL de la imagen",20,20); newObject("URL de la imagen",20,20); function winSize(){winWidth=(moz)?window.innerWidth-180:document.body.clientWidth-180;winHeight=(moz)?window.innerHeight+500:document.body.clientHeight+500;} function winOfy(){winOffset=(moz)?window.pageYOffset:document.body.scrollTop;} function fallObject(num,vari,nu){objects[num]=new Array(parseInt(Math.random()*(winWidth-waft)),-30,(parseInt(Math.random()*waft))*((Math.random()>0.5)?1:-1),0.02+Math.random()/20,0,1+parseInt(Math.random()*fallSpeed),vari,fallObjects[vari][1],fallObjects[vari][2]);if(nu==1){document.write('<img id="fO'+i+'" style="position:fixed;" src="'+fallObjects[vari][0]+'">'); }}function fall(){for(i=0;i<numObjs;i++){var fallingObject=document.getElementById('fO'+i);if((objects[i][1]>(winHeight-(objects[i][5]+objects[i][7])))||(objects[i][0]>(winWidth-(objects[i][2]+objects[i][8])))){fallObject(i,objects[i][6],0);}objects[i][0]+=wind;objects[i][1]+=objects[i][5];objects[i][4]+=objects[i][3]; with(fallingObject.style){ top=objects[i][1]+winOffset+'px';left=objects[i][0]+(objects[i][2]*Math.cos(objects[i][4]))+'px';}}setTimeout("fall()",31);}var objects=new Array(),winOffset=0,winHeight,winWidth,togvis,moz=(document.getElementById&&!document.all)?1:0;winSize();for (i=0;i<numObjs;i++){fallObject(i,parseInt(Math.random()*fallObjects.length),1);}fall();</script>

Botón "Seguir leyendo"

Acá ustedes se van a tener que hacer su propio botón. Yo hice el mio en Illustrator, pero ustedes lo pueden hacer en Canva, Photoshop, Ibispaint, Picsart o Paint si no tienen el mismo programa que yo.

Ahora, desde blogger, vayan a "Tema" y arriba de todo les va a aparecer su tema. Denle a la flechita al lado de "Personalizar" y elijan "Editar HTML". Búsquen la línea que diga  <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>, yo lo tenía en la línea 1790 pero ustedes lo deben de tener aproximadamente en la 1460. Cuando lo encuentren, al final de <div class='jump-link'> peguen el código.

Cuando tengan su imagen para el botón, súbanla a imgbb siguiendo el mismo proceso del gadget anterior y reemplacen en el código. Después guarden arriba a la derecha. Les dejo tres opciones para q elijan dónde quieren que aparezca el botón, elijan uno.

Alineado a la IZQUIERDA:

<img  src='URL de la imagen' width='208' height='50'/> 

Alineado a la DERECHA:

<div align="right"><img  src='URL de la imagen' width='208' height='50'/></div>

Alineado al CENTRO:

<center><img  src='URL de la imagen' width='208' height='50'/></center>

Para poner el botón, en cada post tienen que elegir hasta dónde quieren que se pueda leer el post desde la página principal y ahí le dan al salto de página. Es el guion que está en la barra de arriba cuando escriben un post.

Botón para subir

Acá también van a necesitar una imagen, la mía la conseguí en Gifcities buscando "up", pero también pueden hacer uno ustedes. La van a tener que subir a imgbb siguiendo el mismo proceso que en el primer gadget.

<a href="#"><img src="URL de la imagen" title="subir arriba" class="go-to-top"  style="position: fixed; bottom: 10px; right: 1%;" width='70' height='25'/></a>

Bueno eso es todo lo q tengo para decir. No revisé mucho si estaba bien escrito todo así q si no entienden algo me avisan. Les hablaría de algunas boludeces pero la vdd tengo sueño y todavía tengo q hacer las diarias del genshin, así q mañana les hablaré más.

Chaooooooooooooo