[TIP] Πως προσθέτω Facebook Share και Like Button στο blogspot

θέματα που αφορούν τον Blogger.com (Blogspot) και τα blogs που κάνουν hosting στην πλατφόρμα αυτή.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Spyrostagas
Honorary Member
Δημοσιεύσεις: 3233
Εγγραφή: 04 Νοέμ 2009 14:08
Τοποθεσία: Αμπελόκηποι / Αθήνα
Επικοινωνία:

[TIP] Πως προσθέτω Facebook Share και Like Button στο blogspot

Δημοσίευση από Spyrostagas » 02 Δεκ 2011 19:09

Επειδή πολλοί ενδιαφέρονται να προσθέσουν Facebook Share Button σε κάθε άρθρο τους στο blogspot μπορούν να ακολουθήσουν τον εξής εύκολο δρόμο :
1 ) Σύνδεση στο blogger.com στον λογαριασμό σας, έπειτα στον Πανόπτη σας, πατάτε στην Σχεδιάση, έπειτα Επεξεργασία HTML και Επέκταση προτύπων γραφικών στοιχείων.
2 ) Πατώντας στο πληκτρολόγιο '' Ctrl + F '' ταυτόχρονως, το πεδίο που θα σας φανερωθεί στο κάτω μέρος της οθόνης λογικά, αντιγράψτε τον κώδικα

Κώδικας: Επιλογή όλων

<data&#58;post.body/>
και όταν βρείτε τον συγκεκριμένο κώδικα, ακριβώς από πάνω του θα βάλετε τον παρακάτω κώδικα, κάνοντας αντιγραφη από εδώ.

Κώδικας: Επιλογή όλων

<div style="float&#58;right;padding&#58;4px;">
<a expr&#58;share_url='data&#58;post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http&#58;//static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
3 ) Επειτα κάνετε προεπισκόπηση και εφόσον όλα είναι σωστά, τότε κάνετε αποθήκευση προτύπου. Πλέον έχετε σε κάθε άρθρο το Facebook Share Button.
Εικόνα

Spyrostagas
Honorary Member
Δημοσιεύσεις: 3233
Εγγραφή: 04 Νοέμ 2009 14:08
Τοποθεσία: Αμπελόκηποι / Αθήνα
Επικοινωνία:

[TIP] Πως προσθέτω Facebook Share και Like Button στο blogspot

Δημοσίευση από Spyrostagas » 02 Δεκ 2011 19:22

Για όσους ενδιαφέρονται εκτός από Share button να προσθέσουν και το Like Button στο τέλος κάθε άρθρου είτε απλώς να έχουν μόνο το Like Button στο τέλος κάθε άρθρου, μπορούν να ακολουθήσουν τον εξής εύκολο δρόμο :
α ) Συνδεθείτε στον λογαριασμό σας στο blogger.com
β ) Έπειτα πατήστε στην Σχεδιάση ( ή διαταξη αλλιώς )
γ ) Επεξεργασία HTML
δ ) Πατάτε Επέκταση Προτύπων γραφικών στοιχείων.
ε ) Πατώντας στο πληκτρολόγιο '' C + F '' στο πεδιό αναζήτησης που θα σας ανοίξει, ψάχνετε τον κώδικα

Κώδικας: Επιλογή όλων

<data&#58;post.body/>
ζ ) Αφού βρείτε τον κώδικα από κάτω του ακριβώς κάνετε επικόλληση τον εξής κώδικα

Κώδικας: Επιλογή όλων

<b&#58;if cond='data&#58;blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr&#58;src='&quot;http&#58;//www.facebook.com/plugins/like.php?href=&quot; + data&#58;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&#58;none; overflow&#58;hidden; width&#58;450px; height&#58;40px;'/>
</b&#58;if>
Αυτό ήταν!
Εικόνα

airy
Δημοσιεύσεις: 67
Εγγραφή: 03 Μαρ 2011 21:32

[TIP] Πως προσθέτω Facebook Share και Like Button στο blogspot

Δημοσίευση από airy » 04 Δεκ 2011 01:13

Κι ένας συνδιασμός Google+1 και του combo Like/Share του facebook στην ίδια γραμμή.

Κώδικας: Επιλογή όλων

