Facebook share button FOR BLOGGER

Το Facebook έχει πλέον εισαχθεί επίσημα το Retweet όπως το Facebook κουμπιά για τα blogs ή ιστοσελίδες σας. Αυτά τα κουμπιά στο Facebook φαίνονται πολύ παρόμοια με τα κουμπιά από Retweet Tweetmeme. Το Facebook έχει 5 στυλ των κουμπιών κοινής χρήσης. Εδώ θα δούμε δύο από αυτούς. Προσθέτοντας ένα κουμπί Facebook Μοιραστείτε μέτρηση θα δείξει ένα τακτοποιημένο τον λογαριασμό πόσες φορές το blog σας έχει μοιραστεί στο Facebook. Σημείωση: Τα κουμπιά Facebook Μοιραστείτε το παρωχημένο και FB δεν υποστηρίζει (Λειτουργεί ακόμα και αν). Μπορείτε να προσθέσετε ακόμα, αν θέλετε. Μπορείτε επίσης να επιλέξετε να προσθέσετε το νέο Facebook Like με Κουμπιά Όπως Count.

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
        <div style='margin-bottom:20px' class="fb-share-button" data-type="button_count"></div>

Facebook Style κουμπί Share 1

Κώδικας για χρήση στο Facebook Μοιραστείτε Style Κουμπί 1

<div style="float:right;padding:4px;">
<b:if cond='data:post.isFirstPost'> 
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if> 
<fb:share-button expr:href='data:post.url' type='box_count'/>  
</div>

Facebook Style κουμπί Share 2

Κώδικας για χρήση στο Facebook Μοιραστείτε Style Κουμπί 2

<div style="float:left;padding:4px;">
<b:if cond='data:post.isFirstPost'> 
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if> 
<fb:share-button expr:href='data:post.url' type='box_count'/>
</div>

Μοιραστείτε το στο Facebook Button Compact Style 1

Κώδικας για χρήση στο Facebook Μοιραστείτε Style Κουμπί 1

<div style="float:right;padding:4px;">
<b:if cond='data:post.isFirstPost'> 
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if> 
<fb:share-button expr:href='data:post.url' type='button_count'/>  
</div>

Μοιραστείτε το στο Facebook Button Compact Style 2

Κώδικας για χρήση στο Facebook Μοιραστείτε Style Κουμπί 2

<div style="float:left;padding:4px;">
<b:if cond='data:post.isFirstPost'> 
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if> 
<fb:share expr:href='data:post.url' type='button_count'/>  
</div>

Πως να εγκαταστήσετε το κουμπί Count Facebook Share on Blogger Blog σας;

1.Επιλέξτε ένα από τα στυλ Share Button και αντιγράψτε τον αντίστοιχο κωδικό.

2.Now login στο Blogger ταμπλό σας και να πλοηγηθείτε στο Layout> Edit Html και επιλέξτε το πλαίσιο ελέγχου που λέει "Επέκταση προτύπων γραφικών στοιχείων"

3.Βρείτε αυτό το κομμάτι του κώδικα

<div class='post-header-line-1'/>

και αμέσως μετά κάτω από αυτή την θέση τοποθετούμε το Facebook κωδικό κουμπί 
Εάν δεν μπορέσατε να βρείτε αυτόν τον κωδικό στο πρότυπό σας, στη συνέχεια, αναζητήστε για την πρώτη εμφάνιση του

<data:post.body/>

και αμέσως πριν από την επικόλληση κώδικα μας στο Facebook Μοιραστείτε το κουμπί (που αντιγράψατε).
4.Next θα πρέπει να προσθέσετε το fb να namespace πρότυπο πρότυπο tag.Your σας θα πρέπει να έχουν τις προδιαγραφές για την ετικέτα fb που έχετε χρησιμοποιήσει. Η ακόλουθη δήλωση namespace θα φροντίσει για αυτό. Για να δηλώσετε το namespace, βρείτε

<html

και να το αλλάξετε

<html xmlns:fb="https://www.facebook.com/2008/fbml"

Η εικόνα που ακολουθεί θα σας βοηθήσει.

Αυτό είναι απαραίτητο για όλες τις FBML widgets χρησιμοποιώντας την ετικέτα fb. Έτσι, εάν έχετε ήδη προσθέσει το χώρο ονομάτων, προσθέτοντας παράλληλα κάποια άλλα plugin FB, τότε μπορείτε να παραλείψετε αυτό.
5. Αποθηκεύστε το πρότυπο και θα πρέπει να πάρετε ένα μερίδιο στο Facebook κουμπί καταμέτρηση κοντά από κάθε θέση blog σας
Αν σας άρεσε αυτό το post και αν σας βοήθησε σε εφαρμογή τα κουμπιά στο Facebook, στη συνέχεια, παρακαλούμε να εξετάσει την ανταλλαγή αυτό το post στο Facebook χρησιμοποιώντας το κουμπί στο πάνω δεξιά από τη θέση :)