Παρασκευή, 22 Ιουλίου 2011

Κουμπια Facebook για το Blogger.

Print and PDF
Σημερα θα σας δειξω πως μπορουμε οπως εχουμε κανει εδω στο BlogyTricks να βαλουμε στις αναρτησεις μας τα κουμπια LikeRecommend και Sent. Τωρα ο καθενας βαζει αμα θελει και τα δυο η μονο το ενα εμεις εδω βαλαμε και τα δυο γιατι ειναι πιο ωραιο.


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

Προσοχή:
3) Πριν ξεκινήσουμε:
- Πρέπει να είστε προσεκτικοί κατά την αλλαγή του προτύπου σας.
- Πριν κάνετε οποιαδήποτε αλλαγή, αποθηκεύστε το προτυπο σας σε ασφαλή μέρος (Στον υπολογιστη σας)


4) Πατηστε Επέκταση προτύπων γραφικών στοιχείων.


5) Τωρα αμα θελετε να βαλετε το κουμπι στην αρχη της αναρτησης αναζητηστε τον παρακατω κωδικα:

<div class='post-header-line-1'/>
- Αμα ομως θελετε να το βαλετε στο τελος τις αναρτησης ψαξτε γι αυτον:
<data:post.body/>
6) Και επικοληστε για οποια απο τις 2 περιπτωσεις θελετε τους παρακατω κωδικες για τα κουμπια μετα/κατω απο τους παραπανω κωδικες και στις 2 περιπτωσεις.
- Μπορειτε αμα δεν βρειτε τον πρωτο κωδικα να επικολησετε τους παρακατω κωδικες πανω ακριβως απο τον δευτερο παραπανω κωδικα.
7) Οριστε και οι κωδικες:
α) Ο κωδικας μονο για το κουμπι "μου αρεσει":

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>
- Αφαιρουμε αμα θελουμε τα κοκκινα γραμματα για να φαινεται και στην αρχικη σελιδα δηλαδη να φαινεται και πριν να μπει στην αναρτηση μεσα.

β) Ο κωδικας μονο για το κουμπι "Send":

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:send colorscheme='light' expr:href='data:post.url' font='arial'/>
γ) Και τελος ο κωδικας και για τα 2 κουμπια μαζι:

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><fb:like action='like' colorscheme='light' expr:href='data:post.url' font='' layout='standard' send='true' show_faces='false' width='450'/>
8) Επικοληται οποια θελετε και πατηστε Αποκευση προτυπου.
Σημειωσεις: 
- Αμα θελετε να αλλαξετε το κουμπι "Like" σε "Recommend" απλα αλλαζετε το action απο action='like' σε action='recommend'

- Ακομα μπορειτε να αλλαξετε το κουμπι απο standard σε button count απλα αλλαζοντας το layout απο layout='standard' σε layout='button_count'.


- Demo ειναι το παρακατω Βιντεο:



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

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

2 σχόλια :

  1. Ευχαριστώ πολύ έγινα αναγνώστης σου

    ΑπάντησηΔιαγραφή
  2. Ευχαριστούμε και εμείς μην ξεχάσεις να διαδόσεις την ιστοσελίδα μας στου φίλους/ες σου!

    ΑπάντησηΔιαγραφή