The best place to ask programming/development questions, imo. UPDATE: stackoverflow is the *worst* place to *ask* questions (if your first question/comment doesn't get any up-rating/response, then u can't ask anymore questions--ridiculously unrealistic), but a great reference for finding answers.

My Music (Nickleus)

20140117

blogger: how to add social media icons/image links with consistent design/style theme using normal HTML "a"-tag and "img"-tag code

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://lh4.googleusercontent.com/-G5OciLFJTtU/UtkdedDSq5I/AAAAAAAAAzY/cBIvXWntDCs/s16-no/facebook.gif
https://lh3.googleusercontent.com/-Wlm1tXaG94M/UtkdjGjebjI/AAAAAAAAA1I/404c-8igQc4/s16-no/twitter.gif
https://lh6.googleusercontent.com/-U7OB5Zx0BdI/UtkdgoAHctI/AAAAAAAAA0I/FZDlm78vBts/s16-no/linkedin.gif
https://lh3.googleusercontent.com/-Vpev-MbYvaI/UtkilFK6N0I/AAAAAAAAA2Q/ia4V855DesM/s16-no/soundcloud-orange_white_16-94fc761.png


HTML CODE "TEMPLATE"

<a href="" title=""><img src="https://lh4.googleusercontent.com/-G5OciLFJTtU/UtkdedDSq5I/AAAAAAAAAzY/cBIvXWntDCs/s16-no/facebook.gif" /></a>

<a href="" title=""><img src="https://lh3.googleusercontent.com/-Wlm1tXaG94M/UtkdjGjebjI/AAAAAAAAA1I/404c-8igQc4/s16-no/twitter.gif" /></a>

<a href="" title=""><img src="https://lh3.googleusercontent.com/-Vpev-MbYvaI/UtkilFK6N0I/AAAAAAAAA2Q/ia4V855DesM/s16-no/soundcloud-orange_white_16-94fc761.png" /></a>

<a href="" title=""><img src="https://lh6.googleusercontent.com/-U7OB5Zx0BdI/UtkdgoAHctI/AAAAAAAAA0I/FZDlm78vBts/s16-no/linkedin.gif" /></a>



EXAMPLE

<a href="https://www.facebook.com/nickleus.artist" title="Nickleus on Facebook"><img src="https://lh4.googleusercontent.com/-G5OciLFJTtU/UtkdedDSq5I/AAAAAAAAAzY/cBIvXWntDCs/s16-no/facebook.gif" /></a>
 

<a href="https://twitter.com/nickleus" title="Nickleus on Twitter"><img src="https://lh3.googleusercontent.com/-Wlm1tXaG94M/UtkdjGjebjI/AAAAAAAAA1I/404c-8igQc4/s16-no/twitter.gif" /></a>
 

<a href="https://soundcloud.com/nickleus" title="Nickleus on SoundCloud"><img src="https://lh3.googleusercontent.com/-Vpev-MbYvaI/UtkilFK6N0I/AAAAAAAAA2Q/ia4V855DesM/s16-no/soundcloud-orange_white_16-94fc761.png" /></a>
 

<a href="http://www.linkedin.com/in/nickleus" title="Nickleus on LinkedIn"><img src="https://lh6.googleusercontent.com/-U7OB5Zx0BdI/UtkdgoAHctI/AAAAAAAAA0I/FZDlm78vBts/s16-no/linkedin.gif" /></a>



No comments:

Post a Comment