Κυριακή, 10 Μαΐου 2009

Print this post

ΠΡΟΣΘΗΚΗ ΣΥΝΔΕΣΜΟΥ "TWEET THIS"

Καλησπέρα και καλή εβδομάδα. Μετά από μια μικρή απουσία λόγω επαγγελματικών υποχρεώσεων το Locus Blogus είναι εδώ με μια νέα ανάρτηση. Θα δούμε πως μπορούμε να προσθέσουμε στο blog μας ένα link με ένα εικονίδιο. Συγκεκριμένα το Tweet This. Όπως καταλάβατε αυτό το post είναι για τους λάτρεις του Twitter και του microblogging γενικότερα.
Μπαίνουμε μέσα στο λογαριασμό του blogspot και από τον Πανόπτη πάμε διάταξη και μετά επεξεργασία HTML. Κάνουμε κλικ στο κουτάκι που βρίσκεται δίπλα στην Πατάμε control και F (Ctrl + F) για να ανοίξει το ψαχτήρι στο κάτω μέρος του browser και πριν συνεχίσουμε παίρνουμε ένα αντίγραφο ασφαλείας (back up) του template μας. Μέσα στο ψαχτήρι βάζουμε με αντιγραφή - επικόλληση (copy - paste) το παρακάτω κομμάτι του κώδικα:

<div class='post-footer-line post-footer-line-1'>

Αν δεν το βρείτε ψάξτε για το:

<p><data:post.body/></p>

Αυτόματα θα το δείτε στον κώδικα του template τονισμένο με χρώμα. Αμέσως μετά από αυτό το κομμάτι κώδικα κάντε αντιγραφή - επικόλληση το παρακάτω:

<b:if cond='data:blog.pageType == "item"'><span style='float: left; background: url(http://lh6.ggpht.com/_xn2gmPb9TfM/Sb_fZkjAxpI/AAAAAAAAD3E/_9xpsQgFfTg/s128/twitter-16x16.png) left no-repeat; padding-left: 20px;'><script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&login=tweettrackjs&apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
<script charset='utf-8' src='http://s.bit.ly/TweetAndTrack.js?v=1.01' type='text/javascript'/>
<a expr:onclick='"return TweetAndTrack.open(this, \"" + data:post.url + "\");"' href='#'>
<span style='display:none;'>I'm reading: <data:post.title/></span>Tweet this!</a></span></b:if>

Πατήστε αποθήκευση (save). Αν μπείτε ξανά στο blog σας και κάνετε κλικ στην επικεφαλίδα μιας ανάρτησης θα δείτε στο κάτω μέρος του post το παρακάτω εικονίδιο με τον σύνδεσμο Tweet This!
Αυτό ήταν! Καλή επιτυχία. ;-)

5 σχόλια:

  1. Καλημέρα και καλή εβδομάδα Jim!
    Με πρόλαβες.Αναρωτιόμουν πως γίνεται αυτό και έψαχνα να το βρώ.

    ΑπάντησηΔιαγραφή
  2. @MARY Καλημέρα και καλή εβδομάδα. Σκεφτόμαστε πριν από εσάς για εσάς! ;-)

    ΑπάντησηΔιαγραφή
  3. Φίλε Jim!
    Στα δικά μου blogς δεν γίνεται. Δεν υπάρχει ούτε ούτε το πρώτο αλλά ούτε και το δεύτερο κομμάτι κώδικα.
    Δεν πειράζει, άλλη φορά.
    Καλό απόγευμα!

    ΑπάντησηΔιαγραφή
  4. @MARY Περίεργο. Έκανες κλικ στο κουτάκι Επέκταση προτύπων γραφικών στοιχείων; Λάθος δικό μου που δεν το ανέφερα...

    ΑπάντησηΔιαγραφή

back to top