Βάλτε πλευρικά εικονίδια με τις συνδέσεις σας

Τα blogs συνήθως δεν καταλαμβάνουν όλο το χώρο της οθόνης του υπολογιστή μας και έτσι τα πλευρικά της τμήματα παραμένουν ελεύθερα. Ο καλύτερος τρόπος για να χρησιμοποιήσει τους χώρους αυτούς είναι να βάλουμε ένα πλευρικό widget, το οποίο θα παραμένει σταθερό ακόμα και αν ο αναγνώστης κυλάει την ιστοσελίδα προς τα κάτω. Το widget αυτό θα έχει τα εικονίδια του Facebook, Twitter, RSS feed, e-mail και όποια άλλα εσείς θέλετε.

Δείτε demo

Επιλέξτε [Διάταξη] - [Προσθήκη gadget] - [HTML/Javascript] και επικολλήστε τον παρακάτω κώδικα. Αντικαταστήστε τα κόκκινα γράμματα με τα δικά σας και πατήστε [Αποθήκευση] (Δε χρειάζεται να βάλετε τίτλο στο gadget)

<div style="position: fixed; top: 140px; left: 2px;"><br />
<!--1ο εικονίδιο RSS Feed-->
<a href="http://feeds.feedburner.com/TetsiTech" target="_blank"><img title="RSS Ροή Ειδήσεων" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRjP3tfuk9MLyTL4ylSWZpldlzHNwsu_leHZAIAxSBl1gwlWLtRzh5tm8O1nEMI1tsqfSLJ5z2b_lL-cvAK8mYDCQ0TBRoYmZiftQpRwDex-Sto44zDvRjqpr6KIkbIsOu7QXxxvSatl1S/s1600/1359516541_icontexto-inside-rss.png" alt="RSS Feed" width="48" height="48" /></a><br />

<!--2ο εικονίδιο Twitter-->
<a href="http://twitter.com/TetsiWorld" target="_blank"><img title="Ακολουθήστε μας στο Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3NFp6mgqt9kGRPurgqvFjoh9mTralup2g6bk4PkAILAJxggPw7n71MskqKKt8dJDaFuDbd1-xTStt65-myrLI4qyvyu65Z7k0rUw0_O33YmaiDoRXZndKyGJwy6x2zGZQvp03U4HUIIRq/s1600/1359516555_icontexto-inside-twitter.png" alt="Follow us on Twitter" width="48" height="48" /></a><br />

<!--3ο εικονίδιο Facebook-->
<a href="http://facebook.com/TetsiWorld" target="_blank"><img title="Βρείτε μας στο Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRUk1OYyGjG0dwKUYGfQW7DkXEdRn_JUc5QaizAMYaQw2zCDEWJA35tF0VNsAv_aL5aQ7ibLRb5xu-kLXo3wqvFNMmUzlcNTc4N-0hB0T_ZQJhW-mh9vFHrorVnCCWnRifMghf-lkjX0cK/s1600/1359516561_icontexto-inside-facebook.png" alt="Find us on Facebook" width="48" height="48" /></a><br />

<!--4ο εικονίδιο youtube-->
<a href="http://www.youtube.com/user/meTetsi" target="_blank"><img title="Το κανάλι μας στο Youtube" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZHZGsn_KjcKnbgERijj5oTetvWc2I-_sGqQZ4mZjoqFxjxlo9MeqZX8icXyKaAY1drH31uZ31k2ePQshhlJcJgu-_ZKX7zty9bNGEKKD3FNmkfKAJMr0Pp7KEFdJrIqsJVmyMOsxhQaMo/s1600/1359516577_icontexto-inside-youtube.png" alt="Our channel on youtube" width="48" height="48" /></a><br />

<!--5ο εικονίδιο Email-->
<a href="http://feedburner.google.com/fb/a/mailverify?uri=TetsiTech" target="_blank"><img title="Διαβάστε μας στο email σας" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Qu4uIl-RcfcnaUqpepaEWFvwLMejItppbiJ85tp6p6ULSPsn3b-Iu43E1v8kaK9qEKFBbTzSMTBRDZ7WeBSb9uOcNcRDQBfz7cd0_md_yRyhtJ-9hSh_fgJjBDnuyNBkDUBPGcm_HabV/s1600/1359516734_01_messages.png" alt="Get free emails in your inbox" width="48" height="48" /></a>
</div>

Σας δίνω και μερικά εικονίδια για να βάλετε αυτά που σας ταιριάζουν.
Κάντε δεξί κλικ στο εικονίδιο που θέλετε και επιλέξτε [αντιγραφή URL εικόνας].
Μετά επικολλήστε στον παραπάνω κώδικα, αντικαθιστώντας τα πράσινα γράμματα.