Add Facebook Like Button to Blogger.

Εδώ θα σας δείξουμε το τρόπο για το πως μπορείτε να περάσετε το δημοφιλέστερο κουμπί "Μου αρέσει" του facebook, σε κάθε ανάρτησή σας ξεχωριστά, ώστε όποιος θέλει να κάνει ένα "κλικ" και αυτόματα να δημοσιέυεται στη σελίδα του στο facebook.

Για να το περάσετε θα κάνετε τα εξής απλά βήματα:



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

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

<data:post.body/>

Κατόπιν θα κάνετε επικόλληση έναν από τους 3 κώδικες που σας δίνουμε παρακάτω είτε πριν από το <data:post.body/> είτε μετά, ανάλογα με το που θέλετε εσείς να εμφανίζεται.

Standard Facebook Like Button for Blogger:

<!--Facebook-Like-Button-Widget-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;
layout=standard&amp;show_faces=false&amp;
width=450&amp;action=like&amp;font=arial&amp;
colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>
<!--Facebook-Like-Button-Widget-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Δείτε πως θα εμφανίζεται:



Facebook Vertical Like Button with Button Count:

<!--Facebook-Like-Button-Widget-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;
layout=box_count&amp;show_faces=false&amp;
width=90&amp;action=like&amp;font=arial&amp;
colorscheme=light&amp;height=65&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:65px;'/>
<!--Facebook-Like-Button-Widget-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Δείτε πως θα εμφανίζεται:



Facebook Horizontal Like Button with Button Count:

<!--Facebook-Like-Button-Widget-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;
layout=button_count&amp;show_faces=false&amp;
width=90&amp;action=like&amp;font=arial&amp;
colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/>
<!--Facebook-Like-Button-Widget-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Δείτε πως θα εμφανίζεται:

Οι παράμετροι που μπορείτε να τροποποιήσετε στους παραπάνω κώδικες είναι οι εξής:

* Οι γραμματοσειρές που μπορούν να παίξουν είναι οι εξής... font=lucida%2Bgrande, font=segoe%2Bui, font=tahoma, font=trebuchet%2Bms, font=verdana
* Το χρώμα του κουμπιού ( από ανοιχτό σε σκούρο ) colorscheme=light σε colorscheme=dark
* Το πλάτος ( width ) & το ύψος του ( height )
* Tο "Like" ή το "Recommended" αλλάζοντας το action=like σε action= recommend
* Έαν θέλετε να φαίνονται τα πρόσωπα ή όχι, αλλάζοντας το show_faces=false σε show_faces=true.
* Ενεργοποιώντας ή απενεργοποιώντας το Send αλλάζοντας το send=true σε send=false.

Για περισσότερες πληροφορίες μπορείτε να ρίξετε μια ματιά στο Facebook Developers.

Αναλυτική παρουσίαση όλων των plug-ins μπορείτε να δείτε εδώ

<b:if cond='data:blog.pageType != "static_page"'> Όταν θέλετε να εμφανίζεται στην Αρχική σελίδα & στις αναρτήσεις.

<div style='padding: την τιμή που θέλετε σε px;'> Αν θέλετε να του δώσετε συγκεκριμένη θέση.

( Εδώ ο κώδικας από το κουμπί σας )

</div> Κλείσιμο θέσης

</b:if> Το κλείσιμο της Αρχικής & Αναρτήσεων.

ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!