• SANTORINI

    SANTORINI

  • SANTORINI

    SANTORINI

  • ZAKYNTHOS

    ZAKYNTHOS

  • LEYKADA

    LEYKADA

  • KEFALLONIA

    KEFALLONIA

  • KERKYRA

    KERKYRA

  • RODOS

    RODOS

GADGETS FOR BLOGS

YouTube GITHUB glitch.com JSBIN Start.me JSFIDDLE CODEPLY PASTEBIN.COM Repl.it CODEPEN CODEPEN

ΠΩΣ ΒΑΖΩ OPEN GRAPH TAGS ΣΤΟ BLOGGER

OPEN GRAPH TAGS
ΠΩΣ ΒΑΖΩ OPEN GRAPH TAGS ΣΤΟ BLOGGER
Με την προσθήκη open graph tags το ιστολόγιό σας θα συνεργάζεται καλύτερα με το facebook. Τα open graph tags μας δίνουν την δυνατότητα να επιλέγουμε εμείς πως θα εμφανίζονται οι διάφορες αναρτήσεις μας (π.χ. ή μικρογραφία και η περιγραφή του post μας) στο facebook όταν εμείς ή κάποιος άλλος χρήστης τις κοινοποιεί στο facebook

Για να βάλουμε αυτά τα open graph tags πηγαίνουμε στη επεξεργασία του προτύπου μας και αναζητούμε με τα πλήκρα Ctrl+F την ετικέτα <head> και μετά από αυτήν επικολλούμε από κάτω τα παρακάτω :


<!-- BEGIN Open Graph tags -->
<meta content='WIDGETS FOR BLOGS' property='og:title'/>
<meta content='WIDGETS FOR BLOGS, GADGETS FOR BLOGS, BLOGGER HELP, ΒΟΗΘΕΙΑ ΓΙΑ BLOGGERS, BLOGGER TIPS, BLOGGER TRICKS, ΠΩΣ ΦΤΙΑΧΝΩ BLOG' property='og:description'/>
<meta content='http://the-best-widgets.blogspot.gr' property='og:url'/>
<meta content='WIDGETAKIAS' property='article:author'/>
<meta content='845550095459187' property='fb:admins'/>
<meta content='el_GR' property='og:locale'/>
<meta content='blog' property='og:type'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF69yxX44YL0iW8aBDR2Eo4RxCvjE38GVE-dxjhDug95pqrCeH57nl5lVWMpYiMdU6eqPRn1-HOl9VgMzmIDDUmp3ih2MVlFzBeXh50ug3GY11jYdrHUxl2Ixa2ssQAJjAYLmzVlxuvdDZ/s400-no/WIDGET.png' property='og:image'/>
</b:if>
<!– END Open Graph tags –>

ΑΝΤΙΚΑΤΑΣΤΑΣΕΙΣ ΚΑΙ ΠΡΟΣΘΑΦΑΙΡΕΣΕΙΣ OPEN GRAPH TAGS.
Όσα open graph tags είναι χρωματισμένα με πορτοκαλί γράμματα και είναι μέσα σε μονά γαλάζια 'αυτάκια' πρέπει να αντικατασταθούν με τις δικές σας λέξεις ή links ή κωδικούς αριθμούς. Τα υπόλοιπα meta tags που είναι χρωματισμένα με πορτοκαλί γράμματα και είναι μέσα σε μονά μώβ 'αυτάκια' μπορούν να παραμείνουν ως έχουν ή να αλλάξουν με άλλες προτεινόμενες τιμές που αναφέρω παρακάτω.

Το 1ο open graph tag 'og:title' αντικαταστήστε το με το δικό σας τίτλο blog.
Το 2ο open graph tag 'og:description' αντικαταστήστε το με την δικιά σας περιγραφή.
Το 3ο open graph tag 'og:url' αντικαταστήστε το με την δικιά σας διεύθυνση url.
Το 4ο open graph tag 'article:author' αντικαταστήστε το με το δικό σας όνομα author.
Το 5ο open graph tag 'og:locale' αφήστε το ως έχει εφόσον το blog σας είναι ελληνικό.
Το 6ο open graph tag 'og:type' αφήστε το ως έχει εφόσον μιλάμε για blog.
Μετά το 6ο open graph tag ο υπόλοιπος κώδικας είναι για αντικατάσταση της εικόνας του post όταν αυτή δεν υπάρχει ή δεν υποστηρίζεται από το facebook. Εσεις απλά αντικαταστήστε το 'og:image' link της εικόνας με το δικό σας link εικόνας.


Αφού κάνετε όλες αυτές τις απαραίτητες αντικαταστάσεις και προσθαφαιρέσεις σώστε το πρότυπό σας και σε 24-48 ώρες το αργότερο θα δείτε τις αλλαγές.

Δεν υπάρχουν σχόλια:

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

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.