Γίνετε μέλος του Dr-blogger στο fb.Απλά πατήστε like από κάτω

photto




1 Infinite Scrolling Effect In Blogger

Κατ' αρχάς να δούμε με απλά λόγια τι είναι το Infinite Scrolling Effect.Εχετε δει στις σελίδες του FB πως ρολάροντας προς τα κάτω τις σελίδες, αυτές ανοίγουν και ενημερώνουν, χωρίς να σας βάλει σε άλλη καρτέλα; Αυτό λέγεται Infinite Scrolling Effect ...Αυτό το εφέ το έχει εδώ και πολλά χρόνια η google, και γενικά υπάρχει στο ίντερνετ, αλλά σπάνια χρησιμοποιείται...και πολλοί κάτοχοι ιστολογίων, δεν το θέλουν...Για μένα είναι ένα χρήσιμο εφέ, που βοηθά τον επισκέπτη να ενημερώνεται πιό γρήγορα για τις αναρτήσεις του blog!!! Δείτε το DEMO στη blog μου egioparalia.com/ ...Ρολάροντας προς τα κάτω το ποντίκι σας, θα δείτε τις αναρτήσεις να ανοίγουν αυτόματα η μια μετά την άλλη....


Συνδεθείτε με το λογαριασμό σας στον Blogger, και στο μενού αριστερά πατήστε το "ΠΡΟΤΥΠΟ"...μετά διαλέξτε το "ΕΠΕΞΕΡΓΑΣΙΑ HTML"...Πατήστε το ποντίκι σας μέσα στον κώδικα HTML του προτύπου σας, και με ctrl F (στο κουτάκι που θα ανοίξει) αναζητήστε τη φράση </head> ...
Μόλις βρείτε το </head>, ακριβώς από ΠΑΝΩ από αυτό, προσθέστε τον παρακάτω κώδικα:

<!--  infinite scrolling code for blogger  -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/>
<script src='http://dr-blogger.com/files/scripts/Infinite-Scroll-Plugin.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery.ias({
    container : &#39;.blog-posts&#39;,
    item: &#39;.post-outer&#39;,
    pagination: &#39;#blog-pager&#39;,
    next: &#39;#blog-pager-older-link a&#39;,
    loader: &#39;http://1.bp.blogspot.com/-Atj4ze_I-84/UeJk-CPeCsI/AAAAAAAAHno/UIbSZkTfWBA/s1600/loading.gif&#39;
});
  </script>
</b:if>

ΠΑΤΗΣΤΕ "ΑΠΟΘΗΚΕΥΣΗ" και δείτε στο blog σας αν λειτουργεί...

***υπάρχει περίπτωση να μη λειτουργεί σε κάποια blog, εξ αιτίας άλλων script που υπάρχουν μέσα στο πρότυπό σας...
***Μέσα στο κώδικα υπάρχει και μια εικόνα που δείχνει ότι φορτώνει την επόμενη σελίδα...
***Δεν γνωρίζω αν δουλεύει με όλους τους περιηγητές, και ειδικά αν λειτουργεί με τον explorer..
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
Related Posts Plugin for WordPress, Blogger...
Print Friendly and PDF

1 σχόλια:

Tubesalonika Blogspot είπε...

Είναι ακριβώς αυτό που έψαχνα εδώ και πολύ καιρό ,σας ευχάριστο πολύ για τις χρήσιμες πληροφορίες που μας προσφέρεται.Το έβαλα και εγώ στο μπλογκ μου.http://tubesalonika.blogspot.com/