<div id='custom-social-media' style='background-color&#58;#F8F8F8'>
<!-- Google +1 button Start -->
<b&#58;if cond='data&#58;blog.pageType != &quot;static_page&quot;'>
<p/>
<div style='float&#58;left'>
<g&#58;plusone annotation='bubble' expr&#58;href='data&#58;post.url' size='standard'/>
</div>
</b&#58;if>
<!-- Google +1 button End -->
<!--facebook share-->
<div>
<b&#58;if cond='data&#58;post.isFirstPost'> 
<script>&#40;function&#40;d&#41;&#123;
  var js, id = 'facebook-jssdk'; if &#40;d.getElementById&#40;id&#41;&#41; &#123;return;&#125;
  js = d.createElement&#40;'script'&#41;; js.id = id; js.async = true;
  js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
  d.getElementsByTagName&#40;'head'&#41;&#91;0&#93;.appendChild&#40;js&#41;;
&#125;&#40;document&#41;&#41;;</script>
</b&#58;if> 
<fb&#58;like action='like' colorscheme='light' expr&#58;href='data&#58;post.url' font='arial' layout='button_count' send='false' show_faces='false'/>
</div>
</div>
Επίσης βάζωντας εναλλακτικά τον κώδικα πριν το <data:post.body/> τότε έχετε τα κουμπιά πάνω από το κείμενο αλλιώς βάζωντας το αμέσως μετά το <data:post.body/> έχετε τά κουμπιά μετά το κείμενο.

Άβαταρ μέλους
hliast
Δημοσιεύσεις: 273
Εγγραφή: 13 Αύγ 2010 11:15
Τοποθεσία: athens

[TIP] Πως προσθέτω Facebook Share και Like Button στο blogspot

Δημοσίευση από hliast » 06 Δεκ 2011 14:55

ean den kano lathos file mou ayto pou evales kai to share facebook alla kai to google iparxi eidi sto blogspot
mpori opios theli na kani mia anartisi tou share sto facebook
ayto pou me apasxoli omos emena kai den mporo na vro lisi edo kai arketo kairo einai to eksis

kano mia anartisi sto blogspot anevazo ena thema p.x

protathlima a enthikis (titlos anartisis)

arhs-pao
mpla mpla mpla
mpla mpla mpla

olimpiakos -panaitolikos
mpla mpla mpla
mpla mpla mpla


aek -kerkira

mpla mpla mpla
mpla mpla mpla


molis kano tin anartisi apo kato iparxoun ta koumpia share facebook twiter google pou ta parexi to blogspot
exo ayto pou thelo einai

protathlima a enthikis (titlos anartisis)

arhs-pao
mpla mpla mpla
mpla mpla mpla
share facebook </b> kai na anaferi mono to thema tou arhs pao kai oxi oli mou tin anartisis

olimpiakos -panaitolikos
mpla mpla mpla
mpla mpla mpla
to idio kai edo

aek -kerkira

mpla mpla mpla
mpla mpla mpla
to idio kai edo


kai sto telos tis anartisis as iparxi to sinoliko share pou parexete apo tin blogspot
ayto mporo na to kano?
palia eixa vri ena kodika alla ton exasa kai den ksero pou na to vro kai to psaxno ean kseris epano se ayto kati kai thelis dose mas ta fota sou

Άβαταρ μέλους
cordis
Administrator, [F|H]ounder, [C|S]EO
Δημοσιεύσεις: 27618
Εγγραφή: 09 Οκτ 1999 03:00
Τοποθεσία: Greece
Επικοινωνία:

[TIP] Πως προσθέτω Facebook Share και Like Button στο blogspot

Δημοσίευση από cordis » 06 Δεκ 2011 16:15

στο πρώτο share θέλεις απλά να έχεις άλλο λεκτικό;

σορύ αλλά με τα greeklish δεν καταλαβαίνω τι θες να κάνεις...
Δεν απαντάω σε προσωπικά μηνύματα με ερωτήσεις που καλύπτονται από τις ενότητες του forum. Για ο,τι άλλο είμαι εδώ για εσάς.
- follow me @twitter

airy
Δημοσιεύσεις: 67
Εγγραφή: 03 Μαρ 2011 21:32

[TIP] Πως προσθέτω Facebook Share και Like Button στο blogspot

Δημοσίευση από airy » 06 Δεκ 2011 17:27

