Πέμπτη, 1 Σεπτεμβρίου 2011

Καθετο Share Box.

Print and PDF
Γεια σας μολις γυρισα απο τις διακοπες μου και σας εχω ενα πολλη ωραιο Gadget οπου θα το λατρεψετε ειναι για να μπορουν οι επισκεπτες σας να μοιζονται το Blog σας με τους φιλους τους μεσα απο πολλα Social Networks οπως για παραδειγμα το Facebook (Share buttom), Twitter (Retweet), Digg (Digg this) και το Google + (+1).(Το Demo ειναι στο τελος)

 

1) Πρώτα από όλα, συνδεθείτε στο λογαριασμό σας Blogger .
2) Κάντε κλικ στο Σχεδίαση. και επιλέξτε Στοιχεια Σελιδας/Προσθηκη Gadget.
3) Παταμε HTML/JavaScript και προσθετουμε τον παρακατω κωδικα:

<!-- floating page sharers Start blogytricks.blogspot.com-->
<style type="text/css"> #pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style> <div id='pageshare' title="Get this from BloggerSentral.com"> <div class='sbutton' id='fb'> <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </div> <div class='sbutton' id='rt'> <script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script> </div> <div class='sbutton' id='digg' style='margin-left:3px;width:48px'> <script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script> <a class="DiggThisButton DiggMedium"></a> </div> <div class='sbutton' id='gplusone'> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <g:plusone size="tall"></g:plusone> </div> <div style="clear: both;font-size: 9px;text-align:center;"><a href="http://blogytricks.blogspot.com/2011/09/share-box.html">Get widget</a></div><!-- Do not remove this link --> </div>
<!-- floating page sharers End -->


- Και παταμε Αποθηκευση.


4) Συρετε το Gadget απο απο το σημειο που το προσθεσαμε κατω απο τις αναρτησεις σας.


- Πατηστε Αποθηκευση και ετοιμο το Gadget σας.


Σημιωσεις:


- Μπορειτε να αλλαξετε το κωδικα οπου λεει margin-left:-71px; με αναλογα την τοποθεσια οπου θελετε να ειναι (Σας προτεινω να μην αλλαξετε την λεξη left και απλα να αλλξετε τον αριθμο)

- Αμα θελετε να βαλετε κι αλλα κουμπια μπορειτε απλα να προσθεσε το παρακατω κωδικα και μεσα σε αυτο το κωδικα του κουμπιου που θελετε:

<div class='sbutton'>
BUTTON CODE
</div>
 
- Demo ειναι το παρακατω Βιντεο:





- Για ότι πρόβλημα υπάρξει μην διστάσετε να επικοινωνήστε μαζί μας μεσώ του
κουμπιού "Επικοινωνία" που θα βρείτε πάνω πάνω.
  
- Αμα σας αρεσε παρακαλω προωθηστε το Blog μας ή πατηστε παρακολουθηση.
  Ευχαριστω.

Copyrights: BlogyTricks©

Πηγη κωδικα: bloggersentral


0 σχόλια:

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