Ads 468x60px

Παρασκευή, 20 Σεπτεμβρίου 2013

Back to Top button και Go down button

Φίλες και φίλοι γεια σας μετά απο το Back to top button και το scrool to top button 
που είδαμε αμφότερα σε παλαιότερες αναρτήσεις, έφτασε και η σειρά του Back to Top
button και Go down button!Η διαφορά του με τα άλλα είναι ότι εδώ έχουμε βελάκι και
για το τέλος της σελίδας μας και όχι μόνο για την αρχή της όπως στα άλλα!!Είναι από τα
πιο χρήσιμα widget για τα blog μας ειδικά όταν πρόκειται για μεγάλες σελίδες με πολλές
αναρτήσεις!

Δείτε εδώ το DEMO στο οποίο έχω χρησιμοποιήσει κουμπιά και για να το
εγκαταστήσετε και εσείς στα blogs σας...

 Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

 και στο παράθυρο που θα ανοίξει βάλτε τον παρακάτω κώδικα-->
..................................................................................................................................
<a href='#' style='display:scroll;position:fixed;bottom:110px;right:6px;' title='Back to Top'>
<img src='Εδώ το link της εικόνας που πηγαίνει στην αρχή της σελίδας' style='border:
0;'/></a> <br /> <br/> <br /> <a href='#GoDown' style='display:scroll;position:fixed;bottom:
68px;right:6px;' title='Go Down'><img src='Εδώ το link της εικόνας που πηγαίνει στο 
τέλος της σελίδας' style='border:0;'/></a> <br /><a name='GoDown'></a>
................................................................................................................................................
ΑΛΛΑΓΕΣ

Εδώ το link της εικόνας που πηγαίνει στην αρχή της σελίδας
Εδώ το link της εικόνας που πηγαίνει στο τέλος της σελίδας

Βάλτε τις δικές σας διευθύνσεις από τα βέλη-κουμπιά σας στα αντίστοιχα
πλαίσια του κώδικα και πατήστε Αποθήκευση!Αυτό ήταν!

Εδώ σας έχω και έτοιμα ζευγάρια!           Όπως τα βλέπετε με την σειρά!
Από κάτω από κάθε ζεύγος βρίσκονται και οι διευθύνσεις τους!!

1:


https://lh6.googleusercontent.com/-ug6WBobREzg/Ue6Tg8ekNNI/AAAAAAAAGsQ/ziX8VSUfoiE/s65/page-up-icon.png
https://lh6.googleusercontent.com/-lTmvu5_qYLU/Ue6TfuhB83I/AAAAAAAAGsE/kxXXdviKHcE/s65/page-down-icon.png

2:

https://lh3.googleusercontent.com/-TuZKQPZ7Hdc/UPM5Cpbhd9I/AAAAAAAAD68/fmBLjYiYX1Q/s48/onebit_30.png
https://lh6.googleusercontent.com/-7JYx4fpLhC8/UPM5CXih_nI/AAAAAAAAD64/-KKUYKgRjxo/s48/onebit_28.png

3:


https://lh6.googleusercontent.com/-FFZBzCavrM8/UOmu03_xVRI/AAAAAAAADt4/36I7iqgTtMI/s44/arrow-up.png
https://lh4.googleusercontent.com/-iBEeeKJ7JgY/UOmuz9yjohI/AAAAAAAADtw/dpA6pjB3QsE/s44/arrow-down.png

4:


https://lh4.googleusercontent.com/-iBEeeKJ7JgY/UOmuz9yjohI/AAAAAAAADtw/dpA6pjB3QsE/s44/arrow-down.png
https://lh5.googleusercontent.com/-Kwo_jUjsNIs/UMfCFAbdbEI/AAAAAAAAChc/kHxLngQMkQQ/s44/arrow-down.png

5:


 https://lh5.googleusercontent.com/-EZg9nuh8xLo/UMfB_DXBNnI/AAAAAAAAChA/ESDg0HFHH2U/s48/arrow-up.png
https://lh5.googleusercontent.com/-WfOwhDHWFIk/UMfB-Z4MIAI/AAAAAAAACg8/Azz9xcu9go4/s48/arrow-down.png

6:


https://lh5.googleusercontent.com/-UiQdVMhzNB8/UMdkf5SmUNI/AAAAAAAACc8/fcoc2yxcodw/s48/arrow-up.png
https://lh3.googleusercontent.com/-ZEw96oa9YRU/UMdkfBOrfHI/AAAAAAAACcw/8VrBQY1PMHE/s48/arrow-down.png

Καλή επιτυχία!!!


Edit by vaiol!!!!

0 σχόλια :

Δημοσίευση σχολίου

Icon Icon Icon

spice up your blog