Δυστηχώς αυτά που έχει ήδη το blogger είναι πολύ basic. Αυτό που σου έβαλα είναι ΚΑΙ like και σου βάζει και τον αριθμό των like. Επίσης θεωρώ ότι αυτά που έχει ήδη το blogger δεν "κτυπάνε" στο μάτι γι αυτό καλύτερα custom ότι χρειάζεσε και να απενεργοποιήσεις τα build in.

Spyrostagas
Honorary Member
Δημοσιεύσεις: 3233
Εγγραφή: 04 Νοέμ 2009 14:08
Τοποθεσία: Αμπελόκηποι / Αθήνα
Επικοινωνία:

[TIP] Πως προσθέτω Facebook Share και Like Button στο blogspot

Δημοσίευση από Spyrostagas » 06 Δεκ 2011 20:07

@ airy +1 στο τελευταίο που είπες, για αυτό τα έβαλα.
Φίλε
@eleutheros29aris
από ότι κατάλαβα με λίγα λόγια θες να υπάρχει share ή like button και μόλις κάποιος το κάνει, μόνο τότε να του εμφανίζει όλο το περιεχόμενο του αρθρου όπως κάνουν πολλά μπλογκς τελευταία για να κερδίζουν likes ή shares ;
Και γραφε ελληνικά σε παρακαλώ, γιατί μου βγήκαν τα μάτια.
Υ.Γ και μπράβο για την νίκη απέναντι στον ΠΑΟ. :)
Εικόνα

Άβαταρ μέλους
hliast
Δημοσιεύσεις: 273
Εγγραφή: 13 Αύγ 2010 11:15
Τοποθεσία: athens

[TIP] Πως προσθέτω Facebook Share και Like Button στο blogspot

Δημοσίευση από hliast » 07 Δεκ 2011 14:10

Ζητώ συγγνώμη για τα
greeklish


Λοιπόν
Κάνω μια ανάρτηση στο blogger πρωτάθλημα α εθνικής
Άρης - Πάο
Μπα μπλα μπλα


Ολυμπιακός - παναιτωλικος
Μπλα μπλα μπλα

ΑΕΚ -Κέρκυρα
Μπλα μπλα μπλα
Από το κουμπί του facebook που έχει από μόνο του το bloggger εάν κάνω κοινοποίηση
Στο facebook θα διχνη π.χ
πρωτάθλημα α εθνικής
Και από κάτω www.selidamou.blogspot.com

Εγώ ψάχνω να βρω και να κάνω το εξής

Άρης - Πάο
Μπα μπλα μπλα
Κουμπί share facebook
Πατώντας να λέει τίτλος Άρης - Πάο


Ολυμπιακός -παναιτολικος
Μπλα μπλα μπλα
Κουμπί share facebook
Πατώντας να λέει τίτλος
Ολυμπιακός - παναιτολικος

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

Άβαταρ μέλους
cordis
Administrator, [F|H]ounder, [C|S]EO
Δημοσιεύσεις: 27618
Εγγραφή: 09 Οκτ 1999 03:00
Τοποθεσία: Greece
Επικοινωνία:

[TIP] Πως προσθέτω Facebook Share και Like Button στο blogspot

Δημοσίευση από cordis » 07 Δεκ 2011 15:39

αυτόματα δεν γίνετε κάτι τέτοιο, θα πρέπει να βάζεις όπου θες μόνο σου το button και να γράφεις στην σωστή παράμετρο και τον τίτλο που θες να εμφανίζει.

ο μόνος τρόπος για να γίνει αυτόματα είναι.. κάθε παράγραφο και post.
Δεν απαντάω σε προσωπικά μηνύματα με ερωτήσεις που καλύπτονται από τις ενότητες του forum. Για ο,τι άλλο είμαι εδώ για εσάς.
- follow me @twitter

Άβαταρ μέλους
hliast
Δημοσιεύσεις: 273
Εγγραφή: 13 Αύγ 2010 11:15
Τοποθεσία: athens

[TIP] Πως προσθέτω Facebook Share και Like Button στο blogspot

Δημοσίευση από hliast » 07 Δεκ 2011 18:36

