Tech Time: Social media widget

TRANSLATUM

Μία πολύ χρήσιμη online εφαρμογή είναι
το Translatum το οποίο μας βοηθά να μεταφράσουμε λέξεις και κείμενα μέσα από πάρα πολλά λεξικά!Δεν θέλει εγκατάσταση απλά πατήστε στην εικόνα για να μεταφερθείτε στην ιστοσελίδα του Translatum, επιλέξτε

ότι σας ενδιαφέρει και πατήστε Μετάφραση!

Δευτέρα 27 Μαρτίου 2017

Social media widget

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε άλλο ένα
Social media widget για τα blog μας!Έχει ένα πολύ ωραίο window hover
effect όταν κάνουμε mouseover με τον κέρσορα μας, και μπορείτε να το
βάλετε σχεδόν παντού λόγου του μικρού μεγέθους του!

Δείτε εδώ το DEMO

Η εγκατάσταση είναι απλή:

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript

και στο παράθυρο που θα ανοίξει

επικολλήστε τον ακόλουθο κώδικα-->
..............................................................................................................................................................

<style>.avdhootwindow {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.avdhootwindow ul li{list-style:none;border-bottom:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.avdhootwindow li a {margin:5px 5px 0px 5px;padding:0px 0px 0px 0px;width:60px;height:60px;float:left;text-indent:-99999px;background: #191919;border:solid 1px #222121;-moz-border-radius-topleft: 5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}.avdhootwindow li a.facebook {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtvnkDqMU3PXP4ZHSA5CWVtwG9f7jEWMBRuBUMg4E9zbEH3mICITUjWHq4O7S3Zo5ItftoFL4Dvr2Yj0vwzA-K6tN7dmOSBAOy9kLV1Sa9Ome3vanGTQmAMaLczEw4-YeVJOfFrCBRvRWK/s320/BS+facebook.png) no-repeat -0px -88px;-webkit-transition:All 0.3s ease-out;-moz-transition:All 0.3s ease-out;-o-transition:All 0.3s ease-out;}.avdhootwindow li a.facebook:hover {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtvnkDqMU3PXP4ZHSA5CWVtwG9f7jEWMBRuBUMg4E9zbEH3mICITUjWHq4O7S3Zo5ItftoFL4Dvr2Yj0vwzA-K6tN7dmOSBAOy9kLV1Sa9Ome3vanGTQmAMaLczEw4-YeVJOfFrCBRvRWK/s320/BS+facebook.png) no-repeat -0px -0px;}.avdhootwindow li a.twitter {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCTmDJAUnscXV0YxqRJJS9XD-FdkAeoDjPlr9HLLArBQ7a_TNM3qof3pvXt0Tag6EVHheYagUqElJT5IjGMgiL1gtbTHVNuw3mjt_6YTajyikFgUC7Jd43sZtlvJlOsZo0j2MPozmt9wkq/s320/BS+twitter.png) no-repeat -0px -88px;-webkit-transition:All 0.3s ease-out;-moz-transition:All 0.3s ease-out;-o-transition:All 0.3s ease-out;}.avdhootwindow li a.twitter:hover {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCTmDJAUnscXV0YxqRJJS9XD-FdkAeoDjPlr9HLLArBQ7a_TNM3qof3pvXt0Tag6EVHheYagUqElJT5IjGMgiL1gtbTHVNuw3mjt_6YTajyikFgUC7Jd43sZtlvJlOsZo0j2MPozmt9wkq/s320/BS+twitter.png) no-repeat -0px -0px;}.avdhootwindow li a.google-p {background:#191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-VZ8ITacMgcoYuy-yjKokDbKBOBcEV_4q505NBwfG4MFDAvRo2jC6KB24xpxcyOsuF27FV-Th3JKOlvoeOFhEKRN5UQendrGODylst8eDzrqTrU2GtO_8E-DAHQ8jx1dKWkHcluPxGj6S/s320/BS+google.png) no-repeat -0px -88px;-webkit-transition:All 0.3s ease-out;-moz-transition:All 0.3s ease-out;-o-transition:All 0.3s ease-out;}.avdhootwindow li a.google-p:hover {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-VZ8ITacMgcoYuy-yjKokDbKBOBcEV_4q505NBwfG4MFDAvRo2jC6KB24xpxcyOsuF27FV-Th3JKOlvoeOFhEKRN5UQendrGODylst8eDzrqTrU2GtO_8E-DAHQ8jx1dKWkHcluPxGj6S/s320/BS+google.png) no-repeat -0px -0px;}.avdhootwindow li a.rss {background:#191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7kZY5vM-li7Xs6hdoMtRouwuSMokhcTgP_uakHR6bcwG6HN28JfzU7tx9RzKTfXFHvr3xTX0j9ghSBqSoJLh-Sn9cXSLiKoqjbc8a34nRC5rxptrJQUNzkeTWwfzKBm03LM6O0Obot2DN/s320/BS+RSS+Feed.png) no-repeat -0px -88px;-webkit-transition:All 0.3s ease-out;-moz-transition:All 0.3s ease-out;-o-transition:All 0.3s ease-out;}.avdhootwindow li a.rss:hover {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7kZY5vM-li7Xs6hdoMtRouwuSMokhcTgP_uakHR6bcwG6HN28JfzU7tx9RzKTfXFHvr3xTX0j9ghSBqSoJLh-Sn9cXSLiKoqjbc8a34nRC5rxptrJQUNzkeTWwfzKBm03LM6O0Obot2DN/s320/BS+RSS+Feed.png) no-repeat -0px -0px;}</style><div class='avdhootwindow'><ul><li><a class='facebook' href='http://www.facebook.com/USERNAME FACEBOOK' target='_blank'>Facebook</a></li><li><a class='twitter' href='http://twitter.com/USERNAME TWITTER' target='_blank'>Twitter</a></li><li><a class='google-p' href='https://plus.google.com/USERNAME GOOGLE+' target='_blank'>Google Plus</a></li><li><a class='rss' href='http://feeds.feedburner.com/USERNAME FEED' target='_blank'>Rss</a></li></ul></div>

..................................................................................................................................................................

ΑΛΛΑΓΕΣ

Κάντε αντικατάσταση σε όλα τα USERNAME με τα αντίστοιχα δικά σας και πατήστε
Αποθήκευση!!Αυτό ήταν!

Η εγκατάσταση είναι πάρα πολύ απλή και για να γίνει αυτο...

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript

και στο παράθυρο που θα ανοίξει βάλτε τον παρακάτω κώδικα-->
.......................................................................................................................... - See more at: http://cris-dio4.blogspot.gr/2013/10/wood-social-subscription-widget.html#sthash.jPFAJLaO.dpuf

Καλή επιτυχία!!!

Πηγή κώδικα
thanks to avdhootblogger.com

Edit by

Σας άρεσε το άρθρο? Διαδώστε το!

If you enjoyed this Post Please take 5 Seconds to share it and Join Us Our Latest Updates By Email and Social Networks.