meta expr:content='data:blog.pageTitle' property='og:title'/>
Login

advertising

Doctor blogger

Κρεμάλα (Game for your blog)

Score :
Λάθη (6):

Κρεμάλα (Game for your blog)

Τρίτη 2 Απριλίου 2013

Linkwithin Προσθήκη σχετικές αναρτήσεις με εικόνες στον blogger

Στη ανάρτηση αυτή θα δούμε πως μπορούμε να προσθέσουμε το widget LinkWithin στο blog μας στον Blogger. To widget LinkWithin προσθέτει αυτόματα στο τέλος κάθε ανάρτησης μας εικόνες από σχετικά αναρτήσεις (thumbnails of related articles).


Το εργαλείο αυτό είναι πολύ χρήσιμο καθώς:
  • Δεν πάνε χαμένες οι παλίες μας αναρτήσεις: γίνονται indexed όλες αναρτήσεις από το αρχείο στο blog μας, όχι μόνο οι πρόσφατες αναρτήσεις, καθιστώντας τις έτσι προσιτές στους νέους ή περιστασιακούς αναγνώστες του blog μας.
  • Αύξηση Pageviews: Οι αναρτήσεις που είναι σχετικές και ενδιαφέρουσες αυξάνουν τις σελίδες που θα δει ο αναγνώστης στο blog μας.
Το widget είναι δωρεάν και η εγκατάσταση του στο blog μας είναι πολύ απλή.

Βήμα 1:  Πάμε στη ιστοσελίδα αυτή και συμπληρώνουμε τα απαραίτητα πεδία. Στο πεδίο platform μην επιλέξετε Blogger καθώς η επιλογή αυτή θα σας εμφανίζει τις εικόνες προς σχετικές αναρτήσεις και στη αρχική σελίδα. Αντίθετα επιλέξτε Other και πατήστε Get Widget.
Βήμα 2:  Στη επόμενη σελίδα θα δείτε τον κώδικα του widget με το μοναδικό ID σας.
Κρατήστε τη σελίδα αυτή ανοικτή και ανοίξτε σε ένα νέο tab στον browser, τον λογαριασμό σας στον Blogger. ΠηγαίνετεΣχεδίαση -> Επεξεργασία HTML
Βήμα 3:  Τσεκάρετε τη επιλογή Επέκταση προτύπων γραφικών στοιχείων και με Ctrl+ F αναζητήστε το παρακάτω σημείο στον κώδικα:
</body>
Βήμα 4Ακριβώς από πάνω από τη ετικέτα που βρήκαμε στο βήμα 3, επικολήστε το παρακάτω κομμάτι κώδικα:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
Βάλτε εδώ τον κώδικα του LinkWithin
</b:if>
Στο σημείο που αναφέρω “Βάλτε εδώ τον κώδικα του LinkWithin” βάλτε τον κώδικα του LinkWithin όπως φαίνεται παρακάτω:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script>
var linkwithin_site_id = To ID σας;
</script>
<script src='http://www.linkwithin.com/widget.js'/>
<a href='http://www.linkwithin.com/'><img alt='Related Posts Plugin for WordPress,
Blogger...' src='http://www.linkwithin.com/pixel.png' style='border: 0'/></a>
</b:if>
Αυτό ήταν! Εύκολα και απλά χωρίς να γνωρίζουμε από κώδικα προσθέσαμε ένα εργαλείο που θα βελτιώσει τη εμφάνιση και επισκεψιμότητα του blog μας.

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

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