Τρίτη 23 Ιουλίου 2013
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/AVvXsEijBcvGWtJv6o9lDC85PZzXjQUf3eiekI36iE_S1E60bPG38yz24ebJD0qM65NH3pzTA5Lme88bJdPtKrd0ol2wW36kaiMoRFDXgUI7Peg8rRtsTuC3bJPk-uQ2rhmJ3SgVuU6elErM8zQ/s56/push-button-green-256.png"/></a></div>
..........................................................................................................................
Με τα κόκκινα γράμματα είναι η διεύθυνση της εικόνας!Μπορείτε να βάλετε
όποια εικόνα θέλετε εσείς αλλάζοντας τα κόκκινα γράμματα ΜΟΝΟ με την δική σας
διεύθυνση!Εδώ φαίνεται έτσι..
Demo
Πηγή κώδικα: http://full-tricks.blogspot.gr/
Εδώ σας έχω έτοιμες διευθύνσεις βέλων και κουμπιών!!!
Κόκκινο κουμπί
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiScXDzcIg0bPQvUPSaRLYdwSFZTOKOIW1H1ZTn4RGDhqDYXJBSlKJLbiwGOlL0MgB8H_D8Sj-C17O1i7K7i6UlRcypvytzEFgRZnaIqFPNDJekUvCv3O2NO5q2FZCjf5d_8aPcXwiwg-I/s66/push-button-red-256.png
Απλό κουμπί
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5T0noseaRYHjXQn5Z3PDB_P_d83MKXRnOAy4MOBBdBk-RI0Qzh752cVkImO0UO2CuoQSArk-IzCJ4dA4P5ec8ZZippxuGr6SoUmtzFPwxgwa7lfpmmIE66aIN7GNYh1ajKsswcrAky3c/s76/page-up-icon.png
Βέλος1
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0tqA7nB4wWHJM9B0Nl2WHz_Li9bHTwB2zFqbNZ7MmLpxOKFSlR79gedU2J0vmKxrtsZ1gKbHi4i4sS2B53wrpyArcBMVAfc3Cz6c1bp6dxysljfAj-6LuOVvAuP3bwNTVEGJ5T4w6od8/s108/webdev-arrow-up-icon.png
Βέλος2
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglcS8B5G93PpYgZk-EjX2Z8-F90WPwAXGOgJT_g2O7zX6cP5TxqVVO8oFTfVqLWNRXvkPQ895ApxjLdJxnZNuYWDcivjViOpUU8oedI2KmhKxor7nGP7sMQ-WnAZBK4DkcP6_oc6fYv50/s108/up-icon.png
Βέλος3
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7QeZiFjYdvU23gi3FtsoUQbkCCg23DZgmooW0xltlKDZmwLWaqLW4hsK0DJb7wEi_8kWftUMlJDUSLpPpAFt8X_o1ZhZ-BDH-a3nmRJJASeeAxSax2irNVve1V8Fb69AGUBWgABrDw0w/s96/Alarm-Arrow-Up-icon.png
Βέλος4
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVNKGVOr7fIoIFCd01SnBkM19sjjRxeRwkS1CID79GRusr9k7d8GvW153QbnXSdTao_y0g2CTjuAbVbYbjP2seFxiDzBXs_gh87pUymZNcg2KjPo6ewLQkEUus-LZT6gAhR2X7Gt-uBdw/s128/Arrow-Up-icon.png
Βέλος5
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3nwbHPkE06H64UJ1o7_Zy9IIrqoc9TgWhRhncJTrpb-EaHuEXHlFSLaM4BgnxA-R1yjxRxCo_rxACooln0UnjbNApB_aTVpjf6svBLeMXwKRLeHjWvnNyy7E_W7reefJGOjvnQ2UWTjg/s96/Arrow-icon.png
Βέλος6
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-i9lpOD_344b1qhoVsE_UEpT_IDrIKT-JBN3rCGLo16Tkk0VPlg1qRYA626O9UaUTm8pSukjvorafuprYXED6ISq5pZd8HflQNRu2VGZs2UwaqYkABs35lRO4R1_dStwuwjBLCR37YX4/s64/Arrows-Up-circular-icon.png
Βέλος7
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRn6E7VHgNIbOnlf8cYAsYeCoZsH-xRQ-pk_9s_Yi5Lij6Oqnfi_n5jj-V7BGa5Ex28jpjhoCw3dhq3Bh59rhifA4kKMHjSteIiDszIrZHRSCD4KiDCLEvjgBrZkaxmRZ5S5t8YL2eJa4/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!!
βοηθά έτσι ώστε όταν διαβάζουμε πολύ μεγάλες αναρτήσεις,η βρισκόμαστε σε μία σελίδα
με πολλές αναρτήσεις,με το πάτημα ενός κουμπιού να επανερχόμαστε απευθείας στην
κορυφή της σελίδας!
Εδώ θα το δούμε τοποθετώντας το στην κάτω δεξιά πλευρά του 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/AVvXsEijBcvGWtJv6o9lDC85PZzXjQUf3eiekI36iE_S1E60bPG38yz24ebJD0qM65NH3pzTA5Lme88bJdPtKrd0ol2wW36kaiMoRFDXgUI7Peg8rRtsTuC3bJPk-uQ2rhmJ3SgVuU6elErM8zQ/s56/push-button-green-256.png"/></a></div>
..........................................................................................................................
Με τα κόκκινα γράμματα είναι η διεύθυνση της εικόνας!Μπορείτε να βάλετε
όποια εικόνα θέλετε εσείς αλλάζοντας τα κόκκινα γράμματα ΜΟΝΟ με την δική σας
διεύθυνση!Εδώ φαίνεται έτσι..
Demo
Πηγή κώδικα: http://full-tricks.blogspot.gr/
Εδώ σας έχω έτοιμες διευθύνσεις βέλων και κουμπιών!!!
Κόκκινο κουμπί
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiScXDzcIg0bPQvUPSaRLYdwSFZTOKOIW1H1ZTn4RGDhqDYXJBSlKJLbiwGOlL0MgB8H_D8Sj-C17O1i7K7i6UlRcypvytzEFgRZnaIqFPNDJekUvCv3O2NO5q2FZCjf5d_8aPcXwiwg-I/s66/push-button-red-256.png
Απλό κουμπί
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5T0noseaRYHjXQn5Z3PDB_P_d83MKXRnOAy4MOBBdBk-RI0Qzh752cVkImO0UO2CuoQSArk-IzCJ4dA4P5ec8ZZippxuGr6SoUmtzFPwxgwa7lfpmmIE66aIN7GNYh1ajKsswcrAky3c/s76/page-up-icon.png
Βέλος1
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0tqA7nB4wWHJM9B0Nl2WHz_Li9bHTwB2zFqbNZ7MmLpxOKFSlR79gedU2J0vmKxrtsZ1gKbHi4i4sS2B53wrpyArcBMVAfc3Cz6c1bp6dxysljfAj-6LuOVvAuP3bwNTVEGJ5T4w6od8/s108/webdev-arrow-up-icon.png
Βέλος2
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglcS8B5G93PpYgZk-EjX2Z8-F90WPwAXGOgJT_g2O7zX6cP5TxqVVO8oFTfVqLWNRXvkPQ895ApxjLdJxnZNuYWDcivjViOpUU8oedI2KmhKxor7nGP7sMQ-WnAZBK4DkcP6_oc6fYv50/s108/up-icon.png
Βέλος3
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7QeZiFjYdvU23gi3FtsoUQbkCCg23DZgmooW0xltlKDZmwLWaqLW4hsK0DJb7wEi_8kWftUMlJDUSLpPpAFt8X_o1ZhZ-BDH-a3nmRJJASeeAxSax2irNVve1V8Fb69AGUBWgABrDw0w/s96/Alarm-Arrow-Up-icon.png
Βέλος4
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVNKGVOr7fIoIFCd01SnBkM19sjjRxeRwkS1CID79GRusr9k7d8GvW153QbnXSdTao_y0g2CTjuAbVbYbjP2seFxiDzBXs_gh87pUymZNcg2KjPo6ewLQkEUus-LZT6gAhR2X7Gt-uBdw/s128/Arrow-Up-icon.png
Βέλος5
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3nwbHPkE06H64UJ1o7_Zy9IIrqoc9TgWhRhncJTrpb-EaHuEXHlFSLaM4BgnxA-R1yjxRxCo_rxACooln0UnjbNApB_aTVpjf6svBLeMXwKRLeHjWvnNyy7E_W7reefJGOjvnQ2UWTjg/s96/Arrow-icon.png
Βέλος6
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-i9lpOD_344b1qhoVsE_UEpT_IDrIKT-JBN3rCGLo16Tkk0VPlg1qRYA626O9UaUTm8pSukjvorafuprYXED6ISq5pZd8HflQNRu2VGZs2UwaqYkABs35lRO4R1_dStwuwjBLCR37YX4/s64/Arrows-Up-circular-icon.png
Βέλος7
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRn6E7VHgNIbOnlf8cYAsYeCoZsH-xRQ-pk_9s_Yi5Lij6Oqnfi_n5jj-V7BGa5Ex28jpjhoCw3dhq3Bh59rhifA4kKMHjSteIiDszIrZHRSCD4KiDCLEvjgBrZkaxmRZ5S5t8YL2eJa4/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!!
Εγγραφή σε:
Σχόλια ανάρτησης
(
Atom
)
Smart Defrag 2
Γειά σας σε αυτήν την ανάρτηση θα δούμε το Smart Defrag 2 ένα από τα καλύτερα προγράμματα ανασυγκρότησης των σκληρών μας δίσκων...
Auto Scrolling Recent Posts
Γειά σας ένα πολύ ωραίο widget με οριζόντιο Auto Scrolling για να παρουσιάζουμε τις πρόσφατες αναρτήσεις μας...
Free YouTube Uploader
Γειά σας σε αυτήν την ανάρτηση θα δούμε το Free YouTube Uploader το οποίο μας επιτρέπει...
Social media
Γειά σας τα gadgets και widgets για τα social media δεν έχουν πλέον τελιωμό και σε αυτήν την ανάρτηση θα δούμε...
Back to top button
Γεία σας σε αυτήν την ανάρτηση θα δούμε ένα πολύ γνωστό και χρήσιμο gadget το οποίο μας βοηθά έτσι ώστε...
Sitemap Widget
Γειά σας,σε αυτήν την ανάρτηση θα δούμε ένα πολύ ωραίο και χρήσιμο Sitemap widget το οποίο μας δείχνει μαζεμένες σε μία σελίδα...
Αυτή η εργασία χορηγείται με άδεια Creative Commons Αναφορά Δημιουργού-Μη Εμπορική Χρήση-Όχι Παράγωγα Έργα 3.0 Ελλάδα .
0 σχόλια :
Δημοσίευση σχολίου