δεν ειπα να γιντε αυτοματα
εννωειτε πως κατω απο το αρης - παο θα υπαρχη κωδικας και γενικα απο καθε αρθο που θελω να αναρτιετε,πιος κωδικας ομως ?που οσα κουμπια εβαλα που ειχα βρη στο διαδικτυο και αφορουσαν το share του facebook ολα μου εκαναν αναρτιση συνολικη ,κατι κανω λαθος η κατι δεν βαζω σωστα η δεν βρισκο του σωστους κωδικες

Άβαταρ μέλους
Leonard V
Δημοσιεύσεις: 57
Εγγραφή: 04 Σεπ 2010 15:23

[TIP] Πως προσθέτω Facebook Share και Like Button στο blogspot

Δημοσίευση από Leonard V » 21 Μάιος 2013 23:41

Spyrostagas έγραψε:Για όσους ενδιαφέρονται εκτός από Share button να προσθέσουν και το Like Button στο τέλος κάθε άρθρου είτε απλώς να έχουν μόνο το Like Button στο τέλος κάθε άρθρου, μπορούν να ακολουθήσουν τον εξής εύκολο δρόμο :
α ) Συνδεθείτε στον λογαριασμό σας στο blogger.com
β ) Έπειτα πατήστε στην Σχεδιάση ( ή διαταξη αλλιώς )
γ ) Επεξεργασία HTML
δ ) Πατάτε Επέκταση Προτύπων γραφικών στοιχείων.
ε ) Πατώντας στο πληκτρολόγιο '' C + F '' στο πεδιό αναζήτησης που θα σας ανοίξει, ψάχνετε τον κώδικα

Κώδικας: Επιλογή όλων

<data&#58;post.body/>
ζ ) Αφού βρείτε τον κώδικα από κάτω του ακριβώς κάνετε επικόλληση τον εξής κώδικα

Κώδικας: Επιλογή όλων

<b&#58;if cond='data&#58;blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr&#58;src='&quot;http&#58;//www.facebook.com/plugins/like.php?href=&quot; + data&#58;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&#58;none; overflow&#58;hidden; width&#58;450px; height&#58;40px;'/>
</b&#58;if>
Αυτό ήταν!
Φιλε μου εκανα την κινηση αυτη αλλα το κουμπι like πουθενα δεν βγηκε,
Εικόνα

Άβαταρ μέλους
Leonard V
Δημοσιεύσεις: 57
Εγγραφή: 04 Σεπ 2010 15:23

[TIP] Πως προσθέτω Facebook Share και Like Button στο blogspot

Δημοσίευση από Leonard V » 17 Φεβ 2014 23:33

Παιδια να ρωτησω κατι , τον τελευταιο καιρο καθε φορα που προσπαθω να δημοσιευσω καποιο αρθρο απο το blog μου στο facebook , μεσω του κουμπιου share η δημοσιευση δεν γινετε, ξερει κανενας γιατι;;
Εικόνα

Άβαταρ μέλους
Leonard V
Δημοσιεύσεις: 57
Εγγραφή: 04 Σεπ 2010 15:23

[TIP] Πως προσθέτω Facebook Share και Like Button στο blogspot

Δημοσίευση από Leonard V » 24 Φεβ 2014 13:30

Μονο σε μενα γινετε αυτο τελικα;; η ειναι γενικο το προβλημα ξερει κανενας να πει αν εχει το ιδιο προβλημα;
Εικόνα

Άβαταρ μέλους
lefta4klik
Δημοσιεύσεις: 191
Εγγραφή: 08 Ιαν 2013 18:51
Επικοινωνία:

[TIP] Πως προσθέτω Facebook Share και Like Button στο blogspot

Δημοσίευση από lefta4klik » 24 Φεβ 2014 15:16

το gadget που έχεις για να κάνει το share μπορεί να έχει κάποιο θέμα, στείλε λινκ να δω

Άβαταρ μέλους
Leonard V
Δημοσιεύσεις: 57
Εγγραφή: 04 Σεπ 2010 15:23

[TIP] Πως προσθέτω Facebook Share και Like Button στο blogspot

Δημοσίευση από Leonard V » 25 Φεβ 2014 23:09

Δεν εχω καποιο gagdet, το κανω απο το κουμπι share που εχει το blogeer
Εικόνα

Απάντηση

Επιστροφή στο “Blogspot.com - Blogger”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες