Poner Botoncito "SUBIR" en Blogger

Hey Buenas Noches Ilusionados, volvemos con fuerza luego de estas “largas vacaciones” por semana santa, supongo que les sirvió de reflexión y quien sabe, tal vez brindó más unión a su familia.

Esta entrada es algo diferente, no está cargada de algún libro, es más una especie de tutorial (asumo la culpa si no me dejo entender :3) sobre el botoncito SUBIR (Veo en muchos sitios que lo mencionan como el botón de Subir arriba, y digo ¿en serio? ¿Es que también hay el de subir abajo? O será que no estoy familiarizada con su denominación).

Puedes observar en la esquina derecha del Ilusiones compartidas el que yo diseñe:

Sí exactamente ese.

Buscando, encontré muchísimos diseños super hermosos para todas quienes quieran darle un tono más estilizado al blog, y dije ¿ por qué no? Voy a crear el mío puesto que no se me hacía para nada difícil, y ahora aquí estamos.

Ok, le estoy dando muchas vueltas, vamos a por ello.

APRENDE A COLOCARLOS

Nos vamos a Blogger=Diseño=Agregar un Gadget

Lo curioso de este gadget es que sea cual sea la posición donde decidan agregarlo debido al código, por defecto establece la posicioón “right” que lo situará en la esquina derecha, yo recomendaría que inserten el gadget al final, asi no estorba mucho y no lo borras por error.

Le damos a HTM/Java script:

Se nos abrirá una ventanita nueva.

 

Dentro de la cajita denominada contenido vamos a copiar el siguiente código:

<a href="https://www.blogger.com/blogger.g?blogID=1111898711198841888#" style="bottom: 7px; display: scroll; right: 7px; position: fixed;" title="SUBIR"><img src="URL DE TU IMÁGEN" /></a></div>

Si puedes notar dentro del código esta la palabra "right" que hace al botoncito ubicarse en el lado derecho, pero si deseas que se visualize en el lado izquierdo, solo cambias el texto por la palabra “left” quedando asi:

<a href="https://www.blogger.com/blogger.g?blogID=1111898711198841888#" style="bottom: 7px; display: scroll; left: 7px; position: fixed;" title="SUBIR"><img src="URL DE TU IMÁGEN" /></a></div>

EL texto SUBIR se visualizará cuando se pase el cursor por encima de la imagen puedes modificarlo a tu gusto .

Donde dice URL DE IMÁGEN colocarás la dirección en la cuál se encuentra situada tu imagen, yo prefiero subirlas en google sites.

Le das aceptar y por último guardas los cambios y te vas a ver como de lindo queda tu blog.

Así de sencillo. No hay nada más que eso.

BOTONCITOS ALTERNATIVOS

Voy a facilitarte los códigos con mis botoncitos diseñados super simples, nada del otro mundo. (Ojo las imágenes han sido creadas por diferentes autores a los cuales le estoy plenamente agradecida, mi diseño compete la conversión a png y el texto añadido)


1.-

<a style="display:scroll;position:fixed;bottom:10px;right:7px;" href="#" title="Subir"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm-sN6hERUdNeGbJiLXqQJFZXyTcu5aVCwH13hpeqVIt4vd1UievMOeDcWHigx8qPCLDVXPYkM1vMdA7-RuhqxLcz-hOOBuho2Y8Krsq0bON2dxMoH5dEjl8g3G9QPRNWiLH26TWaza-eZ/s1600/Subir+%25281%2529.png" /></a></div>

2.-

<a style="display:scroll;position:fixed;bottom:10px;right:7px;" href="#" title="Subir"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcxtvt7mKeh8FCmipikCXnnToprHucfDk6cygTqhETg5Q9rDTlKb7iFYxFI2bbPfLzjGMAXJ83Qkn8dQw4jnSbs8fT9Ut6MvM4oEVHK0qiXnGBpTp98yWdc7-qhYpEodFQa269FYC18TaB/s1600/Subir+%25282%2529.png" /></a></div>

3.-

