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

Facebook, Twitter και Google+1 buttons για share στα posts σας


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Καλησπέρα στους αναγνώστες του bloggertips.gr.

Πρώτο post για μένα σε αυτή τη σελίδα και το tip που θα σας δώσω έχει να κάνει με τα 2 δημοφιλέστερα social networks παγκοσμίως, Facebook & Twitter, και με την πρόσφατη λειτουργία που λάνσαρε η Google, το +1.

Είναι λοιπόν ένα gadget με το οποίο, προσθέτοντάς το στο blog σας, οι αναγνώστες σας θα μπορούν να κοινοποιήσουν την ανάρτησή σας είτε στα Facebook / Twitter είτε επισημαίνοντάς τη με +1, κάτι που θα σημαίνει πως τη βρήκαν "pretty cool" (that 's Google!).

Υπάρχουν άλλες δύο σχετικές αναρτήσεις εδώ και εδώ, αλλά αυτό είναι κάτι διαφορετικό.

Η διαδικασία είναι η εξής:

1. Σύνδεση στο λογαριασμό blogger
2. Σχεδίαση
3. Επεξεργασία HTML
4. "Τικάρουμε" το "Επέκταση προτύπων γραφικών στοιχείων"
5. Με Ctrl + F αναζητούμε το "<data:post.body/>" και μετά από αυτό, δηλαδή ακριβώς από κάτω επικολλούμε τον παρακάτω κώδικα:


<!-- Sharebox starts -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div>
<br />
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'el'}
</script>
<g:plusone size="medium"></g:plusone>
<br />
<a href='http://twitter.com/share' rel='nofollow' class='twitter-share-button' expr:data-url='data:post.url' expr:data-text='data:post.title' data-count='horizontal' data-lang='en'></a>
<b:if cond='data:post.isFirstPost'>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js">
</script>
</b:if>
<br />
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>
</div>
</b:if>

<!-- Sharebox ends-->

6. Αποθήκευση προτύπου και είμαστε έτοιμοι!

Θα δείχνει κάπως έτσι: http://2.bp.blogspot.com/-5uL-uMkC0Ic/ThrjxSkpSMI/AAAAAAAAAlk/R9QvCam5zRo/12.jpg


Copyrights: http://www.bloggertips.gr/


Secra 's posts

Stumble
Delicious
Technorati
Twitter
Facebook

15 comments:

louie είπε...

ΠΟΛΥ ΩΡΑΙΟ ΚΑΙ ΧΡΗΣΙΜΟ TIP ΦΙΛΕ ΑΛΛΑ ΕΧΩ ΕΝΑ-ΔΥΟ ΠΡΟΒΛΗΜΑΤΑ...
ΤΟ ΕΒΑΛΑ ΣΤΟ ΔΟΚΙΜΑΣΤΙΚΟ BLOG ΠΟΥ ΕΧΩ ΚΑΙ ΣΤΟ ΟΠΟΙΟ ΔΟΚΙΜΑΖΟ ΟΤΙΔΗΠΟΤΕ ΠΡΙΝ ΤΟ ΚΑΝΟ ΣΤΟ ΚΑΝΟΝΙΚΟ ΜΟΥ BLOG, ΚΑΙ ΕΧΩ ΤΑ ΕΞΗΣ ΠΡΟΒΛΗΜΑΤΑ:
1) ΑΡΧΙΚΑ ΕΜΦΑΝΙΖΟΝΤΑΙ 2 ΚΟΥΜΠΙΑ GOOGLE+1
2) TO FACEBOOK BUTTON ΔΕ ΛΕΙΤΟΥΡΓΕΙ ΚΑΙ Ο ΜΕΤΡΗΤΗΣ ΔΙΠΛΑ ΤΟΥ ΔΕ ΦΑΙΝΕΤΑΙ!

ΟΡΙΣΤΕ ΤΟ ΛΙΝΚ: http://4fedok.blogspot.com/2011/07/test.html

ΜΠΟΡΕΙΣ ΝΑ ΜΕ ΒΟΗΘΗΣΕΙΣ?

***********************************
http://sillektes-euro.blogspot.com/

Secra είπε...

1) Το +1 εμφανίζεται 2 φορές γιατί έχεις επιλέξει να εμφανίζονται τα κουμπιά κοινής χρήσης του blogger.

Μπορείς να το απενεργοποιήσεις πηγαίνοντας Σχεδίαση και στις "Αναρτήσεις ιστολογίου" πάτα "Επεξεργασία" και ξετίκαρε το "Εμφάνιση κουμπιών κοινής χρήσης".

Αν δεν κατάλαβες δες εδώ: http://img9.imageshack.us/img9/1176/20111079.jpg

2) Το δοκίμασα και εγώ και στο blog μου και σε ένα δοκιμαστικό και παρατήρησα ότι στα περισσότερα post δουλεύει, αλλά σε λίγα όχι.
Προφανώς είναι πρόβλημα του addthis.com (από εκεί είναι οι κωδικοί) ή του ίδιου του Facebook.
Ξαναπόσταρα τον κώδικα για κάθε ενδεχόμενο πάρ 'τον και ξανακάν 'τον επικόλληση.
Δεν ξέρω τι φταίει.

