Ads 468x60px

Τετάρτη, 22 Απριλίου 2015

Social Sharing Buttons To Images

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε πως μπορούμε να
ενσωματώσουμε Share links στις φωτογραφίες που έχουμε στα blog μας!Είναι
ένα πολύ χρήσιμο script ειδικά σε φωτογραφικά blogs η σε blogs με πολλές
φωτογραφίες και όχι μόνο!







Όπως βλέπετε και στην εικόνα μόλις περάσετε τον κέρσορα από
πάνω της βγαίνει πάνω δεξιά ένα εικονίδιο:






και μόλις κλικάρετε το share ανοίγει όλο το μενού:





Η εγκατάσταση είναι απλή:


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

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

και στο παράθυρο που θα ανοίξει 


επικολλήστε τον ακόλουθο κώδικα--
..........................
Default Theme
....................................................................................................................................
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://cdn.slingpic.com/js/slingpic.plugin.js"></script>
<script>
    jQuery(window).load(function(){
        jQuery("img").slingPic();
    });
</script>
...........................................................................................................................................................
Dark Theme 
....................................................................................................................
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://cdn.slingpic.com/js/slingpic.plugin.js"></script>
<script>
    jQuery(window).load(function(){
        jQuery("img").slingPic({
            theme: "dark"
        });
    });
</script>
...............................................................................................................................
Light Theme
...................................................................................................................
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://cdn.slingpic.com/js/slingpic.plugin.js"></script>
<script>
    jQuery(window).load(function(){
        jQuery("img").slingPic({
            theme: "subtle"
        });
    });
</script>
.............................................................................................................................
Διαλέξτε θέμα και πατήστε Αποθήκευση!Αυτό ήταν!    



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

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




Edit by

0 σχόλια :

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

Icon Icon Icon

spice up your blog