Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

All Facebook share buttons count for Blogger (Updated)


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Facebook ή αλλιώς "φατσοβιβλίο".Είναι το site-φαινόμενο που έχει εισβάλλει για τα καλά στην καθημερινή μας ζωή.Έχει 300 εκ. μέλη!Είναι το δεύτερο μεγαλύτερο site του κόσμου (μετά την google).Είναι λίγα που μπορούμε να αναφέρουμε για να δείξουμε το μέγεθος και την δύναμη αυτης της ιστοσελίδας.Σήμερα θα επικεντρωθώ στα facebook share buttons.Θα σας δείξω κάποια τέτοια buttons για να τα βάλετε στο blog σας.


1.
Κοιτάξτε όλα τα widgets που μας δίνει το facebook στο http://www.new.facebook.com/facebook-widgets/index.php
Μην παραλείψετε να δείτε και αυτό:http://www.new.facebook.com/facebook-widgets/share.php

2.
Μερικά έτοιμα κουμπιά για share:
α)

Κωδικός:


<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.tips-fb.com' border='0' src='http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_2.png'/></a>
</b:if>


β)

Κωδικός:

<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img src="http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_4.png" border="0" alt="www.tips-fb.com"></a>
</b:if>


γ)

Κωδικός:

<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img src="http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_3.png" border="0" alt="www.tips-fb.com"></a>
</b:if>


δ)
Αυτό δεν έχει εικόνα.Είναι απλό κείμενο.Γράφει μόνο "Share On Facebook"
Κωδικός:

<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'>Share on Facebook</a>
</b:if>


Τα παραπάνω widgets τα βάζετε στο blog σας με τα εξής βήματα:

Σύνδεση>Πανόπτης>Διάταξη>Επεξεργασία html>Επέκταση προτυπών γραφικών στοιχείων και τώρα βρείτε τον παρακάτω κώδικα:

<b:if cond='data:top.showAuthor'>

Και τώρα βάζεις τον κωδικό του αντίστοιχου widget πριν το <b:if cond='data:top.showAuthor'>
Τέλος κάνεις αποθήκευση.

UPDATE (15/11/09):
Εαν δεν σας δουλεύουν τα παραπάνω widgets κοιτάξτε τα παρακάτω.

Απλό κείμενο "Share on Facebook":

Κωδικός:

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank">Share on Facebook</a>


Κείμενο με εικόνα:

Κωδικός:

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?0:26981) no-repeat top left; }</style><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank" class="fb_share_link">Share on Facebook</a>


Και ένα άλλο με εικόνα και κείμενο (πολύ καλό):

Κωδικός:

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?0:26981) no-repeat top right; } html .fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?0:26981) no-repeat top right; text-decoration:none; } </style> <a href="http://www.facebook.com/share.php?u=<url>" class="fb_share_button" onclick="return fbs_click()" target="_blank" style="text-decoration:none;">Share</a>


Τα τρία παραπάνω τα βάζετε σαν απλά widgets από Διάταξη>Προσθήκη gadget>HTML/JavaScript.

3.
Facebook share button with count σε κάθε blogger post

α)

Κωδικός:

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>


β)

Κωδικός:

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>


γ)

Κωδικός:

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>


δ)

Κωδικός:

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>


Για να βάλεις ένα από τα τέσσερα παραπάνω widget στο blog σου,ακολούθησε τα παρακάτω βήματα:

Καταρχίν διάλεξε το widget που θέλεις να βάλεις δίπλα από κάθε ανάρτησή σου.

Τώρα κάνε:

Σύνδεση>Πανόπτης>Διάταξη>Επεξεργασία html>Επέκταση προτυπών γραφικών στοιχείων και τώρα βρείτε τον παρακάτω κώδικα:


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


Βάλε τον κωδικό του widget (που διάλεξες πριν) αμέσως από κάτω του.
Αποθήκευση του προτύπου σας.

Αν δεν βρίσκεις τον παραπάνω κώδικα ψάξε να βρεις αυτον:


<data:post.body/>


Βάλε τον κωδικό του widget (που διάλεξες πριν) πριν από τον παραπάνω κώδικα.
Αποθήκευση του προτύπου σας.

Φτάσαμε στο τέλος και αυτης της ανάρτησης.Ελπίζω να σας φάνηκε χρήσιμη και να σας βοήθησε.

Περιμένω ,όπως πάντα, τα σχόλια σας.

Stumble
Delicious
Technorati
Twitter
Facebook

