Βookmarks στο Blog σας

Π

ολλοί bloggers, που διατηρούν ταυτόχρονα με το blog τους, και λογαριασμούς, σε σελίδες κοινωνικής δικτύωσης, όπως το Twitter το Facebook το Digg κ.α., θα ήθελαν να κοινοποιήσουν στο προφίλ τους ή την ομάδα τους, τις νέες αναρτήσεις τους.
Υπάρχουν αρκετοί διαφορετικοί τρόποι, καθώς και διάφορα widgets γι αυτή τη δουλειά. Ένα τέτοιο θα σας δείξω σήμερα. Είναι bookmarks, όπου απεικονίζονται με όμορφα εικονίδια, και μπαίνουν αυτόματα κάτω από κάθε ανάρτηση που βάζετε.
Ρίξτε μια ματιά στην φωτογραφία, ή κοιτάξτε στο τέλος κάθε μου ανάρτησης, για να δείτε πως θα φαίνεται στο blog σας.

Για να το βάλουμε λοιπόν στο blog μας, πάμε στον Πίνακα ελέγχου --> Διάταξη --> Επεξεργασία HTML.
Τσεκάρουμε το τετραγωνάκι που λέει Επέκταση γραφικών στοιχείων. Σε αυτό το σημείο, καλό θα είναι να πάρετε ένα backup του blog σας, για παν ενδεχόμενο.
Με το Ctrl+F ψάχνουμε το



<data:post.body/>

και αμέσως μετά κάνουμε επικόληση τον παρακάτω κωδικό

<div align='left'>
<span class='post-icons'>

<!-- Widget Title , Share This Start, Remove Or Leave-->
<p align='left'>
<img alt='' border='0' id='BLOGGER_PHOTO_ID_5441163760466269298' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIuh_wUrFTxkRpvWNP30VtIKJzT3MZ3G7-K9tkGi8YdVOk67HYpRrou8ySrTGaOCYsjjMPGxj8B7RqEFzT9sEcjB0KuAkrM8lvvP0AqPEjTsHPpF36yT0eiXcBJSvohERo_aMjUb3RGBM3/s400/share-this.png' width='100'/></p><!-- Widget Title , Share This Start, Remove Or Leave-->

<!-- Stumbleupon Button Start, Remove Or leave -->
<a expr:href='&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Stumble This'><img alt='Stumble This' border='0' class='icon-action' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvNBy2CnOwVPsnjl0t_pRUeLKA_hheH1xojn-LPsWL6SSbLw84JvqHZ7jV-NqvznPKq58hm1CVV7R8-w1ah1TWjoEQfk-0VdekeZr4k8DOLqE0xOVPDD1kbBoGJGYI_jC3N8PC8SQqy-s/s200/stumbleupon.png' width='25'/></a>
<!-- Stumbleupon Button End, Remove Or leave -->

<!-- Technorati Button Start, Remove Or leave -->
<a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Fav This With Technorati'><img alt='Fav This With Technorati' border='0' class='icon-action' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHpEg5cGX970rEzGVCByFsy76lwo_Uj2NqwGPjDwaT9PwolGAA_FhQIyDLhptXWaAup1ZveS0VXrv1KDukJoUmdpcqiNazCF0GRg2mojqCDXmxLNB_0wtPIH3Hu_rhTEWiruZv-sMs-Nc/s200/technorati.png' width='25'/></a>
<!-- Technorati Button End, Remove Or leave -->

<!-- Delicious Button Start, Remove Or leave -->
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Del.icio.us'><img alt='Add To Del.icio.us' border='0' class='icon-action' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9HipgZ9Bq98zOPlHEh1qWbXSHFOtQ7F8NnY5uiDGTxsm5jSsp_YwjYBHsqc89YtmiGAQJcFl5peGAQ-uTmLrcAtulSq25nLPcRgwQfVoekgjrkHGKsDPLBL7BZXZ6mZCf1rcBftU1i-Q/s200/delicious.png' width='25'/></a>
<!-- Delicious Button End, Remove Or leave -->

