Back to top button, czyli instalujemy strzałkę wróć do góry strony

Hej! Dzisiaj, tak jak obiecałam - zamieszczam tutorial z zakresu blog designu. Pokażę Wam krótką instrukcję jak zamieścić guzik odsyłający nas do góry strony na Bloggerze. Uważam, że jest to bardzo przydatna rzecz na stronie i warto ją zainstalować. A jest to naprawdę mało skomplikowane i zaraz Wam to udowodnię :)

Przygotowałam dla Was tutorial obrazkowy - krok po kroku. Zapraszam :)

 

1. Klikamy w zakładkę "Układ"

2. Klikamy "Dodaj gadżet"

3. Znajdujemy w gadżetach "HTML/JavaScript" i klikamy w niebieski plusik:

 4. Wpisujemy w puste pole kod:

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="URL DO OBRAZKA" /></a>

Oczywiście w miejscu napisu url do obrazka wpisujemy odesłanie do wybranego przez nas obrazka strzałki - poniżej podam Wam kilka przykładów.

Ja mam taki kod: <a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://d2qp0hbj57kono.cloudfront.net/wp-content/themes/dna11-gridlocked/images/button-back_to_top.png" /></a>

5. Zatwierdzamy - nie trzeba wpisywać tytułu

6. Zapisujemy zmiany w układzie i gotowe!

Przykładowe url do obrazka:

Ja mam taką strzałkę: 

http://d2qp0hbj57kono.cloudfront.net/wp-content/themes/dna11-gridlocked/images/button-back_to_top.png

niebieski:

http://1.bp.blogspot.com/-Uy7rJ-k9pmY/Uvo_7PHNNhI/AAAAAAAAANU/Bq8jQoS-M4M/s1600/backTopOff.png

szary:

 

http://www.superdruglookatme.com/wp-content/themes/superdrug/images/top.png

czerwony:

https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQK4_2fO99zOM2qPV8Qj7r9_304bhRnBJ5ueXJa6l-x2e_gC9AGgg

Inne ciekawe guziki odsyłające znalezione w Google:

 Mam nadzieję, że wpis będzie dla Was przydatny :)

Pozdrawiam!