Ads 468x60px

Δευτέρα, 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(http://4.bp.blogspot.com/-1AWfhVrWuUA/UUMysB13J0I/AAAAAAAACHI/JSQNzB49-_c/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(http://4.bp.blogspot.com/-1AWfhVrWuUA/UUMysB13J0I/AAAAAAAACHI/JSQNzB49-_c/s320/BS+facebook.png) no-repeat -0px -0px;}.avdhootwindow li a.twitter {background: #191919 url(http://2.bp.blogspot.com/-TgqVb6LH02c/UUMytNrRADI/AAAAAAAACHY/ah4WivlW0fc/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(http://2.bp.blogspot.com/-TgqVb6LH02c/UUMytNrRADI/AAAAAAAACHY/ah4WivlW0fc/s320/BS+twitter.png) no-repeat -0px -0px;}.avdhootwindow li a.google-p {background:#191919 url(http://2.bp.blogspot.com/-7D02pM7Rup0/UUMyscfY2gI/AAAAAAAACHE/gFPMV1tw0hk/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(http://2.bp.blogspot.com/-7D02pM7Rup0/UUMyscfY2gI/AAAAAAAACHE/gFPMV1tw0hk/s320/BS+google.png) no-repeat -0px -0px;}.avdhootwindow li a.rss {background:#191919 url(http://3.bp.blogspot.com/-YRq_9OidmrU/UUMysCYB3UI/AAAAAAAACHA/871PzZSutng/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(http://3.bp.blogspot.com/-YRq_9OidmrU/UUMysCYB3UI/AAAAAAAACHA/871PzZSutng/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
Η εγκατάσταση είναι πάρα πολύ απλή και για να γίνει αυτο...

 Πηγαίνετε 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

0 σχόλια :

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

Icon Icon Icon

spice up your blog