Suspect είπε...

Δεν θα ελεγα οτι δουλευει και πολυ καλα καθως σε καθε καινουριο ποστ οι μετρητες των κουμπιων δεν ανανεωνονται αλλα δειχνουν οτι και στο προηγουμενο ποστ και στο προ-προηγουμενο. Επισης, το του facebook ειναι μονιμως κολλημενο στο μου αρεσει χωρις μετρητη κλιξ..

Secra είπε...

Δικό μου λάθος.
Οι μετρητές δεν ανανεώνονται γιατί υπήρχε η δυνατότητα να το προσθέσετε και στις αναρτήσεις της αρχικής σελίδας.
Τώρα ανανέωσα το post.
Δοκίμασε τον νέο κωδικό και κάθε ανάρτηση θα έχει ξεχωριστό μετρητή και θα ανανεώνεται.

Όσο για το κουμπάκι του facebook εξήγησα παραπάνω.

Suspect είπε...

στον κωδικα που μας εδωσες, το μπλογκερ δεν τον δεχεται γιατι του λειπει ενα /div με αγκυλες.
Το προσεθεσα, παιζει, μονο που εφυγε απο την αρχικη σελιδα και ειναι μονο σε καθε αναρτηση ξεχωριστα.
Αυτο του facebook εχει ενα μου αρεσει, το πατας και μενει εκει, δεν δειχνει μετρητη.

θελω να σε παρακαλεσω, επειδη ο john patra ειναι ο πλεον respected blogger στα tips and tricks και σε αυτα που γραφει ξερει τι γινεται, αν και εχεις ολη την καλη διαθεση, σε παρακαλω πολυ για να μη ταλαιπωρουμαστε
α) να εισαι σιγουρος για οτι προτεινεις
β) να τα εχεις δοκιμασει.

Secra είπε...

Είσαι 100% σωστός.
Suspect και σε όλα τα παιδιά sorry για τα λάθη που έκανα.
Είναι η πρώτη μου ανάρτηση τουλάχιστον δικαιολογήστε με για αυτό (αν έχετε τέτοια πρόθεση βέβαια :) ).
Δεν κατάλαβα τι λες για το div μια χαρά το δέχεται σε εμένα.

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

Suspect είπε...

οκ, ανθρωποι ειμαστε, λαθη γινονται.
Εγω παντως το τρικ αυτο το εσβησα και περιμενω οποτε εχεις χρονο και διαθεση, και αν ειναι διαθεσιμο να βρεις το σωστο.
Επισης (ιδεα) ωραιο τρικ που βλεπω σε πολλα sites ειναι το comment box που σε συνδεει κατευθειαν στο fb.
:)

Secra είπε...

@Suspect γεια χαρά!

Πρόσθεσα νέο κωδικό για το τρικ αν θες δες τον και δοκίμασέ το.
Δουλεύει για κάθε ανάρτηση ξεχωριστά και δεν υπάρχει πρόβλημα με το Facebook.

Όσο για το comment box μέσω facebook, έρχεται ;)

Suspect είπε...

Βλεπω οτι δεν υπαρχει στην αρχικη σελιδα, παρα μονο σε εκαστη αναρτηση.

Το fb share δουλευει - προβαλλει δηλαδη στο προφιλ την αναρτηση, και με τον μετρητη σε αλλα βγαζει ποσα ειναι τα share και σε αλλα οχι.
Παντως ειναι καλυτερο απο το προηγουμενο και το αφηνω.

Να σαι καλα, ευχαριστω πολυ για το ενδιαφερον και την εξυπηρετηση. :)

Περί Αλός είπε...

Καλησπέρα σε όλα τα φιλαράκια. Στο δικό μου ιστολόγιο υπάρχει στο τέλος των αναρτήσεων το gadget όπου μπορείς να το μοιραστείς στο "φατσοβιβλίο". Όμως θα ήθελα, εαν κάποιος γνωρίζει να μου πει, πως μπορώ να δημοσιεύσω μια συγκεκριμένη σελίδα που να μην περιέχει στο τέλος το share on: facebook. Μιλάω για μία αποκλειστική σελίδα δίχως να το αφαιρέσω από τις άλλες μου αναρτήσεις.

chrs7 είπε...

Σε εμενα πιανει!!ευχαριστω!!

Secra είπε...

@chrs7 νά 'σαι καλά

Spookyfer teller είπε...

Μου άρεσε πάρα πολύ, το δοκίμασα αλλά τη 2η μέρα δε δούλευε και το αφαίρεσα... Δν πειράζει όμως... υπάρχουν ένα σορό ακόμα tricks :)

the reporter είπε...

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

Ανώνυμος είπε...

eisai kai poly pisw se ola file .... den to exeis kleisto kalytera !!!

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

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

ΟΧΙ 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 *