<a style="display:scroll;position:fixed;bottom:10px;right:7px;" href="#" title="Subir"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh370T98xhyphenhyphen73JiMgeaOaQKAekoWv60SP0neEbktemManJfEpFAhkwx2BKhyYiakV5KivZfv2eds8o2Na1SG4idli2W3J0d59eJCGz_iRj_gDEL_7GQ4iSm4Y-7viVKKp9Fuwx05oFvJq5O/s1600/Subir+%25283%2529.png" /></a></div>

4.-

<a style="display:scroll;position:fixed;bottom:10px;right:7px;" href="#" title="Subir"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm4kWObF_TG4R8SQOoiebViBmfEboLaPSDyNoZ7jC7_YkAgJ-lS2CFtY4H1P7Aj5QsdNxdPiGAC18_9iJcE9ClIB1MtuSSQhH4KrCF_O0K82IdwKZzRxe451LreEPokTjzN7BiRXqttK-u/s1600/Subir+%25284%2529.png" /></a></div>

5.-

<a style="display:scroll;position:fixed;bottom:10px;right:7px;" href="#" title="Subir"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibdZdlAHxyjxGbBgEI4Q626cXnMUUPvsChweX3Ohi52U0mEn26_igHem1Pk6qRP2ZeRhQ7gwgloUnjG6IiyprFfner9XtcJr1ivCUKtZVjm64a0E_b9N8G47SLtL2cwWBRz4tTHAOFbBZG/s1600/Subir+%25285%2529.png" /></a></div>

6.-

<a style="display:scroll;position:fixed;bottom:10px;right:7px;" href="#" title="Subir"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMhilSrEAzkX_-VL6sOvl0FO9b58W_6JO0H8D1r5cf2ri8UeVOw0XAomWFuwEKYWQgWZ1XzSkIROWBRLERdYYHpDuPnfYthX3YmaMuOUd7_R3DkKNudyrc9buxYXPC-eCnJusGrgoGAN1X/s1600/Subir+%25286%2529.png" /></a></div>

7.-

<a style="display:scroll;position:fixed;bottom:10px;right:7px;" href="#" title="Subir"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiClJ-mOz0Z-YPmoxyk1V8TmGKd7f9-lPv8D5J8uUxgfHsOGfsfFEalFYw8BIu7yC4KOCXQkBqeCWJtgJffE4jt6jjad043-ZSBR_1dDy66EwYEomj9_MZSlFLc-o4r9_NwdQvp0jatS9EF/s1600/Subir+%25287%2529.png" /></a></div>

8.-

<a style="display:scroll;position:fixed;bottom:10px;right:7px;" href="#" title="Subir"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRsjwBknhjSQiwGLpwlh_xrx3jWOUanFzq87ws-e7GGCg5Ktw68MiHI_etAwrfJDFia3JF5SN1bMBLBzh7hKl2-_354CQB0pzhTR3v54WQBvqp_7cX8eNeRHVtiMnUKnh3Y3DqsarystXt/s1600/Subir+%25288%2529.png" /></a></div>

9.-

<a style="display:scroll;position:fixed;bottom:10px;right:7px;" href="#" title="Subir"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9b0zKW9Z6dzC0iBZu_aSBkEauHvHUtrfrCMUV2jTYZeRudFRLATV-UCUxsu-LjlGL_rFZ1hqBX1gnB-IrVAjuStJDfubo60Gq-9Rv4E9I6_GjDcMdRI8L1tct9h4778ezcJZL5UesTTTT/s1600/Subir+%25289%2529.png" /></a></div>

10.-

<a style="display:scroll;position:fixed;bottom:10px;right:7px;" href="#" title="Subir"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLrNvefLlV91L43uphQ_gHWHGGsYLjd1jrGNJeB8sBvaaYMEq6Qi-DsCCfSxxEhYFEqjMgdVkTGh2pIPs4QekP6HoALBmRfCpHPS3GzxqjmM2fOBzosRi5TV7V22w5uPyY78x2dTSBmilO/s1600/Subir+%252810%2529.png" /></a></div>

11.-

