was searching for a while to find a standard way to add a line of 16x16 social media icons to my blogger, and finally ended up using the logo pack from "addthis":
http://www.addthis.com/logos
direct link to icon pack:
http://cache.addthiscdn.com/site/logos/addthis_social_icon_pack.zip
source of the soundcloud logo:
https://w.soundcloud.com/icon/assets/images/orange_white_16-94fc761.png
i've uploaded the images below to an album of mine on picasa called "social media icons"
here are direct links to the different icons:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRlMnfmunAhm6QemEvSvMYeZQf0S0YOflf0dyN1sH1AjIRV10OGzobKBxzI7IB2CMLzrHNfMLbXAiYop4VbboDjMhI46vz_YIatkcpVa8xJmP13tOuyI4vXiuxhiOMz_sE8k4YgSaOeI4/s16-no/facebook.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbIIXgMQ3zjkjRgezKky-zVWsaN-O6LnxiOXmlgBkYXqyTERYtNB6C8WPwym_iNl5MhMKA-_2YsyIQRv8N7xlqZy2YNbn_-eIXwLqJgNuLDwqaPWuusdacTD6JK4Pv1txnI8y5WtYI-7A/s16-no/twitter.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Dq6idjMTWMQzHDtoxtHDMpghtqr291Vv0-QVTilwLa1dmYvv5DQj4IEas2lHRw76asqMug0G9M84LE_B3ga9W7yVM5v_n22AWE5FSfNSsY9VVHrJaMUBnhPREOU-uzUyPXVMUpf1Twc/s16-no/linkedin.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg52RjjN01eSPujkQM3Q-x8El2cDCz0e8eSDXeJISRgcrdIvouGOZveoGO52ZFFbdyuJ7lxOJFTlNOlPz-M_2UYtG4BAdmpABw4gzBCt4Al9onFyRxhaexbvSXQSKfmDIZoSXVBYHuyecc/s16-no/soundcloud-orange_white_16-94fc761.png
HTML CODE "TEMPLATE"
<a href="" title=""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRlMnfmunAhm6QemEvSvMYeZQf0S0YOflf0dyN1sH1AjIRV10OGzobKBxzI7IB2CMLzrHNfMLbXAiYop4VbboDjMhI46vz_YIatkcpVa8xJmP13tOuyI4vXiuxhiOMz_sE8k4YgSaOeI4/s16-no/facebook.gif" /></a>
<a href="" title=""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbIIXgMQ3zjkjRgezKky-zVWsaN-O6LnxiOXmlgBkYXqyTERYtNB6C8WPwym_iNl5MhMKA-_2YsyIQRv8N7xlqZy2YNbn_-eIXwLqJgNuLDwqaPWuusdacTD6JK4Pv1txnI8y5WtYI-7A/s16-no/twitter.gif" /></a>
<a href="" title=""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg52RjjN01eSPujkQM3Q-x8El2cDCz0e8eSDXeJISRgcrdIvouGOZveoGO52ZFFbdyuJ7lxOJFTlNOlPz-M_2UYtG4BAdmpABw4gzBCt4Al9onFyRxhaexbvSXQSKfmDIZoSXVBYHuyecc/s16-no/soundcloud-orange_white_16-94fc761.png" /></a>
<a href="" title=""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Dq6idjMTWMQzHDtoxtHDMpghtqr291Vv0-QVTilwLa1dmYvv5DQj4IEas2lHRw76asqMug0G9M84LE_B3ga9W7yVM5v_n22AWE5FSfNSsY9VVHrJaMUBnhPREOU-uzUyPXVMUpf1Twc/s16-no/linkedin.gif" /></a>
EXAMPLE
<a href="https://www.facebook.com/nickleus.artist" title="Nickleus on Facebook"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRlMnfmunAhm6QemEvSvMYeZQf0S0YOflf0dyN1sH1AjIRV10OGzobKBxzI7IB2CMLzrHNfMLbXAiYop4VbboDjMhI46vz_YIatkcpVa8xJmP13tOuyI4vXiuxhiOMz_sE8k4YgSaOeI4/s16-no/facebook.gif" /></a>
<a href="https://twitter.com/nickleus" title="Nickleus on Twitter"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbIIXgMQ3zjkjRgezKky-zVWsaN-O6LnxiOXmlgBkYXqyTERYtNB6C8WPwym_iNl5MhMKA-_2YsyIQRv8N7xlqZy2YNbn_-eIXwLqJgNuLDwqaPWuusdacTD6JK4Pv1txnI8y5WtYI-7A/s16-no/twitter.gif" /></a>
<a href="https://soundcloud.com/nickleus" title="Nickleus on SoundCloud"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg52RjjN01eSPujkQM3Q-x8El2cDCz0e8eSDXeJISRgcrdIvouGOZveoGO52ZFFbdyuJ7lxOJFTlNOlPz-M_2UYtG4BAdmpABw4gzBCt4Al9onFyRxhaexbvSXQSKfmDIZoSXVBYHuyecc/s16-no/soundcloud-orange_white_16-94fc761.png" /></a>
<a href="http://www.linkedin.com/in/nickleus" title="Nickleus on LinkedIn"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Dq6idjMTWMQzHDtoxtHDMpghtqr291Vv0-QVTilwLa1dmYvv5DQj4IEas2lHRw76asqMug0G9M84LE_B3ga9W7yVM5v_n22AWE5FSfNSsY9VVHrJaMUBnhPREOU-uzUyPXVMUpf1Twc/s16-no/linkedin.gif" /></a>
IT, computer and programming tutorials and tips that i couldnt find anywhere else using google, from my daily work as a Senior Developer of solutions using Java and Linux.
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment