"AddThis" Horizontal Floating Share Bar with close button for Blogger (3 styles).

Το "addthis" είναι ένας ιστοχώρος που έχει δημιουργήσει διάφορα σχέδια κουμπιών κοινωνικής δικτύωσης & διαμοιρασμού για όλες τις ιστοσελίδες.
Σε όλα της τα σχέδια που μας έχει προσφέρει αυτά τα χρόνια, μας παρέχει τη δυνατόητα να χρησιμοποιήσουμε τα εικονίδια του addthis ή να βάλουμε δικά μας.
Σημαντικό είναι να αναφέρω, πως το API που προσφέρει το AddThis στους προγραμματιστές είναι αρκετά πλούσιο σε επιλογές.

Τι είναι το API

API = Application Programming Interface

Αναφέρεται στο σύνολο των λειτουργιών/συναρτήσεων/κλάσεων που προσφέρει συνήθως μια βιβλιοθήκη προγραμματισμού.
Για να το πούμε πιο απλά, ο τρόπος για να χρησιμοποιείς μια λειτουργία από μια γλώσσα προγραμματισμού.
Οπότε εξαρτάται από τη λειτουργία και από τη γλώσσα προγραμματισμού που θές να χρησιμποιήσεις.

Παρακάτω θα βρείτε μια λίστα πολύ γνωστών API's:

Windows API
Java Platform Edition API's
iPhone API
Google Maps API
Google Custom Search API
Google App Engine API
Google AdSense API
Google AdWords API
MediaWiki API
YouTube API
PayPal API's
Facebook API
Drupal API
Twitter API
Flickr API

Σε αυτήν την ανάρτηση θα σας δείξουμε τον τρόπο για να περάσετε στο ιστολόγιό σας την οριζόντια μπάρα του, στην κορυφή της σελίδα σας.



1. Θα κάνετε Σύνδεση/Login στο blog σας & θα μπείτε στον Πίνακα Ελέγχου σας --> Πρότυπο --> Επεξεργασία HTML.
2. Και θα κοιτάξετε να βρείτε τον παρακάτω κώδικα με Ctrl + F....

</head>

Μόλις το βρείτε θα πάτε στην αμέσως προυγούμενη γραμμή & θα προσθέστε τον παρακάτω κώδικα.

<!--Add-This-Horizontal-Floating-Bar-STARTS-Widget-http://loneeagle110.blogspot.com/-->
<script type="text/javascript">var addthis_config = {bar_show_below:150}</script>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>
<!--Add-This-Horizontal-Floating-Bar-STOPS-Widget-http://loneeagle110.blogspot.com/-->

Το επόμενο βήμα είναι:

3. Θα κοιτάξετε να βρείτε τον παρακάτω κώδικα με Ctrl + F....

</body>

Μόλις το βρείτε θα πάτε στην αμέσως προυγούμενη γραμμή & θα προσθέστε έναν από τους παρακάτω κώδικες.

Small Icons:

<!--Add-This-Small-Icons-Horizontal-Floating-Bar-STARTS-Widget-http://loneeagle110.blogspot.com/-->
<div class="addthis_bar addthis_bar_small">
<label>Share This Page:</label>
<div class="addthis_toolbox addthis_default_style">
<span><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a></span>
<span><a class="addthis_button_tweet"></a></span>
<span><a class="addthis_button_google_plusone" g:plusone:size="medium"></a></span>
<span><a class="addthis_counter addthis_pill_style"></a></span>
</div></div>
<!--Add-This-Small-Icons-Horizontal-Floating-Bar-STOPS-Widget-http://loneeagle110.blogspot.com/-->

Medium Icons:

<!--Add-This-Medium-Icons-Horizontal-Floating-Bar-STARTS-Widget-http://loneeagle110.blogspot.com/-->
<div class="addthis_bar addthis_bar_medium">
<label>Share This Page:</label>
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<span><a class="addthis_button_preferred_1"></a></span>
<span><a class="addthis_button_preferred_2"></a></span>
<span><a class="addthis_button_preferred_3"></a></span>
<span><a class="addthis_button_preferred_4"></a></span>
<span><a class="addthis_button_compact"></a></span>
<span><a class="addthis_counter addthis_bubble_style"></a></span>
</div>
</div>
<!--Add-This-Medium-Icons-Horizontal-Floating-Bar-STOPS-Widget-http://loneeagle110.blogspot.com/-->

Large Icons:

<!--Add-This-Large-Icons-Horizontal-Floating-Bar-STARTS-Widget-http://loneeagle110.blogspot.com/-->
<div class="addthis_bar addthis_bar_large">
<label>Share This Page:</label>
<div class="addthis_toolbox addthis_default_style">
<span><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a></span>
<span><a class="addthis_button_tweet" tw:count="vertical"></a></span>
<span><a class="addthis_button_google_plusone" g:plusone:size="tall"></a></span>
<span><a class="addthis_counter"></a></span>
</div></div>
<!--Add-This-Small-Icons-Horizontal-Floating-Bar-STOPS-Widget-http://loneeagle110.blogspot.com/-->

4. Θα κάνετε προεπισκόπηση του προτύπου σας κι αν δεν σας βγάλει κάποιο λάθος θα πατήσετε ΑΠΟΘΗΚΕΥΣΗ.

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