<a style="display:scroll;position:fixed;bottom:10px;right:7px;" href="#" title="Subir"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizHp9nRYLg9qcVuu_oT1jbZeFkAeWCfdI_-lULKoKQsmq0TAAQnKg5X4U4oGbw5AufAEKCHQiLWfi5dIxIoVRfvzljX4g6kPliJwQXQAXDgJQSTt3TsNqhm3_YfZ4LCgE4z9fZXUMrZKLO/s1600/Subir+%252811%2529.png" /></a></div>

12.-

<a style="display:scroll;position:fixed;bottom:10px;right:7px;" href="#" title="Subir"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGEVx8ZCtcmfCgDO96mOuGeIT9yhWKSR4h5ZwPhmwuY0MxNii7O7XTpGUcIpcEaUCFN26-oSMaGj4dj01rWneHEf3XB0Q4UOD8lVfcZE8hrO-iz6jghnQxiUh3M4doRsJ6s9MHn5UdSLuG/s1600/Subir+%252812%2529.png" /></a></div>

13.-

<a style="display:scroll;position:fixed;bottom:10px;right:7px;" href="#" title="Subir"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbyidkseY6G9qRkvXI3KhJlYbjsFwmSVy-RZgkxZ8c-usgLKn5SBQ7e1MQ-PG8zF5nS0s2Y7ux_aM8UGpkDkKiR2Rst-yNBwzt1X4R-uxd8IlzT_hdJ0QVEy7jZRCZLwEJ_s__G4SpyCvo/s1600/Subir+%252813%2529.png" /></a></div>

14.-

<a style="display:scroll;position:fixed;bottom:10px;right:7px;" href="#" title="Subir"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin11eTPwS7E4hfeiPyIj3TyEMfUQUICyp8wZyEjDyZqfU5bTJBVW2C-5i1YH7cY7FozU8ouf3Ytmg67rrQXxe5bwbKdtSUkkzxtkCM3Vq3bl7FkAbf3TPGrkcS_zLm3rAc9pL6zjrjmPno/s1600/Subir+%252814%2529.png" /></a></div>

15.-

<a style="display:scroll;position:fixed;bottom:10px;right:7px;" href="#" title="Subir"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiLiGyQmsXXqQLL_kGP8W-BSxkWWaXUKRkN9KLHVJyoWh618501e9Tt54eHt3L-Zfn9vcLlgVz6XWWoYOeq3xSWNcyNJ0M3T-idf-YdNGGaxJtQO6eNDhtXAXj0N_lCKUwgzYB2YGyQsfL/s1600/Subir+%252816%2529.png" /></a></div>

16.-

<a style="display:scroll;position:fixed;bottom:10px;right:7px;" href="#" title="Subir"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCJTubzJ7wf4RkduKp5ULk92RO1gs5BUCn1GjNa26IsfMhrvKFin3s3tD9gFaRv6UcTRVEL3HSggi3JKTT_JH2-ztfs83IOKFP2u76lPjYzr4l6E4rlqSwj9ghHXqoGJ14xTMVHI6GaCCq/s1600/Subir+%252817%2529.png" /></a></div>

17.-

<a style="display:scroll;position:fixed;bottom:10px;right:7px;" href="#" title="Subir"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsGsgxsEJE9yo1pifeQqnAL7BadueMF8MuL0Iegh0hBkn7m59t-e9PUX4UrrmXNCjSqSIQQyObQ6nUqnNFm9tbzZ2EZcQet7DDp2XvlIsRTp8VM22oF_jnAoPXsDEGVWMq2-QQ0Rvhg90-/s1600/Subir+%252818%2529.png" /></a></div>

Espero que esta entradita haya sido de fácil comprensión, No olviden comentar, me sirve de mucho conocer las inquietudes; Ilusionados, recuerden que un Blog se alimenta de comentarios, es complejo motivarme a subir cositas cuando no veo respuesta alguna, si tienen alguna duda ya saben, comenten y haganmelo saber. Que este inicio de semana sea maravilloso para ustedes. Sigan sonriendo. Un beso.

Ale ❤