12 comments:

ΓΙΑΝΝΗΣΒΕΡ είπε...

Σ' ευχαριστώ γι' αυτό αλλά και για το αναδυόμενο μήνυμα της προηγούμενης ανάρτησης!

Johnpatra είπε...

εγω σε ευχαριστω δασκαλε που με επισκεπτεσαι.

Γιώργος Φάκος είπε...

Σε ευχαριστώ για τις αναρτήσεις σου, μ' έχεις βοηθήσει στο να κάνω καλύτερο το blog μου...

Johnpatra είπε...

αυτος ηταν εξ'αρχης ο στοχος και ο σκοπος μου.χωρις να σας ζητησω λεφτα (εξαλλου δεν ειναι και δικα μου τα scripts για να τα εκμεταλλευτω-και καποιοι το κανουν αυτο!!!).

καλη συνεχεια και αν θες κατι ρωτα με και αν γνωριζω θα σου απαντησω

Υ.Γ.για το δω πιο επαγγελματικα το blogging εχω βαλει μονο τις διαφημισεις.(κανε και κανενα κλικ οπως θα φευγεις απο το blog μου μπας και παρουμε τιποτα.)

BbisbosS είπε...

Γιάννη το έβαλα και εγώ και σε ευχαριστούμε για όλα τα καλούδια που μας δίνεις.

Γιατί όμως δέν εμφανίζεται ο μετρητής ????

Johnpatra είπε...

α ετσι ειναι.δεν αλλαζει αυτο.μικρολεπτομερεις ειναι μωρε..
καλο βραδυ φιλε

ksipnistere είπε...

file mou apo to ksipnistere ...thelo to koumpaki pou pira apo sena ...to shere to facebook ktl. na mporei kapoios na steilei kathe anartisi ksexorista ..afto to evala se oles tis anartisis all vgazei moni mia gia na steieleis .....philip

Johnpatra είπε...

χμ.θα το ψαξω το ολο θεμα φιλε μου γιατι βλεπω γενικως να εχετε ενδιαφερον για τα κοινωνικα δικτυα και ολα αυτα τα κουμπιά.
προς το παρον βαλε αυτο που εχω βαλει και εγω.σε καθε αναρτηση δηλαδη.κι αν δεν σου αρεσει αυτο εχω πολλα widgets που κανουν αυτην την δουλεια.μπες στην ετικετα του social bookmaring και κοιτα.
καλο βραδυ

evros είπε...

FILE MOY SE EYXARISTO POLY NA EISAI KALA............

fanis είπε...

Παιδιά αντιμετωπίζω το εξής πρόβλημα. Στο blog μου εχω comments μέσω facebook, μολις λοιπόν βάζω τον κωδικα για ενα απο τα παραπάνω share buttons εξαφανιζεται το facebook comments plugin. Αν τον αφαιρέσω, επανερχεται πάλι... Τι μπορεί να φταιει;

Martiriaris είπε...

Κατ' αρχήν να σε ευχαριστήσω πολύ για όλες τις συμβουλές και τα τρικς που μας δίνεις.
Είχα βάλει παλιότερα το share button και έως σήμερα δούλευε κανονικά αλλά για κάποιο λόγο απο σήμερα, ενώ το κουμπί φαίνεται, δεν λειτουργεί! Δηλαδή βάζοντας το ποντίκι επάνω δεν μπορώ να κοινοποιήσω τις αναρτήσεις.
Μήπως ξέρεις κάτι για αυτό;

Υ.Γ τον έβγαλα τον κωδικό και τον πρόσθεσα εκ νέου αλλά πάλι τίποτα !

Πρώτη Σελίδα είπε...

Κατ' αρχήν, σε ευχαριστώ πολύ για τα πολύ καλά gadgets και συμβουλές.

Σε ενοχλώ σχετικά με το κουμπί share, ενώ φαίνεται κανονικά στο Blog μου εδώ και μερικές εβδομάδες δεν λειτουργεί ! Δηλ δεν μπορείς να κοινοποιήσεις.
Επανέφερα το πρότυπό μου στα προεπιλεγμένα γραφικά στοιχεία και το ξαναέβαλα τον κωδικό σου αλλά και πάλι τίποτα :(
Μήπως ξέρεις τι συμβαίνει;
Σε ευχαριστώ εκ των προτέρων !

Δημοσίευση σχολίου

Παρακαλούμε τους φίλους αναγνώστες:

ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ

Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.

 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *