Ads 468x60px

Πέμπτη 11 Φεβρουαρίου 2016

Scrolling Back To Top JQuery Widget

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





DEMO Eδώ στο Tech Time κάτω δεξιά!




Η εγκατάσταση είναι απλή:
 
Πηγαίνετε blogger--> Διάταξη -->

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

 και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα--

..............................................................................................................................................................
<!--Safe Tricks back to top widget Start-->
<script src='https://dl.dropboxusercontent.com/u/49409267/js.files-css%20files/3-1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#ST-top").fadeIn()}else{$("#ST-top").fadeOut()}});$("#ST-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script>
<a id='ST-top' style='display: none; position: fixed; bottom: 1px; right:0%; cursor:pointer;font:12px arial;'><img src='https://dl.dropboxusercontent.com/u/49409267/Animation/ARROWS/z4.gif' width="20px" height="30px"/></a>
<!--Safe Tricks back to top widget End-->
.....................................................................................................................................................
ΑΛΛΑΓΕΣ

https://dl.dropboxusercontent.com/u/49409267/Animation/ARROWS/z4.gif--- Μπορείτε
να αλλάξετε το εικονίδιο με κάποιο δικό σας!

Αποθήκευση και έτοιμοι!


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


 Πηγή κώδικα 
thanks to www.safetricks.com


Υγ:Εάν σε κάποια templates δεν λειτουργεί λόγω του αρχείου js που διαθέτει ο
κώδικας τότε μπορείτε να χρησιμοποιήσετε μία άλλη παρόμοια ανάρτηση που




 Edit by

0 σχόλια :

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

Icon Icon Icon

spice up your blog


Giveaway of the Day
Άδεια Creative Commons
Αυτή η εργασία χορηγείται με άδεια Creative Commons Αναφορά Δημιουργού-Μη Εμπορική Χρήση-Όχι Παράγωγα Έργα 3.0 Ελλάδα .