Monday, January 8, 2018
blogger how to add social media icons image links with consistent design style theme using normal HTML a tag and img tag code
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
ive 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/AVvXsEgzZbi6qzns94VEDlZqspzEbwMiyBrNCJeec7ZHwulxregR7D-R6goS3fYFfsL_EERbhKp2L0IqE9yIXurIh5VsS8IiHTzHuQlBhSwCBBWCeFk0ZMD2BKanyLLEhBfJ3OGKI4cqHcYeDXk/s16-no/facebook.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ_SGUvGm3k-QA_RoGm98rmsrtfIkOtjrf0AfRKZTgkRKWvRLyfsLd5gPXBcbkloKRpfpE97LF-doz-Kl5Ha2ua5LPgHG69yrtgPcCFY2dvtIVqtCaBj4cyxEsq8V-KO3yM8AA8VDEFqk/s16-no/twitter.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR3ggHBBH-2_Ue6RbdBxpc2NhDcH19t0ucUJDuB-Tx3xam1nTdGYusuR8nTD1sMdyhjiTMr6OKdiJBNEFauz-1eUjWDdZr6p5vK7I5I-NzWAuDsrHeJTyTopCTlc20miVA-Dt7dNXxi7A/s16-no/linkedin.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI7ExGA4AgLA9_1-k9-WhWhP0o9ULl33V9K8CvrT02IokvU4FXPwwwa60bWn9HVD_rkrIoUD3wAnOMtrI00fnE2Sn0Kxz2k5li0ubeYM4bFwBDpMRU76mOPdPTuyffDob_e8kxwGJSOHM/s16-no/soundcloud-orange_white_16-94fc761.png
HTML CODE "TEMPLATE"
<a href="" title=""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzZbi6qzns94VEDlZqspzEbwMiyBrNCJeec7ZHwulxregR7D-R6goS3fYFfsL_EERbhKp2L0IqE9yIXurIh5VsS8IiHTzHuQlBhSwCBBWCeFk0ZMD2BKanyLLEhBfJ3OGKI4cqHcYeDXk/s16-no/facebook.gif" /></a>
<a href="" title=""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ_SGUvGm3k-QA_RoGm98rmsrtfIkOtjrf0AfRKZTgkRKWvRLyfsLd5gPXBcbkloKRpfpE97LF-doz-Kl5Ha2ua5LPgHG69yrtgPcCFY2dvtIVqtCaBj4cyxEsq8V-KO3yM8AA8VDEFqk/s16-no/twitter.gif" /></a>
<a href="" title=""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI7ExGA4AgLA9_1-k9-WhWhP0o9ULl33V9K8CvrT02IokvU4FXPwwwa60bWn9HVD_rkrIoUD3wAnOMtrI00fnE2Sn0Kxz2k5li0ubeYM4bFwBDpMRU76mOPdPTuyffDob_e8kxwGJSOHM/s16-no/soundcloud-orange_white_16-94fc761.png" /></a>
<a href="" title=""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR3ggHBBH-2_Ue6RbdBxpc2NhDcH19t0ucUJDuB-Tx3xam1nTdGYusuR8nTD1sMdyhjiTMr6OKdiJBNEFauz-1eUjWDdZr6p5vK7I5I-NzWAuDsrHeJTyTopCTlc20miVA-Dt7dNXxi7A/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/AVvXsEgzZbi6qzns94VEDlZqspzEbwMiyBrNCJeec7ZHwulxregR7D-R6goS3fYFfsL_EERbhKp2L0IqE9yIXurIh5VsS8IiHTzHuQlBhSwCBBWCeFk0ZMD2BKanyLLEhBfJ3OGKI4cqHcYeDXk/s16-no/facebook.gif" /></a>
<a href="https://twitter.com/nickleus" title="Nickleus on Twitter"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ_SGUvGm3k-QA_RoGm98rmsrtfIkOtjrf0AfRKZTgkRKWvRLyfsLd5gPXBcbkloKRpfpE97LF-doz-Kl5Ha2ua5LPgHG69yrtgPcCFY2dvtIVqtCaBj4cyxEsq8V-KO3yM8AA8VDEFqk/s16-no/twitter.gif" /></a>
<a href="https://soundcloud.com/nickleus" title="Nickleus on SoundCloud"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI7ExGA4AgLA9_1-k9-WhWhP0o9ULl33V9K8CvrT02IokvU4FXPwwwa60bWn9HVD_rkrIoUD3wAnOMtrI00fnE2Sn0Kxz2k5li0ubeYM4bFwBDpMRU76mOPdPTuyffDob_e8kxwGJSOHM/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/AVvXsEgR3ggHBBH-2_Ue6RbdBxpc2NhDcH19t0ucUJDuB-Tx3xam1nTdGYusuR8nTD1sMdyhjiTMr6OKdiJBNEFauz-1eUjWDdZr6p5vK7I5I-NzWAuDsrHeJTyTopCTlc20miVA-Dt7dNXxi7A/s16-no/linkedin.gif" /></a>
