Animated Social Media icons gadget για τον Blogger
Αντιγραφή τον παρακάτω κώδικα:
LIVE DEMO
<style>.social-wrap {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.social-wrap ul li{list-style:none;border-bottom:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.social-wrap li a {margin:5px 5px 0px 5px;padding:0px 0px 0px 0px;width:60px;height:60px;float:right;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;}.social-wrap li a.facebook {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4lvQXi8i7KDk7aBXhW16MkIgjtj8wXiSW6nLN4zjH3HwjaBcSr3yXx5EBcfhtN-BHtVPd71AZR7Q0RmA4yrZtp7k3bpmoJWzlFBwr5MN0fPFKaohBnFHFROyDug9TxFCVdK-fCL1vuw/s1600/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;}.social-wrap li a.facebook:hover {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4lvQXi8i7KDk7aBXhW16MkIgjtj8wXiSW6nLN4zjH3HwjaBcSr3yXx5EBcfhtN-BHtVPd71AZR7Q0RmA4yrZtp7k3bpmoJWzlFBwr5MN0fPFKaohBnFHFROyDug9TxFCVdK-fCL1vuw/s1600/facebook.png) no-repeat -0px -0px;}.social-wrap li a.twitter {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZpBQ9lHRfidijFMciZCn6m4qmz15AO1Z2f7IdFNIEt_Idfxbyrs3CT-quXU_13LxKg8oBRCIpOQPKPvxTqK3OeT9_ZNG0wZMXaCiAMDGcIFNFcY1aM26_QZzRlCQcBlzACSi0sW6rBQ/s1600/twitter-1.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;}.social-wrap li a.twitter:hover {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZpBQ9lHRfidijFMciZCn6m4qmz15AO1Z2f7IdFNIEt_Idfxbyrs3CT-quXU_13LxKg8oBRCIpOQPKPvxTqK3OeT9_ZNG0wZMXaCiAMDGcIFNFcY1aM26_QZzRlCQcBlzACSi0sW6rBQ/s1600/twitter-1.png) no-repeat -0px -0px;}.social-wrap li a.google-p {background:#191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs8tch0vMKKipURix1GwRaxrwhO8iH9KgnfhDWlTJUssyO4EqwGdXl0zmBOUxtC7ca9Dhx3Ce1te-IlRNav-Sbew6wAJHdG04gw3RbXLAPVAT3tf7sPROMpp-3ouII3Jweyq4A2M399w/s1600/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;}.social-wrap li a.google-p:hover {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs8tch0vMKKipURix1GwRaxrwhO8iH9KgnfhDWlTJUssyO4EqwGdXl0zmBOUxtC7ca9Dhx3Ce1te-IlRNav-Sbew6wAJHdG04gw3RbXLAPVAT3tf7sPROMpp-3ouII3Jweyq4A2M399w/s1600/google.png) no-repeat -0px -0px;}.social-wrap li a.rss {background:#191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAGKvDzotRCopz72B3Y6-iILsiCAJHYR85-TTSxhdc4P61pjZnq5Vc3TRN4_s3dcu3ho2zCXM2qN9lTAzgIXkM9sS8z2NnBB4wTud8YXzFBrG51AZ1zg5CYNYk7GOwfSXu9hz6jRX1Lw/s1600/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;}.social-wrap li a.rss:hover {background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAGKvDzotRCopz72B3Y6-iILsiCAJHYR85-TTSxhdc4P61pjZnq5Vc3TRN4_s3dcu3ho2zCXM2qN9lTAzgIXkM9sS8z2NnBB4wTud8YXzFBrG51AZ1zg5CYNYk7GOwfSXu9hz6jRX1Lw/s1600/twitter.png) no-repeat -0px -0px;} /* foulscode.blogspot.gr */ </style><div class='social-wrap'><ul><li><a class='facebook' href='http://www.facebook.com/' target='_blaank'>Facebook</a></li><li><a class='twitter' href='http://twitter.com/' target='_blaank'>Twitter</a></li><li><a class='google-p' href='https://plus.google.com/' target='_blaank'>Google Plus</a></li><li><a class='rss' href='URL rss' target='_blaank'>Rss</a></li></ul></div>
LIVE DEMO
Αφού αντικαταστήσετε τα url με τα δικά σας είστε έτοιμη να κάνετε αποθήκευση!
Σχόλια