Facebook big Share Button Για Blogger

Προσθέσετε αυτό το μεγάλο κουμπί Facebook Share Για Blogger πλατφόρμα, το οποίο επιτρέπει στους χρήστες να μοιράζονται το δημοσίευμα στο blog url στο χρονοδιάγραμμα τους, ομάδες, ή σελίδες toy facebook.


1. Ανοίξτε το λογαριασμό σας στο Blogger 
2. Επιλέξτε την ιστοσελίδα που θέλετε να προσθέσετε αυτό το σενάριο
3. Στο πρότυπο, κάντε κλικ στην Επεξεργασία HTML 
4. Ψάξτε για αυτή τη γραμμή, χρησιμοποιώντας  το συνδυασμό πλήκτρων CTRL + F

  <b:includable id='post' var='post'>

This includable tag with ID post pertains to all posts, so initially this is all you want to look for. Usually it does have all URL Title in HEADINGS.

<div class='post hentry'>
<div class='post-body entry-content'>
Δίπλα σε αυτό:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>

Ψάχνουμε το <data:post.body/> που  βρίσκεται στο τέλος του περιεχομένου
<data:post.body/>

Έτσι, αν το βρείτε
5. Απλά προσθέστε αυτόν τον κώδικα κάτω από αυτό το  <data:post.body/>

<style type='text/css'>

#facebook_share {
width: 220px;
float: left;
}
.facebook_button {
background-color: #2D74CF;
background-image: url(&quot;http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpDIdVTSJZ37wqu-nrs9obzTVSMF4bDpNpCqbcXyoEXqR50zAqbtYckKP3t72BSoXFLk-R1ajfBf2NyUJWcZuo3xdF74x-jA6OEEXWxxwWZZys1G9FVGTfkSAdM1pWmVMfNTbLVzBftsIn/s1600/fb-button.png&quot;);
background-position: 19px center;
background-repeat: no-repeat;
background-size: 24px 24px;
border-radius: 4px;
color: #FFF;
cursor: pointer;
font-family: Helvetica,Arial,sans-serif;
font-size: 16px;
line-height: 40px;
margin: 0 auto;
padding: 0 20px 0 80px;
position: relative;
text-align: center;
transition: background-color 0.15s linear 0s;

}
.text{
display:inline-block;margin:10px 0;}
</style>
<script type='text/javascript'>
    $(document).ready(function() {
        $(&#39;#facebook_share&#39;).bind(&quot;mouseover&quot;, function(){
            $(this).css(&quot;background-color&quot;, &quot;#2F4A84&quot;);
            $(this).bind(&quot;mouseout&quot;, function(){
                $(this).css(&quot;background-color&quot;, &quot;#2364B8&quot;);
            });    
        }); 
    });
</script>


<a class='facebook_button' expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' id='facebook_share'onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;);return false;'>
  <span class='text'>Share this on Facebook</span></a>


Το σημείο Share this on Facebook μπορείτε να  γράψετε και στα ελληνικά μόνοι σας