<!-- Digg Button Start, Remove Or leave -->
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg This'><img alt='Digg This' border='0' class='icon-action' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1fJxNwDGukzfI_ckJHIG02a1Z6lKQYeelb-bGeucYsD9cR-6VkCWPkGdEZgs9bEZst5p6vGBiGxHDjN0KTEHQNVF8eMN7lsoKFTH0BrUWIX284lKOsa8_iOqV8qQ3goqISNMUnMM2SsI/s200/digg.png' width='25'/></a>
<!-- Digg Button End, Remove Or leave -->

<!-- Reddit Button Start, Remove Or leave -->
<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Reddit'><img alt='Add To Reddit' border='0' class='icon-action' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdigo3mpbbgVjNJ2UkeHXBLhBq4CyWuo8Zw8UCubWxljI3jHeR00I1JzownwsG1lhAMDZlw2samh9chtrqjh5tqsn8RYo4l003QLht7kOAWDZkPq2iXlVSR77Ou8WnFy4xE1D-fLj0W9c/s200/reddit.png' width='25'/></a>
<!-- Reddit Button End, Remove Or leave -->

<!-- FaceBook Button Start, Remove Or leave -->
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Facebook'><img alt='Add To Facebook' border='0' class='icon-action' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5wmz5FmR2sEsq2kNbMpOjYmchcSkNeNTHRFoYejB0TBXCTB08RpxUsWk4_o00TK0t-YCTbrePOUuMpVCKAXrMHJVvQ9mSBQcz4sUQ_cWWcc_nbcvtadrWvaVLopeirt74q-KMpgh85OY/s200/facebook.png' width='25'/></a>
<!-- FaceBook Button End, Remove Or leave -->

<!-- Yahoo Button Start, Remove Or leave -->
<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Yahoo'><img alt='Add To Yahoo' border='0' class='icon-action' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR3KptLwVzJB86z1GTFhxVlAbaz12WeCqYmjA1njE0hImFQXDoE-xBehRqohcAKbaahxJauJwv9fD_WJyCTaymCpm5sIDyhvIteJwDQvfoj4obK3Wv-ucICsbgpj7QaLXcGlIZelXq7IQ/s200/yahoo.png' width='25'/></a>
<!-- Yahoo Button End, Remove Or leave -->

<!-- Twitter Button Start, Remove Or leave -->
<a expr:href='&quot;http://twitter.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Twitter'><img alt='Add To Twitter' border='0' class='icon-action' height='25' src='http://www.cbc.ca/news/yourvoice/assets/images/yourvoice-twitter.png' width='25'/></a>
<!-- Twitter Button End, Remove Or leave -->

</span>
</div>

Τα εικονιδιάκια, τα έχω ρυθμισμένα με διαστάσεις 25Χ25. Αν τα θέλετε μικρότερα ή μαγαλύτερα, μπορείτε να αλλάξετε τις διαστάσεις τους, βάζοντας τις τιμές που επιθυμείται στους μαρκαρισμένους αριθμούς με κόκκινο χρώμα.
Στην αρχή περίπου του κωδικού, σας έχω μαρκάρει με πράσινο χρώμα την διάσταση του "Share this". Μπορείτε κι αυτό επίσης να το τροποποιήσετε, βάζοντας τις διαστάσεις που επιθυμείτε.
Τώρα τελειώσατε. Πατήστε αποθήκευση και κάτω από όλες τις αναρτήσεις σας θα βρίσκονται τα πιο δημοφιλή εικονίδια των κοινωνικών σελίδων που υπάρχουν στο διαδίκτυο.

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


Αν βρίσκετε χρήσιμες τις αναρτήσεις μου, και θέλετε να σας έρχονται μέσω e-mail, για να ενημερώνεστε άμεσα για κάθε καινούρια ανάρτηση, κάντε ενγραφή στο RssFeed που βρίσκεται στη sidebar του Blog μου!