Ομορφο widget κοινωνικης δικτυωσης στυλ καραμελιτσας

widget κοινωνικης δικτυωσης



Εδω σας εχω ενα widget κοινωνικης δικτυωσης με rss feed, email subsicription, google +, facebook, twitter, linkedin, youtube και skype κουμπακια. Μπαινει σαν gadget οποτε παμε πινακα ελεγχου - διαταξη - προσθηκη gadget και κανουμε επικολληση τον παρακατω κωδικο.
Αφου τον προσθεσουμε αλλαζουμε τα κοκκινα γραμματα με τα δικα μας προφιλ και σελιδες.

Αν δεν θελετε καποιο μπορειτε να το αφαιρεσετε διαγραφωντας τον κωδικο του. Αν δε θελετε το skype π.χ διαγραφεται το

<!--Skype-->
<a class="spice-popout" rel="nofollow" href="skype εδω" target="_blank"><img src="http://i.imgur.com/8c35IfD.png" /></a>
δειτε το demo
 εδω ο κωδικος.
<!--Rss Feed-->
<a class="spice-popout" rel="nofollow" href="RSS-FEED-URL-HERE" target="_blank"><img src="http://i.imgur.com/7lsUogp.png" /></a>
<!--Email-->
<a class="spice-popout" rel="nofollow" href="email  url " target="_blank"><img src="http://i.imgur.com/oJeNikj.png" /></a>
<!-- Google Plus-->
<a class="spice-popout" rel="nofollow" href="σελιδα google " target="_blank"><img src="http://i.imgur.com/F70aY6r.png" /></a>
<!--Facebook-->
<a class="spice-popout" rel="nofollow" href="κατασκευη σελιδας στο facebook" target="_blank"> <img src="http://i.imgur.com/g4KQ38R.png" /></a>
<!--Twitter-->
<a class="spice-popout" rel="nofollow" href="προφιλ twitter" target="_blank"> <img src="http://i.imgur.com/rRbcRlQ.png" /></a>
<!--LinkedIn-->
<a class="spice-popout" rel="nofollow" href="linkedin προφιλ" target="_blank"><img src="http://i.imgur.com/dofbMIX.png" /></a>
<!--YouTube-->
<a class="spice-popout" rel="nofollow" href="youtube καναλι" target="_blank"><img src="http://i.imgur.com/OukhzWK.png" /></a>
<!--Skype-->
<a class="spice-popout" rel="nofollow" href="skype εδω" target="_blank"><img src="http://i.imgur.com/8c35IfD.png" /></a>
<style>
.spice-popout{height:48px; width:48px; margin:10px; float:left; display:inline-block; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s}
.spice-popout img{border-radius:50%; margin:8px; width:100%; box-shadow:0px 0px 4px 1px rgba(0,0,0,0.8); -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s}
.spice-popout img:hover{margin:0px; box-shadow:6px 6px 4px 4px rgba(0,0,0,0.3)}
</style>