Botón de Subir Arriba en Blogger
¡Que tal mundo!!Este tutorial es super sencillo y no creo que tengan ningún problema en añadirlo a su blog. Estos botoncitos ya los he visto en varios blogs, en un sin fin de formas o diseños personalizados así que quiero añadir mi granito de arena y pasarles unos de mi parte.
Cómo instalar tu flecha de subir arriba:
✎ Primero vamos a la siguiente pagina Flaticon✎ Una vez que escojamos la flecha que nos gusta la descargamos✎ Ahora súbela a tu blog o copia el código de la imagen✎ En tu blog, le das a Añadir gadget HTML✎ Pega el código que esta en la cajilla | Lo que esta señalado en verde, es donde debes colocar la URL de la imagen.✎ Guarda los cambios
Te dejare 3 ejemplo de flechas que he descargado y subido al blog:
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://1.bp.blogspot.com/-nNexdWqEyd4/YBdLWBMJCGI/AAAAAAAAD5Q/MFQl3nm1Jpg_Exn0jGAZGhvMIEKV5rYrQCLcBGAsYHQ/w131-h131/subir%2B%25283%2529.png" /></a>• ────── ✾ ────── •
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://1.bp.blogspot.com/-HVh71jEtAJI/X9OD1xw4X0I/AAAAAAAADME/MNIXjIydPLgpipNb6Bg1CF-0NQuWG2gigCPcBGAYYCw/w93-h93/image.png" /></a>• ────── ✾ ────── •
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://1.bp.blogspot.com/-rZ9K2dRtXYo/YBdGjHD3CDI/AAAAAAAAD5A/fFmy7_p7q18508W-h099j7Go7xmkxCflQCPcBGAYYCw/w101-h101/subir%2B%25282%2529.png" /></a>• ────── ✾ ────── •Como algo extra también puedes editar el botón que has escogido dentro de la misma pagina de Flaticon. sigue los siguientes pasos, es muy fácil.
✎ Abre una cuenta en Flaticon | Es completamente gratis.✎ Añade tu botón a tu lista de colección.✎ Ve a donde dice EDITAR ICONO | si no quieres editarlo solo ve donde dice PNG y se descargara.✎ Te aparecerá un panel de edición sencilla para editar tu botón✎ Para cambiar el color del botón solo ve donde dice: SELECCIONA UN NUEVO COLOR✎ Terminado de editar, guarda y descarga.
✎ Otra opción para copiar la URL de la imagen, solo pon el mouse sobre la imagen, clic botón derecho del mouse, copiar dirección de imagen.