Poner en el blog botones (flechas) de Ir Arriba e Ir Abajo – Habitaciones

Los botones deSubir yBajar facilitan el acceso al contenido de la página, sobre todo cuando en la página principal hay muchas entradas o cuando una entrada tiene demasiados comentarios.
Vamos a ver dos formas de poner los botones deIr Arriba eIr Abajo, una es la forma "simple" y la otra tendrá un efecto deslizante.

Forma simple

Entra enPlantilla | Edición de HTML y antes de/body pega lo siguiente:

a href='#'img border='0' style='position:fixed; top:0; right:0;' src="URL de la imagen" title="Ir arriba" //a


a href='#footer-wrapper'img border='0' style='position:fixed; bottom:0; right:0;' src="URL de la imagen" title="Ir abajo" //a

Cambia la URL de la imagen donde se indica; el primer código corresponde al botón de Ir Arriba, el segundo al de Ir Abajo.

Efecto deslizante

Para que al subir y bajar tenga un efecto deslizante necesitaremos Scriptaculous, así que estando igual en la Edición de HTML pega antes de/head el siguiente código:
NOTA: Si ya lo tienes en tu plantilla no es necesario pegarlo de nuevo.

!-- Prototype y Scriptaculous--
script src='http://www.google.com/jsapi'/script
script
google.load("prototype","1.7.0.0");
google.load("scriptaculous", "1.9.0");
/script
!-- Prototype y Scriptaculous--

Ahora antes de/body pega lo siguiente:

a href='#outer-wrapper' onclick='new Effect.ScrollTo("outer-wrapper",{offset:-140}); return false'img border='0' src='URL de la imagen' style='position:fixed; top:0; right:0;' title='Ir arriba'//a


a href='#footer-wrapper' onclick='new Effect.ScrollTo("footer-wrapper",{offset:-140}); return false'img border='0' src='URL de la imagen' style='position:fixed; bottom:0; right:0;' title='Ir abajo'//a

De igual modo hay que cambiar la URL de la imagen tomando en cuenta que el primer código es para el botón de Ir Arriba y el segundo para el de Ir Abajo.

Los botones estarán uno en la parte superior derecha y otro en la parte inferior derecha, si deseas que ambos estén en medio de la pantalla entonces en el código de la imagen de "Ir Arriba" verás que dice top:0; eso cámbialo por otro valor comotop:250px;
Y en botón de "Ir Abajo" dice bottom:0; eso cámbialo portop:490px;


ACTUALIZACIÓN:
En cualquiera de los dos métodos (simple o deslizante) si usas una plantilla nueva del Diseñador de plantillas de Blogger entonces tendrás que buscar esta línea:

div class='body-fauxcolumns'

Y cambiarla por esta otra:

div id='outer-wrapper' class='body-fauxcolumns'

Luego buscar esta línea:

div class='content-cap-bottom cap-bottom'

Y cambiarla por esta:

div id='footer-wrapper' class='content-cap-bottom cap-bottom'

Con eso funcionará también en esas plantillas.

Aquí les dejo unos íconos que pueden utilizar para sus botones.

---

personal injury lawyer DONATE YOUR CAR FOR KIDS business voip solutions Annuity Settlements CAR INSURANCE IN SOUTH DAKOTA Virtual Data Rooms structered settlement houston mesothelioma attorney Automobile Accident Attorney MESOTHELIOMA LAW FIRM Hard drive Data Recovery Services Custom Christmas cards motor replacements Donating a car in Maryland Donate your Car for Money Dayton Freight Lines Bankruptcy lawyer CAR DONATE CAR ACCIDENT LAWYERS Service business software Social media strategies HOW TO DONATE A CAR IN CALIFORNIA sell my structured settlement mesothelioma care How to Donate A Car in California broward county dui lawyer Met Auto Seo companies structured settlement purchasers Online casino WebEx costs accident attorney orange county Donate your car Sacramento MET AUTO Donate your car for kids ONLINE COLLEDGES cash out annuity criminal defense federal lawyer fortis health insurance temporary new mexico mesothelioma lawyer Motor Replacements Social media management Casino low credit line credit cards tennessee mesothelioma lawyer SELL ANNUITY PAYMENT Business management software phd in counseling education Mobile casino New social media platforms meso lawyer Make money online Australia Custom WordPress theme designer DUI lawyer Casino reviews Online Christmas cards structured annuity settlement Dwi lawyer Criminal lawyer Dallas mesothelioma attorneys Business finance group Cheap Car Insurance in Virginia Live casino Dallas Mesothelioma Attorneys BEST CRIMINAL LAWYER IN ARIZONA Hire php developers Hire php programmers hair removal washington dc mesothelioma attorney Psd to WordPress WordPress hosting massage school dallas texas CRIMINAL DEFENSE ATTORNEYS FLORIDA Car Insurance Quotes Utah maritime lawyer houston Criminal defense lawyer Psd to html Royalty free images stock diagnosed with mesothelioma Php programmers for hire Auto Accident Attorney Hire php developer Paperport Promotional Code Asbestos Lawyers Photo Christmas cards Computer science classes online Php programmers illinois law lemon Best social media platforms for business Asbestos Lung Cancer REGISTER FREE DOMAINS DONATING A CAR IN MARYLAND structured settlement agreement federal criminal defense attorney cheaper insurance companies Car Donate accident attorney san bernardino structured settlement brokers personal injury accident lawyer ashely madis Social media platforms for business Donate old cars to charity Donate Your Car Sacramento Seo services Best Seo company benchmark lending Best social media platforms Seo company adverse credit remortgage Car Insurance Quotes MN bus accident attorney los angeles mesothelioma compensation sell structured settlement calculator caraccidentlawyer Data Recovery Raid