Back to top button

Γεία σας σε αυτήν την ανάρτηση θα δούμε ένα πολύ γνωστό και χρήσιμο gadget το οποίο μας
βοηθά έτσι ώστε όταν διαβάζουμε πολύ μεγάλες  αναρτήσεις,η βρισκόμαστε σε μία  σελίδα
 με πολλές αναρτήσεις,με το πάτημα ενός κουμπιού να επανερχόμαστε απευθείας στην
 κορυφή της  σελίδας!

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

Η εγκατάσταση είναι πάρα πολύ απλή!

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

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

 και στο παράθυρο που θα ανοίξει βάλτε τον παρακάτω κώδικα--> 
..........................................................................................................................


<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq__wU3FCqsJq9_GvNToGrhyoELq16DIieinPhfhJYJKvmynVJWwPqnpKLvBqSpcPFzDiN7JKcuuQ8Rz2IOb3MypQOUbEQb0HeT-cj-TF5E69H-oy9lkTpyOlcDf3a8t7fDwXu0RkScNA/s56/push-button-green-256.png"/></a></div>

..........................................................................................................................
Με τα κόκκινα γράμματα είναι η διεύθυνση της εικόνας!Μπορείτε να βάλετε
όποια εικόνα θέλετε εσείς αλλάζοντας τα κόκκινα γράμματα ΜΟΝΟ με την δική σας
διεύθυνση!Εδώ φαίνεται έτσι..

Demo

Πηγή κώδικα: http://full-tricks.blogspot.gr/


Εδώ σας έχω έτοιμες διευθύνσεις βέλων και κουμπιών!!!

Κόκκινο κουμπί

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYkeNhVf1lvnH8w0V5REz02B7wupl4y_awP7rkcBwOBED8eZzacLqomiJuQOq9XUTuiOcP69AoCD2RcKupG-BnkqE45RF60tBk1-QD7E1l4J_Hb5tL24ULHf1YHGDWLKfsyZCC053NGgM/s66/push-button-red-256.png


Απλό κουμπί

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_VEa27SOZeqkU9quvcn0kFquO3gKniIqyY2eR15VoleL3VnfN_xtWdDIewz9m6qNDB1z4nsXqD2PLVWp_4cMdFTFIaBNDjc5el1AvUVFHEhFPXKMr0hHqho0u8x6AHvF-scNPPafG4so/s76/page-up-icon.png

Βέλος1

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpgeypvn-ZbYciwcfyqRJdY7R6h1DV2c1vzUujTbUM9SD5WKuV131mdi7Ypgc2lNKnc7gHPPHKKYriZplfidI7hKca9RE4i7dAsrKh2YXhS4wNcMAbK8xOMYlxok7jBY2VXA3F2uTSJ6o/s108/webdev-arrow-up-icon.png

Βέλος2

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwrBqMJF5G6ZSiCDcTEueLSJwpZX5QjzXpmUO63Q93R6YZkUwqoYyHyDNIA9HmrUw3olBwERkdwp93CGjpGdnia8rZUMpvEFdQNBESNUjnBpJzzZcn0dDI2j_kLXydPXuz1xHtpUaOJVg/s108/up-icon.png

Βέλος3

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxuCfhNM_3gMKpNlFa14fRI2U_FvoDFNS0kM_hR1hCmA1fqD7EOETNeWIEUzXv0BHFLOVBnMqCtmBHJ5_iAZwh_DoxAJ99TiaIpVsOzU2TNN2RqlTJQaDoIKtUOkixnVsp__ipU64Om_4/s96/Alarm-Arrow-Up-icon.png

Βέλος4

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6TguGvfq8SF-zm5hzoapLSCrXaudz8z1cbKM3p3kfiGIn6AhKYLjBUM2G6dseMZyPaxPMgZFuJU8VOu0njHR32RckCNQPKEDCAaKjs2GqyXYOaBYOobZWBIt0QKSlfWnH5ALf11a9LjI/s128/Arrow-Up-icon.png

Βέλος5

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoATcLb__CrC7Uy0ZSAS5lrLTI1SKK1iU3eMmZeQ1BGWd8_kL3GUWL9H6GI2LPH7Hp5R6fiSYBjcVHtQA3kTbsIZisEnfoKZsIzq-kvdq1Dkln28vpp8i5shw1l_ELtjOG8HKx9sJ-yqg/s96/Arrow-icon.png

Βέλος6

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqGZCCZKQHYQPae5O6a4t7X8d5GJaPGQTSLRBFngSt1FHAZAGYBnLfvxsMRTblsNeF7iuFv7KUVmsLh8x4HraWP9ageVT5glp-nVxi9_QyDEoNhDRoDI8mmZiwhih-etZ5ZfXUGz5g7Hw/s64/Arrows-Up-circular-icon.png

Βέλος7

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxvkPmSOIZXxjvnECaNpnrgJfkfE0usWFU5xx2Zbptetq7wFhm-ao3WbLMMPdwP98psLH1SNeftylXwIiEm2eVMbuYaj4RushLWh2kAcjFBwumcwARjdTfv_t9BQEXnezJp5y5rlJTmvc/s96/arrow-up-3-icon.png

Βέλος8

https://lh6.googleusercontent.com/-6KVCg-qgYRw/UMfCGLUKNmI/AAAAAAAAChg/5OyJ3yiWx64/s44/arrow-up.png

Αυτό που σημειώνω στην τελευταία εικόνα /s44/ έιναι το μέγεθος των εικόνων.Μπορείτε
να το αλλάζετε!!Μετά το /ς βάζετε εαν θέλετε την εικόνα πιο μικρή αν είναι /ς44/ όπως από πάνω το κάνετε /ς36/ η 40 η 20 όπως σας βγεί καλύτερα!!Εάν θέλετε να είναι η εικόνα πιο
μεγάλη τότε το αυξάνετε!!

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

Edit by vaiol!!