Ads 468x60px

Τρίτη, 6 Δεκεμβρίου 2016

Social bar with opacity effect

Φίλες και φίλοι γεια σας, σήμερα θα δούμε άλλη μία version των socials bars,
σχετικά απλή σε σχέση με άλλα socials widgets , με πολύ ωραία εικονίδια και με
opacity hover effect!
Έχει εικονίδια για Rss feed, facebook, twitter, youtube, google
plus,
 xωρίς κώδικες Css & jguery scripts!



Δείτε εδώ το DEMO



και για να το εγκαταστήσετε και εσείς

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

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

 και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα--
...............................................................................................................................................
<center>
<style>
a:hover {background-color: transparent;opacity:0.4;}
</style>

<a title="Rss Feed" href="http://feeds.feedburner.com/USERNAME FEED" rel="nofollow" target="_blank"><img border="0" src="https://lh4.googleusercontent.com/-TwlM3PUrH0M/UiC1DY5GXYI/AAAAAAAAH0Q/p9cU1-BP75g/s96/rss-feed-icon.png" /></a>

<a title="Find Us On Facebook" href="http://facebook.com/USERNAME FACEBOOK" rel="nofollow" target="_blank"><img border="0" src="https://lh6.googleusercontent.com/-josrjpqdDmc/UiC0_6m2qoI/AAAAAAAAHzA/33DCJ0uCbDU/s96/facebook-icon.png" /></a>

<a title="See our videos" href="http://www.youtube.com/user/USERNAME YOUTUBE" rel="nofollow" target="_blank"><img border="0" src="https://lh4.googleusercontent.com/-BiSdLVbLqk4/UiC1Hdw2AZI/AAAAAAAAH14/n1PeM5WyK6g/s96/youtube-icon.png" /></a>

<a title="Follow On Twitter" href="https://twitter.com/USERNAME TWITTER" rel="nofollow" target="_blank"><img border="0" src="https://lh6.googleusercontent.com/-L5L9mXHxBDU/UiC1FQ7gksI/AAAAAAAAH1I/h7gVUBs9NyA/s96/twitter-icon.png" /></a>

<a title="Add To Circles" href="https://plus.google.com/GOOGLE PLUS ID/posts" rel="nofollow" target="_blank"><img border="0" src="https://lh4.googleusercontent.com/-NxvAWioK3hE/UiIDTYgAJcI/AAAAAAAAH8k/koLjdxCpMd8/s96/google-icon.png" /></a>
</center>
..................................................................................................................................................
ΑΛΛΑΓΕΣ

Κάντε αλλαγή όλα τα usernames με τα αντίστοιχα δικά σας και το google plus id σας, και
πατήστε Αποθήκευση!Αυτό ήταν!

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


Πηγή κώδικα 


Edit by

0 σχόλια :

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

Icon Icon Icon

spice up your blog